top of page
อธิบาย รายละเอียดของการออกแบบในหน้า Memory Mock Up1 ดังนี้
1. หน้าจอ Memory Mock Up2 ที่ทำขึ้นนี้เกี่ยวกับเรื่อง
เกี่ยวกับเรื่องกรอกข้อมูลผู้เล่น ได้แก่ ชื่อเล่น และ น้ำหนัก
2. จุดประสงค์ของการทำงานกับ User
เพื่อให้ผู้เล่นกรอกข้อมูลคือชื่อและน้ำหนักของผู้เล่นเอง
3. การคำนึงถึงเรื่อง Memory ของ User
ใช้หลักการ Memory and UI Design โดย
- ทำ interface ให้มีความสอดคล้องกันทั้งหมด คือ การใช้ปุ่ม icon Back (<) เดียวกันทั้งแอปพลิเคชัน เพื่อสื่อว่าย้อนกลับไปหน้าก่อนได้
- มีการวางปุ่ม Back (<) ตำแหน่งเดียวกันตลอดทั้งแอปพลิเคชัน ผู้ใช้จะเข้าใจทันทีว่าซ้ายบนจะมีปุ่ม Back หากย้อนกลับได้
- แสดงเงื่อนไขใต้ช่องกรอกข้อมูล ชื่อ เพื่อให้ผู้ใช้ทราบว่าไม่สามารถกรอกสัญลักษณ์เครื่องหมายพิเศษได้
- ในช่องกรอกข้อมูล มีตัวอย่างข้อมูลให้ผู้ใช้เห็นเพื่อจะได้เข้าใจว่าต้องกรอกข้อมูลทำนองไหน
- แก้ไขการกรอกข้อมูล น้ำหนัก ของผู้ใช้หมายเป็นปุ่ม + - แทน ผู้ใช้จะเข้าใจทันทีว่า + คือเพิ่มน้ำหนัก - คือลดน้ำหนักที่จะกรอกลงไป
- ยังคงให้เลเบลกำกับช่องที่กรอกข้อความไว้เช่นเดิม เพื่อให้ผู้ใช้ทราบว่าต้องทำอะไรในช่องกรอกข้อมูล เมื่อกรอกข้อมูลเสร็จ ผู้ใช้ยังคงทราบว่าช่องกรอกข้อมูลคืออะไร
- เพิ่มเครื่องหมาย ถูก ไว้ในปุ่มยืนยัน เป็นการเน้นย้ำว่า ปุ่มนี้หมายถึงตกลง ยืนยัน ให้ผ่าน ไปได้
bottom of page