User Interface

Netflix เผยวิธีจัดการภายใน เพื่อลดปัญหา UI เวลาแปลข้อความเป็นภาษาต่าง ๆ

By arjin

on 13 August 2018 - 19:25 Tag: Netflix, Localization, User Interface

Tim Brandall หัวหน้าทีม Internationalization ของ Netflix เขียนบล็อกเล่าถึงวิธีการจัดการภายใน ที่ทำให้การแสดงผลเนื้อหาบน Netflix ในภาษาต่าง ๆ แสดงผลได้ดีไม่เกิดตัวอักษรล้น UI ซึ่งเป็นเรื่องท้าทายหลังจาก Netflix ขยายตลาดไปสู่ 190 ประเทศ ทำให้การแสดงผลต้องเพิ่มจากภาษาอังกฤษภาษาเดียว ไปสู่ภาษาอื่นรวม 26 ภาษา

ไมโครซอฟท์เปิดตัว Windows UI Library, เพิ่ม UI ใหม่ให้แอพ UWP โดยไม่ต้องอัพเดตระบบปฏิบัติการ

By Job_The_Gamer

on 12 August 2018 - 11:47 Tag: UWP, Windows 10, User Interface, Development, Microsoft

เมื่อปลายเดือนที่เพิ่งผ่านมา ไมโครซอฟท์ได้เปิดตัว Windows UI Library (WinUI) ชุดรวม UI สำหรับใช้พัฒนาแอพ UWP โดยมีจุดประสงค์เพื่อช่วยเพิ่มความยืดหยุ่นให้กับการสร้างแอพ UWP ให้รองรับ Windows 10 หลายเวอร์ชัน

นักพัฒนาจะสามารถเรียกใช้ XAML control บน WinUI เพื่อใช้สร้างส่วนติดต่อผู้ใช้ของแอพ ไม่ต่างอะไรกับการใช้ XAML control บน SDK มาตรฐานที่มากับ Windows 10 แต่ละเวอร์ชัน

สิ่งที่ทำให้ WinUI ยืดหยุ่นกว่าเป็นผลจากการแยกส่วน UI ออกมาเป็นแพคเกจที่นักพัฒนาสามารถนำมาใช้งานได้ข้ามเวอร์ชัน ไม่ถูกผูกติดกับ SDK มาตรฐานที่มีความเก่า/ใหม่ต่างกันไปตามเวอร์ชันของระบบปฏิบัติการอย่างแต่ก่อน

ไมโครซอฟท์ปรับดีไซน์ Office ครั้งใหญ่ กลับสู่สามัญ ลดขนาด Ribbon เหลือแถวเดียว

By mk

on 13 June 2018 - 22:16 Tag: Microsoft Office, Microsoft, Design, User Interface

ไมโครซอฟท์ประกาศปรับเปลี่ยนดีไซน์ UI ของ Microsoft Office ครั้งใหญ่ในรอบหลายปี การเปลี่ยนแปลงสำคัญเกิดขึ้นที่แถบเครื่องมือ Ribbon ที่ใช้มาตั้งแต่ Office 2007 โดยจะลดขนาดของ Ribbon ลงเพื่อเพิ่มพื้นที่แสดงผลบนหน้าจอ

Ribbon แบบใหม่เรียกว่า Simplified Ribbon จะมีพื้นที่เหลือแค่แถวเดียวเหมือนกับทูลบาร์ทั่วไป (จากเดิม 3 แถว) การเปลี่ยนแปลงจะเริ่มกับ Word, Excel, PowerPoint เวอร์ชันเว็บก่อนในวันนี้ (ผู้ใช้บางกลุ่มเริ่มได้ใช้แล้ว) จากนั้นจะตามมายัง Outlook for Windows ในเดือนกรกฎาคม

หัวหน้าทีม Android บอก Navigation แบบใหม่ของ Android P ไม่ได้มาแทนปุ่ม Home

By mk

on 11 May 2018 - 01:30 Tag: Android Pie, Android, User Interface, Google

ฟีเจอร์ใหม่ของ Android P ที่ถูกพูดถึงกันมากคือ Navigation แบบใหม่ ที่เปลี่ยนจาก 3 ปุ่มมาตรฐาน ไปใช้ท่า gesture ปัดขึ้นแทน ประเด็นนี้เป็นที่ถกเถียงกันอย่างมาก ทั้งในโลกของผู้ใช้ Android เอง และในแง่ว่าลอก iPhone X หรือไม่

ผมมีโอกาสได้พูดคุยกับ David Burke หัวหน้าฝ่ายวิศวกรรม Android (คนที่ออกมาเดโม Android P) และได้ฟังเขาอธิบายถึงที่มาที่ไปในประเด็นนี้

ไมโครซอฟท์ออก Adaptive Cards เฟรมเวิร์คสำหรับแสดงผลข้อมูลรูปแบบการ์ดข้ามแพลตฟอร์ม

By Job_The_Gamer

