By mk Founder on Tag: Nougat, Android, User Interface
Nougat

ทีมวิศวกรรม Android ไปตอบคำถามบน Reddit เกี่ยวกับ Android Nougat ซึ่งมีคำถามที่น่าสนใจหลายอย่าง

คำถามหนึ่งที่คนให้ความสนใจกันเยอะคือ Nougat จะมีธีมมืด (dark theme) หรือไม่ คำตอบของทีม Android คือเคยลองทำแล้วแต่เจอปัญหาหลายอย่างจนต้องถอยกลับ เพราะการทำธีมมืดเพิ่มอีกหนึ่งธีม ส่งผลให้ภาระงานเพิ่มขึ้นเพราะต้องตรวจสอบความเข้ากันได้สองรอบ แถมยังไม่สามารถใช้วิธีแปลงจากธีมสีสว่างมาได้ตรงๆ ทั้งหมด แถมในแอพที่เรียกใช้ WebView ช่วยแสดงผล ก็ไม่สามารถควบคุมโทนสีของเนื้อหาภายใน WebView ได้เลย

By Job_The_Gamer Writer on Tag: Windows, User Experience, User Interface, Design, Microsoft
Windows

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

เลยนึกอยากเขียนถึงบทสัมภาษณ์ผู้สร้าง Start Menu รุ่นแรก เกี่ยวกับที่มาที่ไปและความรู้สึกของเขาหลังจาก Windows 10 เปลี่ยนกลับมาใช้ Start Menu อีกครั้งซักหน่อย (เป็นบทสัมภาษณ์โดย Business Insider เขียนไว้ตั้งแต่ Windows 10 ออกใหม่ๆ อาจจะเก่าไปหน่อยแต่คิดว่ายังมีคุณค่าแต่การพูดถึงอยู่ครับ)

By mk Founder on Tag: Windows 10, User Interface, Microsoft
Windows 10

ที่งาน Build 2016 ไมโครซอฟท์โชว์ฟีเจอร์ใหม่ของ Action Center หรือแถบแจ้งเตือนใน Windows 10 อีกหลายอย่าง นอกจากการแสดงข้อความเตือนจาก Android ยังมีของใหม่อีก 3 อย่างดังนี้

  • ย้ายไอคอนของ Action Center (ที่เป็นรูปกล่องคำพูด) ไปไว้ฝั่งขวามือสุดของ Taskbar (เข้าไปตรงมุม แทนนาฬิกา) และแสดงตัวเลขบอกจำนวนข้อความเตือนด้วย ไอคอนมีขนาดใหญ่ขึ้น และไอคอนยังเปลี่ยนเป็นรูปแอพที่แจ้งเตือนได้ด้วย (Neowin)
  • เมื่อคลิกเปิด Action Center ขึ้นมา ข้อความแจ้งเตือนมีขนาดใหญ่ขึ้น ใส่รูปภาพหรือไอคอนได้ด้วย รูปแบบจะคล้ายกับ Notification ของ Android รุ่นหลังๆ (WinBeta)
  • การแจ้งเตือนสามารถแสดงผลแบบ toast notification หรือลอยขึ้นมาจาก Action Center ได้ รูปแบบจะคล้าย widget ของ OS X หรือ Windows Vista ในอดีต (MSPowerUser)
By mk Founder on Tag: Windows 10, User Experience, User Interface, Microsoft
Windows 10

ไมโครซอฟท์เริ่มสอบถามความเห็นของผู้ใช้ เพื่อปรับหน้าตาของ Start Menu และ Start Screen ของ Windows 10 อีกเล็กน้อยในส่วนของ All apps (รายชื่อแอพทั้งหมดในเครื่อง)

กรณีของ Start Menu เดิมทีไม่แสดงรายชื่อแอพทั้งหมด ผู้ใช้ต้องกดเมนู "All apps" ก่อน แต่ข้อเสนอใหม่จะย้ายปุ่ม Settings/Power ไปไว้ขอบด้านข้าง แล้วแสดงรายชื่อแอพทั้งหมดต่อจากแอพที่ใช้บ่อย (Most used) ตั้งแต่แรกเลย

ไมโครซอฟท์อธิบายว่าหน้าจอ All apps แบบใหม่ใช้พื้นที่มีประสิทธิภาพมากขึ้น ลดการคลิกและการเลื่อนหน้าจอ (scroll) ลงจากเดิม

By mk Founder on Tag: AdWords, Material Design, Google, Design, User Interface
AdWords

