Form interaction, form design, form user interface, human computer interaction

1. Form Interaction
322131 Human Computer Interaction
วันจันทร์ที่ 27 มกราคม 14

2. Form Interaction
• เป็นการโต้ตอบผู้ ใช้งานระบบโดยการป้อนข้อมูล ลงในช่องว่างใน
ฟอร์มที่แสดงบนหน้าจอคอมพิวเตอร์
• ชื่อฟอร์มที่ ใช้ต้องสื่อความหมาย
• แบ่งส่วนของการกรอกข้อมูลให้เหมาะสม
• ควรแสดงข้อมูลเริ่มต้นของการกรอกข้อมูล ให้กับช่องป้อนข้อมูล
• ช่องป้อนข้อมูลไม่ควรยาวเกินไป
• ไม่ควรให้หน้าฟอร์มป้อนข้อมูลยาวเกินไป ซึ่งต้องทำให้เลื่อน
Scroll ขึ้นลงไปมา
วันจันทร์ที่ 27 มกราคม 14

3. Example Form Interaction
การป้อนข้อมูลในแบบฟอร์ม
จากหน้าจอคอมพิวเตอร์
มีลักษณะคล้ายกับการกรอก
ข้อมูลลงกระดาษ
วันจันทร์ที่ 27 มกราคม 14

4. Form Style
Text box form
Radio button
Drop down
Check box
Area form
Button
วันจันทร์ที่ 27 มกราคม 14

5. วันจันทร์ที่ 27 มกราคม 14

6. Grouping and Ordering
การจัดกลุ่มข้อมูลในแบบฟอร์ม หรือการจัดความสำคัญของข้อมูล
วันจันทร์ที่ 27 มกราคม 14

7. Register Form
}
What is going on?
} Example information
}
วันจันทร์ที่ 27 มกราคม 14
Grouping information

8. Example eCommerce Form
วันจันทร์ที่ 27 มกราคม 14