[HCI4] The Basics of Interaction Design
พื้นฐานการออกแบบปฏิสัมพันธ์
Last updated
Was this helpful?
พื้นฐานการออกแบบปฏิสัมพันธ์
Last updated
Was this helpful?
Interaction Design คือการออกแบบการโต้ตอบ ไม่ใช่หน้าตา เพื่อให้บรรลุวัตถุประสงค์ที่ต้องการ
ออกแบบ flow ทั้งหมดว่ามันมารวมกันได้ยังไง
Design คือ การออกแบบที่ทำให้บรรลุเป้าหมาย ภายใต้ข้อจำกัด
ซึ่งถ้าจะทำให้ได้ตามข้อข้างบน เราต้อง trade off ระหว่างสิ่งที่อยากได้กับความเป็นจริง
Personas คือ รายละเอียดของตัวแทนบุคคลที่มาใช้ระบบ
ใช้เพื่อสร้างความเข้าใจกับตัวงานว่า คนที่ใช้นั้นจะมีแนวคิด หรือการกระทำอย่างไรต่อตัวงาน
Scenarios คือ การวางเหตุการณ์เพื่อดูว่าผู้ใช้ทำอะไรเพื่อบรรลุวัตถุประสงค์
Scenarios ควรตอบคำถามว่า:
User เห็นอะไร?
User ทำอะไร?
User คิดอะไร?
ในการออกแบบในส่วนของตัวนำทางหรือ Navigation นั้น ควรมีหลักในการออกแบบดังนี้
ผู้ใช้ควรรู้ว่าตอนนี้อยู่ตรงไหน
ผู้ใช้ควรรู้ว่า Navigation ทำอะไรได้
ผู้ใช้ควรรู้ว่าเมื่อกดแล้วจะไปไหน หรือจะเกิดอะไร
ผู้ใช้ควรรู้ว่าก่อนหน้านั้นอยู่ไหนหรือทำอะไรอยู่
Diagram ต่างๆ ที่เรามักจะพบเห็นได้ในงาน Design จะมีอยู่ 2 ประเภท คือ
Hierarchical Diagram: เป็นการแสดงหน้าต่างๆ ของตัวเว็บหรือแอปพลิเคชัน
Network Diagram: เป็นการแสดงเส้นทางต่างๆ ของระบบที่ผู้ใช้สามารถทำได้
ในการออกแบบ Interaction นั้น มีสิ่งที่ต้องทำที่สำคัญอยู่ 4 อย่างก็คือ
ต้องมีความต้องการที่ตั้งขึ้นมาชัดเจน (Establish Requirements)
ออกแบบมาให้หลากหลาย (Design Alternatives)
มีการทำ Prototype (Prototyping)
มีการทดสอบ Design (Evaluating)