on 11 March 2018 - 21:20 Tag: Windows, User Interface, Development, Microsoft

ในงาน Windows Developer Day ที่เพิ่งผ่านมา ไมโครซอฟท์ได้ประกาศออก Adaptive Cards เวอร์ชัน 1.0 เฟรมเวิร์คสำหรับแสดงผลข้อมูลในรูปแบบการ์ดที่สามารถใช้งานข้ามแพลตฟอร์มได้ แตกต่างจากการแสดงผลการ์ดทั่วไปในปัจจุบันที่แต่ละเจ้ามักจะมีฟอร์แมทตายตัวของตัวเอง

Adaptive Cards เปิดตัวครั้งแรกในงาน Microsoft Build 2017 มีจุดประสงค์เพื่ออำนวยความสะดวกให้กับนักพัฒนาที่ต้องการแสดงผลข้อมูลต่างๆ ในรูปแบบการ์ดภายในผลิตภัณฑ์ของไมโครซอฟท์ อย่าง Windows notifications / Timeline, Bot Framework ไปจนถึง Cortana

โปรแกรมปรับแต่ง Start Menu ชื่อดัง Classic Shell ยุติการพัฒนาพร้อมประกาศเปิดซอร์ส

By Job_The_Gamer

on 25 December 2017 - 01:02 Tag: Windows, User Interface, Open Source

Classic Shell โปรแกรมปรับแต่ง Start Menu สำหรับระบบปฏิบัติการ Windows ซึ่งเป็นที่นิยมในหมู่ผู้ใช้ที่ยังต้องการ Start Menu ในแบบเดิมๆ ที่คุ้นเคย ประกาศยุติการพัฒนาแล้ว

ทาง Ivo Beltchev ผู้พัฒนาได้ให้เหตุผลของหยุดพัฒนาไว้บนฟอรั่มว่าเขาต้องการใช้เวลาว่างกับงานอดิเรกอื่นๆ การที่ต้องตามอัพเดต Classic Shell ให้สามารถใช้งานกับ Windows 10 รุ่นใหม่ที่ออกอัพเดตใหญ่ถึงปีละสองครั้ง พร้อมๆ กับการพัฒนาฟีเจอร์ใหม่นั้นกลายเป็นงานที่หนักเกินไปสำหรับเขา

Sets ฟีเจอร์ใหม่ Windows 10 เปิดหลายโปรแกรมในหน้าต่างเดียวกัน แยกคนละแท็บ

By mk

on 29 November 2017 - 09:11 Tag: Windows 10, Operating System, User Interface

ไมโครซอฟท์โชว์ฟีเจอร์ใหม่ของ Windows 10 โดยยังมีชื่ออย่างไม่เป็นทางการว่า "Sets" มันคือการรวมแอพหลายๆ ตัววไว้ในหน้าต่างเดียวกันผ่านอินเทอร์เฟซแบบ "แท็บ" ที่เราคุ้นเคย

ในตัวอย่างของไมโครซอฟท์เริ่มต้นจากการเปิดเอกสาร Word ขึ้นมาตามปกติ จากนั้นเปิดแท็บใหม่ขึ้นมาในหน้าต่างเดียวกัน ในแท็บมีไอคอนให้เราเลือกเปิดโปรแกรม-เอกสารอื่นบน OneDrive จากนั้นก็เปิด OneNote, Edge, PowerPoint ขึ้นมาตามลำดับ (อธิบายเป็นข้อความอาจยากหน่อย ดูวิดีโอเข้าใจง่ายกว่าครับ)

ไมโครซอฟท์เสนอแนวทางการสั่งงานแท็บเล็ตรูปแบบใหม่, ประสานการควบคุมจากนิ้วหัวแม่มือและปากกา

By Job_The_Gamer

on 4 June 2017 - 21:40 Tag: Microsoft Research, Tablet, Stylus, User Experience, User Interface, Microsoft

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

VOSSCA ซอฟต์แวร์ควบคุมดาวเทียมฝีมือคนไทย หน้าตาล้ำสมัย ราวอยู่ในหนังสายลับ

By -Rookies-

on 9 January 2017 - 20:48 Tag: GISTDA, Space, Satellite, User Experience, User Interface

ดาวเทียมไทยโชต (THEOS) เป็นดาวเทียมสำรวจข้อมูลระยะไกลเพื่อใช้สำรวจทรัพยากรธรรมชาติดวงแรกของประเทศไทยและอาเซียน โดยความร่วมมือระหว่างรัฐบาลไทยและรัฐบาลฝรั่งเศส ดำเนินงานโดย__สำนักงานพัฒนาเทคโนโลยีอวกาศและภูมิสารสนเทศ (GISTDA)__ ภายใต้งบประมาณ 6,000 ล้านบาท

