UX in Thai University - Thippaya

UX Thailand 2017

Thippaya Chintakovid
King Mongkut's University of Technology North Bangkok

Transcript

1. 9th December 2017
2. Research Design Validate
3. Problem Solutions /Methods Results
4. Designer Tools User Behavior Design Guidelines
6.  Novice designers may have a difficult time in deciding which solutions and techniques to use.  At design time, how can designers compare various design solutions and select which solution to use in developing a web application?
8. Select the most used interface design Develop high- fidelity prototypes Collect empirical results Analyze data Step 1 Select the most used design solutions from design pattern collections and from available websites Step 2 Develop high-fidelity prototypes that participants can interact with Step 3 Collect ease-of- use score, the easiest-to-use design, and the most familiar design Step 4 Analyze the ease-of-use scores and related factors
9. Ease-of-use scores for each design pattern depend on the number of user actions. Simple search box - “the most familiar” Search box with autocomplete – “the easiest to use”
11.  Human Action (HA): The number of actions performed by users  Non-Human Action (NHA): The number of features provided by the system in order to reduce human actions
12.  All Action Count (AC): The total number of HA and NHA from start to end of a task  Maximum Continuing Human Action (MCHA): The maximum number of human actions having taken place consecutively
14. Structuring Filing Piling Participants Collecting Data Preprocessing Data Classifying Data Collaborative Activities
15. Finding P F S Keeping P 10 ppl 10 ppl 10 ppl F 10 ppl 10 ppl 10 ppl S 10 ppl 10 ppl 10 ppl Application Design 10 Questions 13 Answers
17.  Design Guidelines for Instruction Media Creation System for Middle-aged Teachers  Design guidelines for creating content on web sites for elderly users
18. Design Guidelines for Instruction Media Creation System for Middle-aged Teachers • แนวทางการออกแบบระบบสร้างสือการเรียนการสอนสําหรับครูผู้สอนวัยกลางคน การออกแบบแถบเครืองมือทีใช้จัดการรูปแบบของเนือหา • เครืองมือทีใช้ในการแก้ไขตัวอักษรหรือข้อความต่างๆ และเครืองมือสําหรับการอัพ โหลดไฟล์ รูปภาพ และวีดีโอ ไม่ควรวางไว้แยกกันควรอยู่ในแถบเดียวกัน เพือง่าย สําหรับการใช้งานและป้องกันความสับสนทีอาจเกิดขึนได้ • สําหรับการเพิมภาพและวิดีโอ ควรมีขนาดไม่เกิน 75% (3 ใน 4) ของขนาดหน้าจอ ซึง เป็นขนาดพอเหมาะ ไม่เล็กหรือใหญ่จนเกินไป และสามารถแสดงรายละเอียดรูปภาพ และวีดีโอได้ครบถ้วน • มีการแจ้งเตือนและแสดงสถานะอัพโหลดข้อมูลเพือลดความกังวลของผู้ใช้และ ข้อผิดพลาดทีอาจเกิดขึน • ……
19. Design guidelines for creating content on web sites for elderly users • แนวทางการออกแบบการสร้างเนือหาบนเว็บไซต์สําหรับผู้สูงอายุ การโพสต์และแสดงโพสต์ • ควรนําเสนอหนึงโพสต์ต่อหนึงหน้า เพือให้ผู้สูงอายุเข้าใจได้ง่ายขึน • ควรเว้นช่องว่างระหว่างส่วนต่างๆ ของโพสต์เช่น ชือโพสต์ รายละเอียด โพสต์ เพือให้ผู้สูงอายุสามารถเห็นได้ชัดเจนว่าส่วนใดเป็นส่วนใด • ควรมีกรอบแบ่งขอบเขตของแต่ละโพสต์อย่างชัดเจน เพือให้ผู้สูงอายุมองเห็น ได้ง่ายขึน • กรอบหรือเฟรมทีนําเสนอโพสต์ ควรจะมีขนาดเท่ากันของแต่ละหน้าที นําเสนอ เพือให้ผู้สูงอายุง่ายต่อการอ่านข้อมูล • ……
20. ทิพยา จินตโกวิท thippaya.c@it.kmutnb.ac.th คณะเทคโนโลยีสารสนเทศ มจพ.