User Interface

ไมโครซอฟท์ขยายอินเทอร์เฟซ Xbox Full Screen Experience (FSE) มาใช้กับพีซีด้วย

By mk

on 22 November 2025 - 07:15 Tag: Xbox, Microsoft, Games, User Interface

Xbox

ไมโครซอฟท์ประกาศนำอินเทอร์เฟซ Xbox Full Screen Experience (FSE) ที่เริ่มใช้ในเครื่องเกมพกพา ASUS ROG Xbox Ally ก่อนขยายมายัง MSI Claw ล่าสุดนำมาสู่พีซีทั่วไปด้วย

ไมโครซอฟท์อธิบายว่า FSE ออกแบบมาเพื่อพาผู้เล่นเข้าเกมให้เร็วที่สุด ออกแบบมาสำหรับคอนโทรลเลอร์ ให้ประสบการณ์แบบเดียวกับคอนโซล จึงขยายมาสู่เกมเมอร์สายพีซีด้วย (ลักษณะเดียวกับ Steam Big Picture ของค่าย Valve) โดยปรับแต่งเพิ่มเติมให้เหมาะกับพีซี สามารถสลับหน้าจอ FSE/เดสก์ท็อปปกติ ในหน้า Task View (Win+Tab) ได้ด้วย

กูเกิลโชว์แนวทาง Generative UI ชี้ LLM ทำเว็บได้ดีใกล้เคียงคน เปิดทางตอบคำถามด้วยเว็บ, เกม, และโปรแกรมจำลอง

By lew

on 18 November 2025 - 23:31 Tag: Google, Gemini, User Interface

Google

กูเกิลโชว์แนวทาง Generative UI เป็นการวางเครื่องมือและใส่พรอมต์ให้เหมาะสมกับการสร้างเว็บ ทำให้แอป Gemini และ Google Search สามารถตอบคำถามด้วยหน้าเว็บที่ซับซ้อนขึ้น แทนที่จะเป็นการตอบด้วยผลค้นหาแบบเดิม

ตัวอย่างที่กูเกิลยกมา คือการถามถึงกระบวนการทำงานของ RNA polymerase ที่ต้องทำสำเนา RNA ซึ่งผล Google Search สามารถสร้างหน้าเว็บจำลองการทำสำเนา ให้ผู้ใช้ลองสังเกตขั้นตอนต่างๆ ได้อย่างละเอียด

กูเกิลทดสอบโดยปล่อย Gemini 3 Pro ให้รับคำสั่ง 100 คำสั่งแล้วเทียบกับเว็บไซต์ที่สร้างโดยผู้เชี่ยวชาญ แม้ผลการแข่งขัน Gemini ใน Generative UI จะยังแพ้อยู่แต่ก็ทำได้ใกล้เคียงมาก

iOS 26 จะเพิ่มปุ่มลดความใสของ Liquid Glass

By arjin

on 21 October 2025 - 17:03 Tag: iOS 26, Apple, User Interface

iOS 26

แอปเปิลอัปเดต iOS 26.1 เบต้า 4 ให้นักพัฒนาและกลุ่มผู้ใช้งานได้ทดสอบก่อนออกเวอร์ชันจริง โดยในเบต้า 4 นี้ มีของใหม่ที่สำคัญคือปุ่มลดความใสของ Liquid Glass ที่เป็นดีไซน์พื้นฐานของ UI ใน iOS 26 และซอฟต์แวร์อื่นปีนี้ของแอปเปิล

ผู้ใช้งานสามารถแก้ไขความใสได้โดยไปที่ Settings > Display and Brightness เลือก Liquid Glass แล้วเลือก Tinted ซึ่งจะเพิ่มความทึบของ Liquid Glass แต่หากต้องการความโปร่งใสแบบเดิมก็เลือก Clear

Apple กลับมาเพิ่มความใสของ Liquid Glass ใน iOS 26 beta 4 อีกครั้ง

By arjin

on 23 July 2025 - 07:21 Tag: iOS 26, Apple, Usability, User Interface

iOS 26