กูเกิลยกเครื่องอินเทอร์เฟซของ AdWords แพลตฟอร์มโฆษณาตัวสำคัญของบริษัท จากของเดิมที่หน้าตารกๆ หน่อย เปลี่ยนมาเป็น Material Design โฉบเฉี่ยวทันสมัย

กูเกิลบอกว่า AdWords ตัวเดิมใช้มานาน 15 ปี เริ่มไม่ทันยุคแล้ว อินเทอร์เฟซแบบใหม่จึงคิดเผื่ออนาคตอีก 15 ปีข้างหน้าว่ามันควรหน้าตาเป็นอย่างไร แนวคิดการออกแบบเน้นการใช้ AdWords ช่วยให้ธุรกิจของลูกค้าดีขึ้น แทนที่จะเน้นตัวผลิตภัณฑ์ AdWords ก็หันไปเน้นการสนับสนุนธุรกิจแทน นอกจากนี้มันยังออกแบบวิธีการนำเสนอข้อมูลใหม่ให้มีความหมายมากขึ้น แสดงข้อมูลสำคัญที่ผู้ใช้ควรรู้มากกว่าเดิม

By mk Founder on Tag: Google, Android, Leak, User Interface, Nougat
Google

ผู้ใช้ Android คงคุ้นเคยกับปุ่มลัด Quick Settings ที่อยู่ในถาดข้อความแจ้งเตือน ผู้ผลิตมือถือส่วนใหญ่มักเพิ่มปุ่มเหล่านี้เพื่อให้ผู้ใช้กดตั้งค่า Wi-Fi หรือ Data กันสะดวก แต่สำหรับคนที่ใช้รอม AOSP ต้นฉบับของกูเกิลย่อมทราบกันดีว่า กูเกิลไม่มีปุ่ม Quick Settings ด้านบนแถบข้อความแจ้งเตือน แต่ซ่อนอยู่ในอีกแถบหนึ่งแทน

By mk Founder on Tag: Android, Google Maps, User Interface
Android

ประเด็นเรื่อง UI ของ Android ส่วนของถาดใส่แอพ (app drawer) เป็นที่ถกเถียงกันมานาน เพราะมีทั้งคนชอบและไม่ชอบ (รอมสายจีนตัดออกเกือบทุกตัว) ข้อดีของ Android เรื่องการปรับแต่งได้ทำให้เรื่องนี้ไม่เป็นปัญหามากนัก

แต่ app drawer กลายเป็นประเด็นอีกครั้ง เมื่อกูเกิลออกวิดีโอโฆษณา Google Maps ตัวใหม่รับงานประกาศรางวัลออสการ์ ตัวโฆษณาโชว์ฟีเจอร์ของ Google Maps ที่โยงกับสถานที่ในภาพยนตร์ แต่มีคนตาดีไปเห็นว่า UI ของ Android ที่ใช้งานนั้นแปลกไปจากปกติ นั่นคือไม่มีปุ่มกดเรียก app drawer บริเวณด้านล่างของหน้าจอ (ในวิดีโออยู่ตอนแรกสุดเลย)

By mk Founder on Tag: Open Source, GNOME, Design, User Interface
Open Source

โครงการ GNOME เริ่มเตรียมยกเครื่อง UI ของโปรแกรมตั้งค่า GNOME Settings แบบใหม่หมด เปลี่ยนจากอินเทอร์เฟซแบบไอคอน (เหมือนกับ Control Panel ของวินโดวส์ หรือ Settings ของ OS X) มาเป็นอินเทอร์เฟซแบบ 2-pane ที่มีแถบนำทางด้านซ้ายมือ (แบบเดียวกับ iOS หรือ Android บนแท็บเล็ต) แทน

ทางทีมออกแบบให้เหตุผลว่าอินเทอร์เฟซแบบไอคอนเรียงกัน มีข้อจำกัดตรงไม่สามารถขับเน้นไอคอนบางตัวให้เด่นขึ้นได้ โดยเฉพาะการตั้งค่าบางอย่างที่ใช้บ่อยๆ รวมถึงรองรับไอคอนตั้งค่าจำนวนเยอะๆ ได้ยากเพราะติดเรื่องขนาดของหน้าต่าง ในขณะที่การใช้ sidebar แสดงลิสต์การตั้งค่านั้นแก้ปัญหาข้างต้นได้หมด

By mk Founder on Tag: User Interface, Microsoft, Artificial Intelligence, Satya Nadella
User Interface

