Task analysis and prototyping

1. +
Task Analysis and Paper Prototyping
322131 Human Computer Interaction

2. +
Task
Analysis
การวิเคราะห์งาน
Task Analysis

3. + Task Analysis
การวิเคราะห์ระบบงาน
เป็นกระบวนการเพื่อศึกษาหาข้อมูลในการออกแบบส่วนติดต่อผู้ใช้ A
(User Interface)A
n
การวิเคราะห์ความต้องการ (Requirement analysis) เป็นเทคนิคที่ใช้ในการ
วิเคราะห์ระบบทั่วไปที่ให้ความสนใจกับทุกองค์ประกอบของระบบสารสนเทศโดย
รวมA
n
การวิเคราะห์ภาระงาน คือ การมุ่งเน้นในการศึกษาข้อมูลต่าง ๆ ที่จะหาได้เพื่อ
การอธิบายภาระงาน หรือกิจกรรมที่ผู้ใช้ปฏิบัติงานร่วมกับคอมพิวเตอร์ A
n

4. +
Task Analysis (Cont.)
Task
n พฤติกรรมที่ผู้เรียนแสดงออกใน
รูปของการกระทำที่บ่งชี้ A
n Ex. Input Form, Data Analysis A
n Start > Verbs A
Task Analysis
n 1. แยกออกเป็นงานย่อยA
(Task Decomposition)A
n 2. วิเคราะห์ฐานความรู้ (Knowledge –
based Analysis)A
n 3. วิเคราะห์ฐานความสัมพันธ์ที่เป็นอยู่
Entity Relationship-based AnalysisA

5. + Hierarchical Task Analysis (HTA)
n Scenarios ใช้คู่กับ Persona เป็นวิธีการเล่าเรื่อง ลำดับขั้นตอน เป็นฉาก A
n Use case - user + system A
n Essential use case แบ่งเป็นสองคอลัมภ์
use case textA
use intention/system response /
n วิเคราะห์จากการสถานการณ์ ปัจจุบัน A
n HTA: โครงสร้างผังองค์กร แผนผังโครงสร้างเน้นการแตกงาน แล้วมีการจัดกลุ่ม
เริ่มต้นที่เป้าหมายของ User เริ่มต้นที่ระดับศูนย์ จากนั้นจะเป็นลำดับที่ต้องทำต่อ
เนื่องลงมา ต้องเขียน plan ด้วย การบอกขั้นตอนว่าจะให้ทำอย่างไร A

6. + Hierarchical Task Analysis (HTA) Cont.
Ex. HTA Buying a movie ticket online
0. In order to buy ticket
1. Search theater
2. Search movie
2.1 digital soundtrack 2.2 3d
3. Add movie
4. Choose time
5. choose kind of seats 5.1 deluxe
5.2 premium
5.3 sofa
6. enter your details
7. enter payment details
8. confirm order
plan0 : if regular user do:1-2-3-4-7-8
if new user do:1-2-3--5-6-7-8
plan2 : search movie user must be choose 2.1 or 2.2
plan5 : user must be choose kind of seats 4.1 or 4.3

7. Borrow a Book

8. +
Prototyping

9. +
Prototype?
n In
•
•
•
•
•
•
•
interaction design it can be (among other things):
a series of screen sketches
a storyboard, i.e. a cartoon-like series of scenes
a PowerPoint slide show
a video simulating the use of a system
a lump of wood (e.g. PalmPilot)
a cardboard mock-up
a piece of software with limited functionality
written in the target language or in another
language

10. +
Why Prototype?
•
•
•
•
•
•
Evaluation and feedback are central to interaction
design
Stakeholders can see, hold, interact with a prototype
more easily than a document or a drawing
Team members can communicate effectively
You can test out ideas for yourself
It encourages reflection: very important aspect of design
Prototypes answer questions, and support designers in
choosing between alternatives

11. +
Paper Prototyping
n
Low Prototyping > Paper, Sketching, Card

12. Example

13. +
คำสั่ง
n ให้นักศึกษาเขียน Task
Analysis ของโปรแกรม
แอพพลิเคชั่นที่ได้รับมอบหมาย และวาด Prototype
n
ส่งงานในชั่วโมง