Chapter 11 User Interface Design

กระบวนการออกแบบหน้าจอ UI (User Interface)

ตัวอย่าง เทคนิคการประเมิน User Interface

-แบบสอบถาม user feedback

-บันทึกวีดีโอ user เมื่อใช้ระบบ ว่ามีความรู้สึกอย่างไรบ้าง

-เขียนโปรแกรมทำหน้าที่แอบเก็บข้อมูลการใช้งานของ user ว่า user ทำอะไรบ้าง

-เพิ่มช่องทาง comment ในโปรแกรม

การนำเสนอข้อมูล

1. แบบ Static Information – จะถูกกำหนดไว้ในตอนเริ่มต้น และไม่มีการเปลี่ยนแปลงอีก 
2. แบบ Dynamic Information จะมีการเปลี่ยนแปลงข้อมูลระหว่างการทำงานกับ user
2.1 แบบ Digital จะเน้นเป็นแบบตัวเลข เป็นการ Sampling ค่าขึ้นมา
2.2 แบบ Analogue เน้นการแสดงผลเป็นแบบรูปภาพ ค่าต่อเนื่องกันไป 

ปัจจัยที่จะดูว่าเมื่อไรควรจะใช้การนำเสนอแบบใด

1. ดูว่าต้องการข้อมูลขัดเจนแค่ไหน 
2. ต้องการความเร็วในการแสดงข้อมูลหรือไม่
3. ต้องการที่จะให้มีการทำอะไรด้วยหรือเปล่า 
4. ถ้าเป็นการแสดงผลแบบ Direct manipulation จะต้องเป็นการนำเสนอข้อมูลแบบ Dynamic
5. ต้องการข้อมูลเป็นตัวเลขหรือไม่ 
6. การเปรียบเทียบข้อมูลสำคัญแค่ไหน 

การใช้สี

- อย่าใช้สีมากเกินไป 
- อนุญาตให้ user ปรับแต่งการใช้สีได้
- พยายามใช้สีที่คงเส้นคงวา สอดคล้องกัน เช่น ฟอร์มรับข้อมูลควรจะมีสีโทนเดียวกัน
- หลีกเลี่ยงสีที่ตัดกัน 
- เปลี่ยนสีถ้าสถานะมีการเปลี่ยนแปลงไป
- ระวังเรื่องสีที่ไม่สามารถแสดงได้ในบาง Resoltion อย่างในเว็บเพจ สีที่แสดงออกมาได้จริง ( ประมาณ 255 สี ) ในเครื่องทั่วไปส่วนใหญ่เราจะเรียกว่า Safe Color Pallette