วิจารณ์ UI ของ application บน iPhone (Budget Planner)

ไปอ่านเจอ โพสต์นี้ของ Smashing แล้วน่าสนใจเลยเอามาแชร์ครับ

App ที่เค้าเอามาวิเคราะห์ชื่อ Budget Planner ครับ มันเอาไว้วางแผนรายรับรายจ่ายในแต่ละเดือน

ดู UI ปัจจุบันนะครับ

ก็จะมีให้กรอกว่าเรามีรายรับรายจ่ายอะไรได้ แบ่งเป็นประเภทยังไง

จากนั้นมันก็จะสรุปออกมาให้เราเป็นปฏิทินว่าแต่ละวันเราจะเหลือเงินเท่าไรบ้าง ถึงปลายเดือนแล้วหมดตัวรึเปล่า ก็ว่ากันไป

คราวนี้คุณ Alex ที่เป็นคนวิจารณ์ App นี้เค้าก็อธิบายปัญหาใหญ่สุดของ UI ขอ App ตัวนี้คือหน้าปฏิทินนั่นเอง คำอธิบายตามนี้ครับ

ขออนุญาติยกมาแปลนะครับ

  1. ไม่รู้ว่ายอดเงินที่โชว์ในแต่ละวันหายไปไหนบ้าง อย่างเช่น วันที่ 3 มี 358 พอวันที่ 4 กลายเป็น 1058 ไม่รู้ว่าเกิดไรขึ้น แล้วมันก็ไม่เด่นเลย ดูยาก
  2. ไม่เห็นภาพรวม (ที่มองแล้วเข้าใจได้ในทันที)
  3. การโชว์แบบปฏิทิน ทำให้ไม่สามารถดูแบบคร่อมเดือนได้ (เช่น ดูเดือนนี้ครึีงเดือน เดือนหน้าอีกครึ่งเดือน)

เค้าก็เลยเสนอให้ทำแบบนี้

ออกมาเป็นกราฟเส้นซะเลย!

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

สามารถ zoom in/out ได้ แล้วก็ pan ไปมาเพื่อดูยอดแต่ละเดือนได้

เรียกว่าแก้ข้อบกพร่องที่เค้าบอกหมดเลย แถมใช้ feature touch ของ iPhone ได้คุ้มค่าอีกด้วย

แก้แบบนี้น่าจะ work จริง รับรองว่าโปรแกรมเมอร์แก้ไม่เหนื่อยฟรีแน่ :)

Usability คืออะไร?

ทำ blog เรื่อง Usability และ UI Patterns ทั้งที Post แรกก็ควรจะอธิบายเสียก่อนว่ามันคืออะไร มีประโยชน์ยังไง ไม่งั้นเดี๋ยวจะไม่เข้าใจว่าทำไม Usability จึงเป็นสิ่งที่สำคัญมากๆ ในการออกแบบสินค้าหรือบริการ

Continue reading