ดาวเทียม THEOS ถูกส่งขึ้นสู่อวกาศตั้งแต่วันพุธที่ 1 ตุลาคม พ.ศ. 2551 โดยใช้ระบบควบคุมภาคพื้นดินที่ได้มาพร้อมกับดาวเทียม ตั้งแต่นั้นมาถึงปัจจุบันก็ 8 ปีแล้ว แต่หน้าตาของระบบควบคุมดังกล่าวเป็นตัวเลขแทบทั้งหมด ใช้งานยาก และต้องใช้ความชำนาญสูง

LibreOffice โชว์ UI แบบใหม่ หน้าตาเหมือน Ribbon ของ Microsoft Office

By mk

on 26 December 2016 - 13:33 Tag: LibreOffice, GUI, User Interface, Open Source

The Document Foundation องค์กรผู้ดูแล LibreOffice ประกาศโครงการปรับปรุงอินเทอร์เฟซของโปรแกรมครั้งใหญ่ ในชื่อ MUFFIN (My User Friendly & Flexible INterface)

Project MUFFIN จะมี GUI ทั้งหมด 4 แบบให้เลือกใช้ตามต้องการ ได้แก่

WatchMI โครงการวิจัย สร้าง UI แบบใหม่สำหรับสมาร์ทวอทช์ที่รัน Android Wear

By ratchajob

on 17 August 2016 - 12:20 Tag: Android Wear, User Interface, Research

ทีมนักวิจัยแห่ง University of St Andrews ในสหราชอาณาจักร คิดค้นวิธีการเพิ่มรูปแบบ UI ใหม่ให้หลากหลายและใช้งานได้ง่ายมากยิ่งขึ้น สำหรับผู้ใช้งานสมาร์ทวอทช์ที่รัน Android Wear โดยมีจุดเด่นอยู่ที่ไม่ต้องมีการสร้างฮาร์ดแวร์ใหม่ สามารถนำไปใช้กับ Android Smartwatch ที่วางขายอยู่ในปัจจุบันได้เลยเมื่อพัฒนาเสร็จสมบูรณ์แล้ว ทางทีมได้ตั้งชื่อเรียกว่า WatchMI

Google Maps ปรับหน้าตาแผนที่ใหม่ สะอาดตามากขึ้น, เน้นสีสถานที่ที่คนนิยม

By BlackMiracle

on 26 July 2016 - 13:45 Tag: Google Maps, User Interface, Google

กูเกิลประกาศปรับหน้าตาแผนที่ใหม่ให้ดูสะอาดตายิ่งขึ้น รวมถึงมีการเน้นสีสถานที่ที่ผู้คนนิยมไป เช่นห้างสรรพสินค้า เพื่อช่วยให้ผู้ใช้สามารถหาที่ท่องเที่ยวได้ง่ายขึ้น

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

ทีม Android อธิบาย เหตุผลที่ยังไม่มีธีมสีมืด (Dark Mode) ใน Nougat

By mk

on 21 July 2016 - 09:28 Tag: Nougat, Android, User Interface

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

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

สัมภาษณ์ผู้ให้กำเนิด Start Menu, ความเป็นมาและความรู้สึกที่ได้เห็น Start Menu บน Windows 10

By Job_The_Gamer

on 3 April 2016 - 13:11 Tag: Windows, User Experience, User Interface, Design, Microsoft

หลังจากที่ไมโครซอฟท์โชว์ตัวอย่าง 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 ออกใหม่ๆ อาจจะเก่าไปหน่อยแต่คิดว่ายังมีคุณค่าแต่การพูดถึงอยู่ครับ)

Windows 10 ปรับ Action Center ใหม่ ย้ายไอคอนไปไว้มุมสุด แสดงภาพได้ด้วย

By mk

on 2 April 2016 - 11:02 Tag: Windows 10, User Interface, Microsoft

ที่งาน 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)

ไมโครซอฟท์โชว์ตัวอย่าง Start Menu แบบใหม่ของ Windows 10 ปรับปรุงหน้า All Apps

By mk

on 2 April 2016 - 08:36 Tag: Windows 10, User Experience, User Interface, Microsoft

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

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

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

กูเกิลยกเครื่องหน้าตาของ AdWords ใหม่ เป็น Material Design

By mk

on 29 March 2016 - 22:32 Tag: AdWords, Material Design, Google, Design, User Interface

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

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

ภาพหลุด Android N เปลี่ยนสไตล์ถาดข้อความแจ้งเตือน เพิ่มปุ่ม Quick Settings

By mk

on 1 March 2016 - 12:19 Tag: Google, Android, Leak, User Interface, Nougat

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

วิดีโอใหม่กูเกิล โชว์ภาพ Android ไม่มี App Drawer

By mk

on 28 February 2016 - 10:17 Tag: Android, Google Maps, User Interface

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

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

GNOME เตรียมปรับ UI ของหน้าจอ Settings ใหม่หมด ใช้งานง่ายขึ้นกว่าเดิม

By mk

on 17 January 2016 - 18:15 Tag: Open Source, GNOME, Design, User Interface

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

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