แอปเปิลออก iOS 26 beta 4 สำหรับนักพัฒนาวันนี้ โดยการเปลี่ยนแปลงสำคัญคือแอปเปิลเปลี่ยนใจอีกครั้ง กลับมาเพิ่มความใสของการแสดงผล Liquid Glass เหมือนเดิม หลังจากทดสอบลดความใสใน beta 3 ที่ผ่านมา ให้ดูเป็นกระจกฝ้ามากกว่ากระจกใส

ความใสของ Liquid Glass ใน beta 4 กลับมาใกล้เคียงกับ beta 2 ที่ใช้ตั้งแต่แรก แต่เพิ่มความขุ่นอยู่เล็กน้อย คาดว่าสาเหตุผลที่แอปเปิลต้องกลับมาใช้การแสดงผลแบบกระจกใสขึ้น เนื่องจากนักพัฒนาเกิดความสับสนว่าตกลงแล้วแอปเปิลต้องการใช้ดีไซน์แบบใดกันแน่

แอปเปิลยอมถอย iOS 26 ออก Beta 3 ลดความใสของ Liquid Glass ลง อ่านข้อมูลง่ายขึ้น

By mk

on 8 July 2025 - 15:02 Tag: iOS 26, Apple, Usability, User Interface

iOS 26

แอปเปิลออก iOS 26 Beta 3 มีการเปลี่ยนแปลงสำคัญคือปรับลดโทน ความใสของ Liquid Glass ที่มีปัญหาในการใช้งานจริงช่วง Beta แรกๆ

Liquid Glass ช่วงเปิดตัวมีปัญหาเรื่องการใช้พื้นหลังโปร่งใส จนข้อมูลฉากหน้าผสมปนเปไปกับภาพพื้นหลัง หรือเนื้อหาที่อยู่ด้านหลัง จนทำให้มีปัญหาในการอ่านข้อมูล

iOS 26 Beta 3 ปรับลดความโปร่งใสลง (บางคนบอกว่าควรเรียก Frosted Glass หรือกระจกฝ้าแทนแล้ว) ตามเสียงวิจารณ์ของผู้ใช้งาน ถือเป็นทิศทางที่ดีของแอปเปิลที่ยอมฟังเสียงบ่นของผู้ใช้งานตั้งแต่ช่วงแรกๆ

Microsoft Edge เปลี่ยนวิธีเขียน UI จาก React เป็น WebUI 2.0 เร็วขึ้นเฉลี่ย 40%

By mk

on 8 July 2025 - 09:55 Tag: Microsoft Edge, User Interface, Microsoft, Browser, React

Microsoft Edge

ทีม Microsoft Edge เล่าความคืบหน้าของการเปลี่ยนวิธีเขียน UI ของเบราว์เซอร์ จากเดิมใช้ React มาเป็นการใช้โค้ด HTML/CSS พื้นฐานแทน ส่งผลให้การเรนเดอร์ UI ของ Edge เร็วขึ้นมาก

ไมโครซอฟท์อธิบายว่า เบราว์เซอร์ยุคปัจจุบันสามารถประมวลผล HTML/CSS บนหน้าเว็บได้เร็วมาก จุดตายไปอยู่ที่ JavaScript ซึ่งบวมขึ้นเรื่อยๆ ในรอบหลายปีที่ผ่านมา ตัว UI ของ Edge ที่เดิมเขียนด้วย React ก็ได้รับผลกระทบจากสถานการณ์นี้ ทีมไมโครซอฟท์จึงมีไอเดียว่า ถ้าเราเปลี่ยนมาสร้าง UI ด้วยเทคโนโลยีเว็บพื้นฐาน (markup-first architecture) ที่ไมโครซอฟท์ตั้งชื่อว่า "WebUI 2.0" น่าจะทำได้เร็วขึ้น

DeepMind โชว์ Gemini เขียน UI อัตโนมัติ ไม่ต้องใส่คำสั่ง อิงจากหน้าจอก่อนหน้า

By mk

on 23 June 2025 - 16:38 Tag: Gemini, DeepMind, Artificial Intelligence, Programming, User Interface

Gemini

Google Deepmind โชว์การใช้โมเดล Gemini 2.5 Flash-Lite รุ่นเล็กตัวล่าสุดที่เพิ่งเปิดตัว เขียนโค้ด UI ของซอฟต์แวร์ โดยเป็นการสร้าง UI ขึ้นมาใหม่แบบเรียลไทม์ โดยไม่ต้องสั่งการใดๆ สิ่งที่ Gemini ทำคืออ่านหน้าจอก่อนคลิกไฟล์ แล้วสร้าง UI ของหน้าถัดไปขึ้นมาให้อัตโนมัติ ตอนที่เราคลิกไฟล์นั้นๆ

