Usability

ลิงค์ Store Locator สิ่งดีๆ ที่เว็บไทยควรมีเป็นมาตรฐาน

เว็บ Kasikorn Bank โฉมใหม่ กลายเป็นประเด็นให้บรรดานักออกแบบเว็บเมืองไทยมาถกกันว่า เว็บแบบไหนดี-ไม่ดีอย่างไร

ผมขอใช้โอกาสงามๆ แบบนี้โฆษณา "ฟีเจอร์" ที่เว็บห้างร้านบริษัททั้งหลายควรมีเป็นอย่างยิ่ง นั่นคือ "Store Locator" ครับ

Keyword: 

Responsive Design for Content Site - Next Guardian

Guardin Responsive Design

เรื่องมีอยู่ว่าหนังสือพิมพ์ The Guardian ของอังกฤษเขากำลังออกแบบหน้าเว็บใหม่ (ลองเล่นได้ที่ Guardian Next) ซึ่งโจทย์ของการออกแบบคือเป็น responsive รองรับอุปกรณ์ทุกขนาดหน้าจอ

แต่การเป็นเว็บหนังสือพิมพ์ที่มี content เยอะและหลากหลายนั้นมันไม่ง่าย มันไม่ใช่แค่ออกแบบให้เพจยืดหดตามขนาดจอแล้วก็จบ แต่มันต้องมีหลักการเรื่อง navigation และการจัดหมวดของ content ด้วย

สุดท้าย Guardian ได้พัฒนาแนวคิดที่น่าสนใจมาก เรียกมันว่า Container Model กับ Blended Content (รายละเอียดอ่านได้จาก Guardian Beta Blog และ Nieman Lab)

Jolla Sailfish UI

เคยประทับใจกับ Swipe UI ของ MeeGo บน N9 อยู่มาก ปัญหาหลักที่ผมเจอตอนใช้ N9 คือทุกอย่าง swipe ได้ยกเว้น Back ที่ต้องกดปุ่ม ทำให้ประสบการณ์ใช้งานมันสะดุดอยู่พอสมควร

เรื่องนี้เคยเขียนไปบ้างแล้วใน Ubuntu Phone

ทีนี้ไปค้นเจอข่าวเก่าช่วงปลายปีที่แล้ว (เซฟเก็บไว้เพิ่งได้อ่าน) ทีมของ Engadget ได้สัมภาษณ์ทีม Jolla ผู้สืบทอดของ MeeGo และได้ถ่ายวิดีโอการใช้งาน Sailfish OS มาด้วย ช่วยให้เราได้เห็นภาพว่าถัดจาก MeeGo แล้วไงต่อ

BlackBerry 10 - Peek & Flow

เพิ่งมีเวลามานั่งดูคลิปของงาน BlackBerry Jam Americas เมื่ออาทิตย์ที่แล้ว (ข่าวใน Blognone) ซึ่งถือเป็นการโชว์ BlackBerry 10 ค่อนข้างละเอียดเป็นครั้งแรก

ไอเดียของ UI BB10 ถือว่าน่าสนใจครับ ในภาพรวม RIM เรียกมันว่า "Flow" ซึ่งประกอบด้วยแนวคิด 2 แบบ

  • cascade หรือการซ้อนหน้าต่างเป็นชั้นๆ ต่อกันไปเรื่อยๆ อันนี้ใกล้เคียงกับ card ของ webOS
  • gesture หรือการวาดนิ้วเพื่อใส่คำสั่ง (เบื้องต้นก็คือลาก 4 ทิศ บนล่างซ้ายขวา) คนที่เคยเล่น PlayBook จะรู้ว่ามันใช้ gesture เยอะมาก และ BB10 ก็ต่อยอดแนวทางนี้มา

หมายเหตุ: ระบบปฏิบัติการอีกตัวที่ใช้แนวทางคล้ายๆ กันนี้คือ MeeGo ใน N9 ซึ่งผมชอบมาก

Changing Windows 7 Minimize-Maximize Button Size

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

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

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

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

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

Pages

Subscribe to RSS - Usability