-
แนวทางการออกแบบ
-
Single Menu
-
การตั้งชื่อเมนู
- ต้องตั้งให้สื่อความหมาย
-
Capital litter
- ชื่อคำสั่ง ควรขึ้นต้นด้วยตัวพิมพ?ใหญ่
-
Short Cut Key
-
เป็นการควบคุมด้วย Navigation
- Page up/down
- Alt+...
- Ctrl+...
- Ship+....
-
Sequence, Order
- เป็นลำดับคำสั่ง
-
เรียงตาม
- มาตรฐาน
- การทำงาน
- อักษร
- location
- ความบ่อยที่ใช้งาน
- ความสำคัญ
-
Pulldown Menu
- เมนูเอาไว้บนสุด
- แต่ละ menu มีการเรียงลำดับให้สอดคล้องกับการทำงาน
-
ใน tab menu จะมีคำสั่งย่อย
- ตัวแรกเป็นตัวใหญ่
- อาจมี Short cut key
- อาจมีคำสั่งที่ย่อยกว่า ><
- Subtopic 4
-
8 Golden Rules
-
Strive for consistency
- ต้องมีความสอดคล้อง
- คำสั่งที่มีรูปแบบการทำงานเหมือนกันต้องอยู่ด้วยกัน
-
Cater to universal usability
- ต้องคำนึงระดับการใช้งานของ user
-
Offer information feedback
- มีการตอบสนองข้อมูลที่ชัดเจน
- แสดง error อย่างชัดเจน user เข้าใจ
-
Design dialog to yeld closure
- มีการแบ่งกลุ่ม dialog
-
prevent error
- ป้องกันการเกิด error
-
permit easy reversal of avtions
- กู้ข้อมูลได้ง่าย
- ทำอะไรก็สามารถย้อนกลับไปแก้ไขได้
-
support internal locus of control
- มีคำสั่ง ให้ user ควบคุมได้หลายวิธี
-
reduce short term memory local
-
ลดการใช้ความจำระยะสั้นของ user
- tab menu ต้องไม่เกิน 7-9 คำสั่ง
- ไม่ควรให้ user ใช้ความจำระยะสั้นมากไป
-
ลักษณะของ UI
-
Command line interface
- ต้องพิมพ์คำสั่งเข้าไปเอง
-
menu
- เป็นรายการคำสั่งให้เลือก
-
dialog
- เป็น window ให้ป้อนหรือกรอกข้อมูล
-
space sheet
- เป็นตารางข้อมูล
-
direct managulation
- เป็นการกระทำที่แสดงออกมาเหมือนเราทำเอง
- เหมือนเกมต่อสู่ ที่เราให้มันเดินมันก็เดินย่างที่เราคิด
-
natural language
- เขียนตามไวยกรณ์ภาษาอังกฤษ
- เช่น Draw line from line 30 to line 40
-
Dialog
-
modal
- window ล่าสุดต้องทำงานให้เสร็จก่อนถึงจะทำอีกคำสั่งได้
-
modeless
- จะทำอันไหนก่อนก็ได้
- window แต่ละ window มีความเป็นอิสระต่อกัน
-
Menu
-
Single Menu
- มีให้เลือกคำสั่งเดียว
- อาจเป็นรูปภาพก็ได้
-
Pulldown Menu
- มีคำสั่งหลักแล้วต้อมีคำสั่งย่อย
-
Cascading Menu
- เป็นเมนูที่ย่อยมาจาก pulldown
-
Pop up Menu
- เป็นเหมือน dialog ที่เด้งขึ้นมา
-
Context Menu
- เป็นคำสั่งที่สอดคล้องกับเนื้อหาที่แสดงอยู่
-
Magnifier Menu
- เป็นคำสั่งที่แสดงในพื้นที่ที่จำกัด
- Tool Bar
-
Tool Pallette
- คำสั่งใน Photo Shop
- Subtopic 2