การสร้าง UI แบบ generate อัตโนมัติแบบนี้ยังมีข้อจำกัดอย่างที่แสดงในคลิป เช่น การกดไอคอนโฟลเดอร์เพื่อเข้าไปดูในโฟลเดอร์ 2 รอบจะเห็นหน้าตา UI ไม่เหมือนกัน

Netflix ปรับหน้าตาแอปบนสมาร์ททีวีใหม่ เรียบง่าย ค้นหาสิ่งที่ต้องการดีขึ้น

By arjin

on 7 May 2025 - 20:47 Tag: Netflix, UX, User Interface, Smart TV

Netflix

Netflix ประกาศยกเครื่องหน้าโฮมของแอปบนสมาร์ททีวีใหม่ ซึ่งรูปแบบปัจจุบันถูกใช้งานมานาน โดยการเปลี่ยนแปลงนี้มาพร้อมแนวคิดหน้าตาที่เรียบง่ายขึ้น ดูสะดวก และใช้งานง่ายในการค้นหาคอนเทนต์ที่ต้องการ

ดีไซน์ใหม่มีหลายอย่าง เช่น การแสดงหัวข้อเป็นกลุ่มคอนเทนต์แนะนำ, ย้ายทางลัดไปแถบด้านบนให้เห็นชัด และแนะนำคอนเทนต์แบบเรียลไทม์ตามอารมณ์เนื้อหาที่เพิ่งรับชมไป

Netflix ยังอัปเดตแอปมือถือโดยเพิ่มแนวทางการค้นหาคอนเทนต์รูปแบบใหม่ ๆ ดังนี้

หลุดภาพ UI แบบใหม่ของ Android 16 ใช้ภาพพื้นหลังเบลอเยอะกว่าเดิม

By mk

on 2 May 2025 - 19:12 Tag: Android 16, Android, Design, Leaks, User Interface

Android 16

Mishaal Rahman นักขุดค้นข้อมูล Android ชื่อดัง ระบุว่าใน Android 16 Beta 4 มี UI แบบใหม่ของ Android ที่ปิดการทำงานเอาไว้ และคาดว่ากูเกิลจะนำมาโชว์ในงาน The Android Show วันที่ 13 พฤษภาคม

คาดว่า UI แบบใหม่จะใช้ชื่อว่า Material 3 Expressive แม้ภาพรวมของการใช้งานยังเหมือนเดิม แต่รายละเอียดหลายจุดถูกปรับปรุงใหม่ ใช้ไอคอนขนาดใหญ่ขึ้น สีสันสดใสมากขึ้น มีการใช้เอฟเฟคต์เบลอภาพพื้นหลัง (frosted glass) เยอะกว่าเดิม

[ลือ] แอป Camera ใน iOS 19 ออกแบบส่วนใช้งานใหม่ทั้งหมด อิงดีไซน์จาก visionOS

By arjin

on 18 January 2025 - 16:44 Tag: Apple, iOS 19, Rumors, User Interface, Mobile App

Apple

อีกนานกว่าจะถึงวันเปิดตัว iOS 19 ระบบปฏิบัติการเวอร์ชันใหม่ของ iPhone ในงาน WWDC ตอนนี้ก็ว่าด้วยข่าวลือกันไปก่อน โดย Jon Prosser เจ้าของช่องยูทูบ fpt. อ้างว่าเขาได้เห็นหน้าตาของ iOS 19 แล้ว ซึ่งมีการเปลี่ยนแปลงหน้าตาของแอป Camera สำหรับถ่ายภาพนิ่งและวิดีโอ

JetBrains เริ่มใช้ UI แบบใหม่เป็นดีฟอลต์กับ IDE ทุกตัว หน้าตาเรียบง่าย มินิมอลกว่าเดิม

By mk

on 9 July 2024 - 07:37 Tag: JetBrains, IDE, User Interface

JetBrains

