Usability

เครื่อง Gateway ที่ซื้อมาใหม่ มาพร้อมกับ Windows 7 ซึ่งตั้งค่ามาพิเศษให้ปุ่ม Minimize-Maximize-Close มุมขวาบนของหน้าต่างนั้นใหญ่กว่าปกติ

ผมเข้าใจเอาเองว่าปรับมาให้เหมาะกับหน้าจอทัชสกรีน จะได้กดปิดหน้าต่างง่ายๆ (จอมันเป็น 1080p ซึ่งละเอียดในระดับหนึ่ง)

titlebar ใหญ่เกินไปไม่ใช่ปัญหานัก แต่ Firefox ดันไม่รู้จัก titlebar ขนาดนี้ ทำให้ไม่ยอมปรับขนาดของแท็บในแนวตั้งให้ล้อกับขนาดของ titlebar ไปด้วย

ผลคือ "ช่องว่าง" ระหว่างขอบบนของหน้าต่าง กับแท็บใน Firefox

ช่องว่างอันนี้เห็นเล็กๆ ไม่กี่พิกเซลแต่เป็นเรื่องใหญ่มากครับ เพราะมันผิดหลัก Fitt's Law ด้าน usability เข้าเต็มๆ คือเราไม่สามารถลากเมาส์ไปชนขอบบนเพื่อเลือกแท็บได้ ต้อง "ตั้งใจเล็ง" ให้ถูกเท่านั้น ซึ่งมันเปลืองแรงกว่ากันมาก (และเป็นเหตุผลที่ผมเกลียด Opera ที่ทำแบบนี้)

สิ่งหนึ่งที่ต้องยอมรับว่ากูเกิลทำได้เยี่ยมมากใน Google I/O คือการถ่ายทอดสดแบบ real-time และการนำวิดีโอขึ้น YouTube ที่รวดเร็วมาก ชนิดว่าไม่ต้องไปงานก็ตามดูได้ทุก session ถ้าขยันพอ (แต่อดได้ของแจกนะ)

ช่วงนี้วันหยุดก็เลยนั่งดูบ้างเป็นบางอันเฉพาะที่สนใจ (เช่น Google TV) อันนี้เป็นแนวคิดเบื้องหลังการออกแบบ UI ของ Android Honeycomb

จริงๆ วิดีโอนี้ควรจะออกมาตั้งแต่เปิดตัว Honeycomb แต่มาออกตอนนี้ก็แสดงว่า Honeycomb มันเร่งแบบปะผุจริงๆ กว่าไส้ในจะพร้อมต่อสาธารณะต้องรออีกหลายเดือน ดูแล้วก็เข้าใจมากขึ้นว่ากูเกิลคิดอะไรอยู่ใน Honeycomb ครับ ถ้านักพัฒนาแอพเข้าใจได้ตามกูเกิลหมดก็คงดี

(การนำเสนอน่าเบื่อเล็กพอตัว จริงๆ ถ้ามีสไลด์ให้โหลดก็อ่านสไลด์ก็พอ เพียงแต่ไม่มีให้โหลดนี่สิ)

ในฐานะคนทำเว็บ สิ่งที่เราจะเจอแน่ๆ ในอนาคตคืออุปกรณ์ชนิดใหม่ๆ ที่มี 1) ขนาดของหน้าจอ และ 2) input method ที่ต่างออกไปจากพีซี

ผมกำลังทำ mobile theme อันใหม่ของ Blognone อยู่ หลังจากเรียนรู้ว่าอันเก่ามันยังไม่ค่อยดีนัก เท่าที่ลองทำมาพบว่า mobile edition (สำหรับจอ capasitive เราคงไม่ต้องพูดถึงมือถือแบบจอไม่สัมผัสหรือ resistive กันแล้ว) จำเป็นต้อง

• ปุ่มใหญ่ๆ ใช้นิ้วกดได้ไม่ผิดพลาด ไม่ต้องเล็ง
• ขนาดความกว้างพอดีกับหน้าจอ แปลว่าไม่ควรมี sidebar
• ห้ามมีพวกเมนูแบบ scroll list ที่ต้อง mouse over ก่อน
• หน้าจอต้องไม่ยาวเกินไป เพราะการ scroll หน้าจอด้วยนิ้วทำได้ยาก (ตรงนี้พวก collapsible ช่วยได้)
• รองรับจอสองขนาดคือแนวตั้งกับแนวนอน อันนี้ยังหาโซลูชันไม่ได้กับพวกรูปภาพและ embed video ให้ปรับขนาดอัตโนมัติตามความกว้างของจอที่เปลี่ยนไปได้

อันนี้แค่แนวทางกว้างๆ ในรายละเอียดมันต้องมีอย่างอื่นอีกมาก

แม้ว่า HTML5 จะถูกผลักดันหรือส่งเสริมแค่ไหน แต่บางกรณีมันยังสู้เจ้าตลาดเดิมอย่าง Flash ไม่ได้จริงๆ (ซึ่งเป็นประเด็นที่เจ้าใหญ่อย่าง Hulu และ YouTube เห็นตรงกัน)

ที่ชัดเจนคือ <video> ยังขาด common UI สำหรับฟีเจอร์ที่มีใน Flash ลองดูตัวอย่างของวิดีโอ Firefox 4 Beta 1 UI Changes

จากภาพ

1. ไม่มีวิธี embed วิดีโอแบบง่ายๆ อันนี้เดี๋ยวอีกสักพักคงมีคนทำ player แบบ JW Player ตามมา แต่ไหนๆ เป็นมาตรฐานใหม่ก็น่าจะรวมมาให้เลยนะ
2. สังเกตข้อความ (best viewed in full screen) ใต้วิดีโอ เล่นเอาผมงงอยู่นานว่าจะเปิด full screen ยังไง สุดท้ายพบว่าต้องคลิกขวาที่ตัววิดีโอ

อย่างที่ประกาศไปแล้วใน Blognone Widget for Android ว่าผมตั้งใจจะทำ mobile app เต็มรูปแบบสำหรับ Blognone บน Android

ปัญหาก็คือผมไม่รู้ว่า mobile app ที่ดีควรมีอะไรบ้าง (เพราะทุกคนเพิ่งข้ามเรดไลน์เข้าสู่ "โลกใหม่" ด้วยกันทั้งนั้น) แต่ทางแก้ก็ไม่ยากนัก นั่นคือ เรียนรู้จากผู้มาก่อนทั้งหลาย ว่าอะไรเวิร์ค อะไรไม่เวิร์ค

ผู้มาก่อนที่ใกล้เคียงกับเรามากที่สุด ไม่มีใครดีไปกว่า Engadget for Android