Satya Nadella ซีอีโอไมโครซอฟท์ ไปพูดที่งาน Next:Economy โดยวาดวิสัยทัศน์ว่าระบบปัญญาประดิษฐ์ (AI) จะเป็นชิ้นส่วนสำคัญของส่วนติดต่อผู้ใช้ (UI) ในยุคถัดไป ที่เน้นการสั่งงานด้วยภาษาธรรมชาติ

เขาบอกว่าพฤติกรรมการสั่งงาน AI ด้วยเสียงพูดในที่สาธารณะจะกลายเป็นเรื่องปกติ ตอนนี้เขาติดปากคำว่า "Hey Cortana" ไปเรียบร้อยแล้ว และแอพจากฝั่งจีนเอง เช่น WeChat ก็เริ่มทำบ็อตสำหรับพูดคุยเช่นกัน ซึ่งเขาก็จับตาดูเรื่องนี้อย่างใกล้ชิด

By Lamicrosz Contributor on Tag: Google, Design, User Interface, Windows 10
Google

Matias Duarte รองประธานของกูเกิลด้านการออกแบบ (Google's vice president of design) ทวีตข้อความลงใน Twitter ว่า Windows 10 จริงๆ แล้วน่าจะเรียกว่า "Windows 10 years ago" มากกว่า และเสริมว่าการออกแบบของ Windows 10 เหมือนแค่เอาของจาก Windows XP มาทำให้บางลง

แต่หลังจากที่เรื่องเริ่มเป็นที่พูดถึงในวงกว้าง Duarte จึงได้ทวีตเพิ่มในภายหลังว่า จริงๆ แล้วเขาชอบการออกแบบของ Windows 8 ที่เปลี่ยนวิธีคิดในช่วงนั้นและฟีเจอร์การทำงานของ Windows 10 ที่เพิ่มขึ้นมา เขาก็ไม่ได้ใช้

By mk Founder on Tag: Development, Firefox, User Interface, Mozilla
Development

Dave Camp จาก Mozilla เริ่มหารือถึงการเปลี่ยนเทคโนโลยีเบื้องหลัง Firefox จากเดิมที่ใช้ภาษา XUL (XML User Interface Language) ของตัวเองในการสร้าง UI ก็จะเปลี่ยนมาใช้ HTML แทนในอนาคต (แบบเดียวกับ Chrome)

เขาอธิบายว่า XUL ถูกสร้างขึ้นในสมัยที่ HTML ยังไม่ก้าวหน้าเหมือนทุกวันนี้ แต่เมื่อเทคโนโลยีเว็บพัฒนาไปมาก Mozilla ก็ควรปรับตัวตาม การใช้ XUL ทำให้ Firefox ซับซ้อนโดยไม่จำเป็น และช่วงหลังก็ไม่สามารถแข่งขันเรื่องประสิทธิภาพกับ HTML ได้

Browser

หลังจากที่ผู้ใช้ร่วมกันเรียกร้องให้ไมโครซอฟท์คงแถบที่อยู่ของ Microsoft Edge สำหรับโทรศัพท์ไปไว้ด้านล่างให้เหมือนกับ Internet Explorer บน Windows Phone

มาถึงตอนนี้ทางไมโครซอฟท์ก็ได้ตอบสนองต่อเสียงเรียกร้อง โดยการย้ายแถบที่อยู่ลงมาไว้ด้านล่างเรียบร้อยแล้วครับ โดย Microsoft Edge รุ่นนี้จะมากับ Windows 10 Mobile build 10149 ที่เริ่มปล่อยให้อัพเดตในวันนี้ และยังเป็นรุ่นแรกที่เปลี่ยนชื่อจาก Project Spartan มาเป็น Microsoft Edge อีกด้วย

Google

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

แอปเปิลไม่ได้ให้ความสนใจกับการเปลี่ยนแปลงของอุตสาหกรรมมากเท่าที่ควรตลอดหลายปีที่ผ่านมา แม้ว่าการออกแบบอุตสาหกรรม (Industrial Design; Product Design; Experience/Service Design) ของแอปเปิลยังดีที่สุด แต่เมื่อกูเกิลเปลี่ยนการออกแบบเป็น Material Design กูเกิลก็สามารถทำ UI ออกมาได้สูสีหรืออาจจะดีกว่าแอปเปิลแล้ว

By Blltz Writer on Tag: Mobile App, User Interface, Material Design, Facebook
Mobile App

เป็นอันว่าทิศทางการออกแบบใหม่ของกูเกิลจะได้รับความสนใจกว่าสมัย Holo พอสมควร ล่าสุดขาใหญ่อย่าง Facebook ทดสอบอินเทอร์เฟซใหม่กับผู้ใช้บางส่วนแล้ว

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

ภาพตัวอย่างเปรียบเทียบของใหม่กับของเก่าดูได้ท้ายข่าวครับ

ที่มา - The Next Web

By mk Founder on Tag: Open Source, LibreOffice, User Interface
Open Source

ชุดซอฟต์แวร์สำนักงาน LibreOffice ออกเวอร์ชันใหม่ 4.4 โดยปรับปรุงและแก้ปัญหาเรื่อง UI อีกหลายจุด ถึงแม้จะไม่ได้เป็นการปรับปรุงครั้งใหญ่ชนิดยกเครื่องใหม่หมด แต่ก็ช่วยให้ LibreOffice น่าใช้กว่าเดิมมาก

By Blltz Writer on Tag: Samsung, Rumor, User Interface, Touchwiz, Mobile
Samsung

ปีนี้ดูจะเป็นปีที่ซัมซุงต้องปรับตัวอย่างหนักเพื่อให้กลับมาทำกำไรได้มากเท่าแต่ก่อน นอกจากการออกแบบตัวเครื่องที่ได้เห็นไปแล้วจาก Galaxy Alpha และ A-series ฝั่งซอฟต์แวร์ก็มีแผนจะปรับเช่นกัน ในปีนี้เอง TouchWiz อาจถูกปรับปรุงครั้งใหญ่แล้ว

By mk Founder on Tag: Firefox, Search Engine, User Interface, Mozilla
Firefox

หลังจาก Firefox ประกาศเปลี่ยนเครื่องมือค้นหาจากกูเกิลเป็นอย่างอื่น ล่าสุดทางทีมงาน Mozilla ก็ออกมาโชว์ UI ใหม่ของกล่องค้นหา (search box) แล้ว

สิ่งที่เพิ่มเข้ามาใน UI แบบใหม่คือเมื่อเราพิมพ์คำค้น โปรแกรมจะแสดงรายชื่อคำค้นในอดีต (เหมือนของเดิม) แต่ด้านล่างของรายชื่อจะมีปุ่มสำหรับเลือกเครื่องมือค้นหาอื่นๆ ขึ้นมาให้เลย (ของเดิมต้องกดลูกศรชี้ลงเพื่อเปลี่ยนเครื่องมือค้นหาก่อน) ดังนั้นเราสามารถพิมพ์คำค้นที่ต้องการแล้วคลิกเมาส์เพื่อเลือกเว็บที่จะค้นได้ง่ายขึ้น

By mk Founder on Tag: User Interface, Windows 10, Microsoft
User Interface

Windows 8.x พยายามรวมการใช้งานด้วยเมาส์-คีย์บอร์ด และจอสัมผัสเข้าด้วยกัน ซึ่งก็ไม่ประสบความสำเร็จเท่าไรนักเพราะการใช้งานทั้งสองแบบมีธรรมชาติที่แตกต่างกัน พอมาถึงยุคของ Windows 10 ไมโครซอฟท์พยายามแก้ปัญหานี้ด้วยฟีเจอร์ใหม่ชื่อ Continuum ซึ่งจะช่วยปรับ UI ของระบบโดยขึ้นกับอุปกรณ์อินพุทข้อมูลที่ใช้อยู่ตอนนั้น

By mk Founder on Tag: Google, Android, Automobile, User Interface, Android Auto
Google

หลังจากเปิดตัว Android Auto ในงาน Google I/O ล่าสุดกูเกิลปรับหน้าเว็บ Android Auto Developer Overview โดยเพิ่มเติมข้อมูลมาอีกหลายประการ

By mk Founder on Tag: BBM, User Interface, BlackBerry
BBM

ก่อนหน้านี้ BlackBerry ออกแอพ BBM รุ่นบน Android/iOS โดยยังคงแนวทางส่วนติดต่อผู้ใช้แบบเดียวกับ BBM รุ่นบน BlackBerry 10 ทำให้การใช้งาน BBM บนแพลตฟอร์มเหล่านี้ดูไม่ค่อยเข้ากับแอพตัวอื่นๆ เท่าไรนัก

แต่เมื่อถึงคิวของ BBM for Windows Phone มันกลับใช้แนวทางที่ต่างไปคือยอมปรับหน้าตาเป็นแบบ Metro ของ Windows Phone ทำให้เกิดคำถามว่านโยบายเรื่อง UI ของ BBM จะเป็นอย่างไรต่อ

Subscribe to User Interface