JetBrains ประกาศว่า IDE ทุกตัวในเครือจะเปลี่ยนมาใช้ UI แบบใหม่เป็นค่าดีฟอลต์ ในอัพเดตเวอร์ชันถัดไป 2024.2

UI แบบใหม่ของ JetBrains เริ่มทดสอบมาตั้งแต่ปี 2021 ใช้หน้าตาแบบเรียบง่าย มินิมอล มีปุ่มน้อยๆ เน้นพื้นที่แสดงผลโค้ดเยอะๆ ตามแนวทางของ IDE ยุคใหม่ (พวก VS Code) นอกจากนี้ยังปรับแต่งชุดสี ไอคอน คอนทราสต์ ให้อ่านง่าย สบายตาขึ้นกว่าเดิม

JetBrains บอกว่าหลังจากทดสอบและแก้บั๊กมานานพอสมควร ตอนนี้ผู้ใช้งาน 87% สลับมาใช้ UI แบบใหม่แล้ว จึงตัดสินใจเปิดใช้ UI ใหม่เป็นค่าดีฟอลต์สักที

Neuralink สาธิตการทำงานชิปเชื่อมต่อสมองกับคอมพิวเตอร์ จากผู้ทดสอบคนแรก

By arjin

on 21 March 2024 - 07:52 Tag: Neuralink, Medical, User Interface

Neuralink

ก่อนหน้านี้ Neuralink บริษัทผู้พัฒนาเทคโนโลยีชิปเชื่อมต่อกับสมองมนุษย์ของ Elon Musk ได้ประกาศว่าประสบความสำเร็จในการทดลองฝังอุปกรณ์ในสมองมนุษย์คนแรกแล้ว ล่าสุด Neuralink จึงนำเสนอรายละเอียดการทำงานของระบบสั่งการคอมพิวเตอร์จากสมองมนุษย์จากผู้ทดสอบรายนี้

Google Docs, Sheets, Slides เพิ่มช่องค้นหาคำสั่งที่ต้องการในแถบเครื่องมือ

By mk

on 27 April 2023 - 11:18 Tag: Google Workspace, Google Docs, Google Slides, Google Sheets, User Interface, Google

Google Workspace

แอพในกลุ่ม Google Workspace คือ Docs, Sheets, Slides เตรียมปรับอินเทอร์เฟซใหม่เล็กน้อย โดยเพิ่มช่องค้นหาเครื่องมือ (tool-finding) เพื่อให้ผู้ใช้ค้นหาคำสั่งที่ต้องการได้ง่ายขึ้น ไม่ต้องไปงมหาเองในเมนู

จริงๆ แล้ว Google Docs, Sheets, Slides มีฟีเจอร์ค้นหาคำสั่งอยู่แล้ว แต่หลบอยู่ในเมนู Help > Search the menus ซึ่งไม่ค่อยมีใครรู้จักนัก การเปลี่ยนแปลงนี้คือย้ายช่องค้นหาคำสั่งออกมาวางตรงซ้ายสุดของแถบเครื่องมือแทน ไม่เห็นก็ไม่รู้จะว่ายังไงแล้ว

การเปลี่ยนแปลงนี้จะมีผลต่อผู้ใช้ทุกกลุ่ม ทั้งฝั่งคอนซูเมอร์และองค์กร โดยจะทยอยเปลี่ยนทีละกลุ่มตามธรรมเนียมของกูเกิล

Bing เพิ่มตัวเลือกโหมดแชทคุยกับ AI เลือกได้เองว่าให้ตอบสั้นๆ หรือบรรยายยาวๆ

By mk

on 2 March 2023 - 15:55 Tag: Bing, Artificial Intelligence, Microsoft, User Interface

Bing

ไมโครซอฟท์เพิ่มปุ่มเลือกโหมดการคุยกับ Bing พลัง AI ตามที่ประกาศไว้ก่อนหน้านี้ ผู้ใช้สามารถเลือกโหมดการคุยได้ 3 แบบคือ เน้นไปที่คำตอบ (Precise) หรืออยากให้ตอบยาว ๆ เพื่อหาไอเดีย (Creative) หรือเลือกแบบผสมผสาน (Balanced)

