form interaction

Form Interaction322131 Human Computer Interaction

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

Form Interaction• เป็นการโต้ตอบผู้ ใช้งานระบบโดยการป้อนข้อมูล ลงในช่องว่างใน

ฟอร์มที่แสดงบนหน้าจอคอมพิวเตอร์

• ชื่อฟอร์มที่ ใช้ต้องสื่อความหมาย

• แบ่งส่วนของการกรอกข้อมูลให้เหมาะสม

• ควรแสดงข้อมูลเริ่มต้นของการกรอกข้อมูล ให้กับช่องป้อนข้อมูล

• ช่องป้อนข้อมูลไม่ควรยาวเกินไป

• ไม่ควรให้หน้าฟอร์มป้อนข้อมูลยาวเกินไป ซึ่งต้องทำให้เลื่อน Scroll ขึ้นลงไปมา

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

Example Form Interaction

การป้อนข้อมูลในแบบฟอร์มจากหน้าจอคอมพิวเตอร์มีลักษณะคล้ายกับการกรอกข้อมูลลงกระดาษ

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

Form Style

Text box form Radio button Drop down Check box Area form Button

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

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

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

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

Register Form

What is going on?

Example information

Grouping information

}}

}

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

Example eCommerce Form

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