UI การเลือกโหมดคุยกับ AI ถือเป็นการทดลองว่า UI แบบใดที่เหมาะกับผู้ใช้งานกันแน่ เพราะผู้ใช้แต่ละคนมีความต้องการที่แตกต่างกัน ก่อนหน้านี้ Bing ใช้วิธี "คาดเดา" ว่าผู้ใช้ชอบแบบไหน แต่ล่าสุดเปลี่ยนมาลองดูแบบให้ผู้ใช้เลือกเอาเองเลย

Spotify ปรับ UI ในแอพ เปลี่ยนปุ่มเซฟเพลง จากไอคอนหัวใจเป็นปุ่มเครื่องหมายบวก

By mk

on 28 February 2023 - 11:12 Tag: Spotify, User Interface

Spotify

Spotify ปรับ UI ของหน้าแอพ โดยเปลี่ยนเครื่องหมายหัวใจ (heart) มาเป็นเครื่องหมายบวก (plus)

เดิมที Spotify มีปุ่มหัวใจเอาไว้บันทึกเพลงที่ชอบ และปุ่ม Add to playlist บันทึกเพลงลงเพลย์ลิสต์ สิ่งที่เปลี่ยนคือการยุบรวมสองปุ่มเข้าด้วยกันเป็นปุ่ม Plus เพื่อเซฟ หากต้องการเลือกว่าจะเซฟลงที่ไหน ให้กดปุ่ม Plus อีกรอบจะมีรายชื่อขึ้นมาให้เลือก

Spotify อธิบายเหตุผลของการเปลี่ยนรอบนี้ว่าทำให้ผู้ใช้เซฟเพลงที่ชอบง่ายขึ้น เซฟเพลงลงเพลย์ลิสต์หลายอันพร้อมกันในทีเดียวได้ และจากการทดสอบพบว่าการเซฟด้วยปุ่ม + ผู้ใช้มีโอกาสกลับมาฟังซ้ำสูงกว่าปุ่มหัวใจ

Thunderbird ประกาศยกเครื่อง UI ครั้งใหญ่ ทำแผนระยะยาว 3 ปี ลดการใช้โค้ดจาก Firefox

By mk

on 10 February 2023 - 09:22 Tag: Thunderbird, Mozilla, E-mail, User Interface

Thunderbird

โครงการ Thunderbird เกิดขึ้นพร้อมกับ Firefox (ยุคแรกใช้ชื่อ Firebird) แต่ภายหลังถูกทอดทิ้ง ไม่ได้รับความสนใจจาก Mozilla เท่ากับ Firefox และต้องเปลี่ยนมาออกรุ่นใหม่ปีละแค่รุ่นเดียว จนกระทั่งปี 2020 Mozilla ตั้งหน่วยงานลูกชื่อ MZLA Technologies ขึ้นมารับผิดชอบ Thunderbird และเพิ่มทรัพยากรบุคคลให้บ้าง ทำให้โครงการเริ่มกลับมาได้รับความสนใจอีกครั้ง

ล่าสุด ทีมพัฒนา Thunderbird ประกาศแผน 3 ปี ว่ามีเป้าหมายหลัก 3 อย่างคือ

AWS เปิดตัว Amplify Studio แปลงดีไซน์จาก Figma เป็นโค้ด React แบบไม่ต้องโค้ดเอง

By mk

on 3 December 2021 - 10:36 Tag: AWS Amplify, AWS, Figma, Development, React, User Interface

AWS Amplify

AWS Amplify เป็นบริการ backend สำหรับเว็บแอพและแอพมือถือ (ลักษณะเดียวกับ Firebase) ที่ช่วยจัดการระบบล็อกอิน, การเก็บข้อมูลแอพ (DataStore/Storage), การแจ้งเตือน-ส่งข้อความ (push notification/PubSub)

ในงาน AWS re:Invent 2021 รอบล่าสุด Amazon เปิดตัว AWS Amplify Studio ซึ่งเป็นอินเทอร์เฟซแบบวิชวลสำหรับจัดการ UI แบบลากแล้ววาง ไม่ต้องเขียนโค้ด เท่านั้นยังไม่พอ Amplify Studio ยังรองรับการแปลงดีไซน์จากโปรแกรมออกแบบยอดนิยม Figma มาเป็นโค้ด React UI เพื่อนำไปใช้ต่อบนเว็บ-แอพให้อัตโนมัติด้วย

Spotify ยืนยัน ปิดการแสดงโหมด Car View ในแอป เวลาฟังเพลงเชื่อมต่อกับรถยนต์

By arjin

on 27 November 2021 - 09:11 Tag: Spotify, User Interface

Spotify

Spotify มีโหมดการใช้งานที่เรียกว่า Car View สำหรับแอปทั้ง Android และ iOS โดยจะแสดง UI ที่เน้นอักษรตัวใหญ่ เห็นปุ่มควบคุมชัดมากขึ้น เหมาะกับเวลาใช้งานเมื่อเชื่อมต่อขณะขับรถ อย่างไรก็ตาม Spotify ได้ปิดฟีเจอร์นี้แล้ว

บริษัทไม่ได้ชี้แจงอย่างเป็นทางการ แต่ได้ตอบคำถามหลังผู้ใช้งานบน Android โพสต์ในฟอรั่ม พบว่าโหมด Car View หายไป ซึ่งคำชี้แจงคือ Spotify ได้หยุดฟีเจอร์ดังกล่าวแล้ว แต่ไม่ได้แปลว่าจะไม่มีการพัฒนาฟีเจอร์ใหม่ สำหรับการฟังเพลงขณะขับรถอีก โดยบริษัทจะมองหาแนวทางใหม่มาแทน

Start11 ขออาสาแก้ปัญหา สำหรับคนที่ขัดใจ Start Menu ของ Windows 11 ปรับแต่งไม่ได้

By mk

on 4 October 2021 - 22:47 Tag: Windows 11, User Interface

Windows 11

การเปลี่ยนแปลงของ Windows 11 ที่เห็นได้ชัดเจนที่สุดย่อมหนีไม่พ้น Start Menu ที่ย้ายมาอยู่ตรงกลาง (ย้ายไปชิดขอบซ้ายได้) แต่ส่วนอื่นๆ ของ Start Menu และ Task Bar กลับปรับแต่งได้ไม่มากนักเมื่อเทียบกับ Windows 10 แถมยังถูกตัดฟีเจอร์ออกไปอีกพอสมควร (เช่น Live Tiles) ซึ่งผู้ใช้ Windows 10 จำนวนไม่น้อยย่อมขัดใจเมื่ออัพเกรดมาเป็น Windows 11

ไมโครซอฟท์ยังไม่ได้ออกมาพูดถึงแผนว่าจะปรับเปลี่ยน Start Menu อย่างไรในอนาคต ทางออกของเรื่องนี้อาจเป็นโปรแกรมปรับแต่งอย่าง Start11 ของบริษัท Stardock ที่สร้างชื่อมาตั้งแต่ Start8 ในยุค Windows 8 ที่มีปัญหาเรื่อง Start Menu/Screen เช่นกัน

อดีตทีมงาน Chrome Android บอกแถบ URL ด้านล่างไม่เวิร์คหรอก, Safari iOS 15 อย่าทำ

By mk

on 30 July 2021 - 21:35 Tag: Chrome, Browser, Safari, iOS 15, User Interface

Chrome

การเปลี่ยนแปลงสำคัญอย่างหนึ่งของ iOS 15 คือ Safari ดีไซน์ใหม่ที่ย้าย URL Bar และแถบเครื่องมือลงมาด้านล่าง ซึ่งถูกวิจารณ์ไม่น้อยเพราะผู้ใช้ไม่คุ้นเคย ทำให้แอปเปิลต้องยอมปรับดีไซน์บางจุดใน Beta หลังๆ

เรื่องนี้ Chris Lee อดีตพนักงานทีม Chrome Android ของกูเกิลได้เขียนเล่าว่ากูเกิลเคยลอง UI แบบนี้ตั้งแต่ปี 2016 แล้วพบว่าไม่เวิร์คจนต้องยกเลิกไป

Lee บอกว่าเขาเป็นคนพัฒนาดีไซน์ใหม่นี้เอง โดยใช้ชื่อว่า Chrome Home มันคือการนำช่อง URL ไปไว้ด้านล่าง แล้วมีแถบเลื่อนที่สามารถลากขึ้นมาให้เห็นปุ่มคำสั่งต่างๆ ได้อีก

Subscribe to User Interface