“Usability” Rawin Viruchpintu

Creative Technology Leader Spriiing Telecom Co.,Ltd.

July 19, 2012

Outline • How to make a good program

• Define “Usability”

• User Mind Checking • Defect types

• Usability testing

• Warnings

Usability • Usability is the ease of use and learn ability of

a human-made object.

http://en.wikipedia.org/wiki/Usability

How to make a good program

Analysis

Design prototype

Program

Usability test

Define “Usability” ?

• เหมาะทจะใชในชวตจรง

• งายทจะเรยนร

• งายทจะจ า

• เขาใจไดวาระบบท าอะไร

• ตอบโจทยผใช

• ท างานไดอยางมประสทธภาพ

User Mind Checking

6 Apps 3 Screens x

Time for checking

Questions

• How many features in the first screen?

• What is the feature

that most users will use And why?

Application Flow

Sign in Sign up

Timeline News Post Profile Explorer

Select Filter Upload

Users don’t need to remember application flow.

Is it easy enough

to understand?

Home

Time line Chat

Notification Groups

Location Poke Filter

Settings Contact Sign out

Groups

Chat Pictures Stories Movies

Members Setting Details

…

add/edit/delete

Friends

Chat Picture Sound Movie

Emoticons Winks

Respriiing Mention

…

Astrid Task/To-do List 1 - 5M users 4.5 stars

File Expert 1 - 5M users 4.5 stars

Angry Birds Space 10 - 50M users 4.5 stars

TweetDeck 1 - 5M users 4 stars

Facebook 100 - 500M users 3.5 stars

Instagram 10 - 50M users 4.5 stars

Last update: Google Play (July 18, 2012)

Application Flow Analysis

• Setting • Play • Movie

Play

Setting Movie

• Select scene • Play • Back

Play

Back

Select scene …

Play Play

Setting

Movie

Back

Select scene

Application Flow Analysis

Select Content

Post Friends Search Map

Select time line

View Content

Home Explorer Post News

Refresh

Profile

User Content

Next Options #1

Options #2

Navigation

Leads

Flow

Facts • There is about (minimum) 8 clicks

to post an image by using Instagram.

(Normally I use around 13 clicks)

• Clear & simple flow make user feel it is easy.

•ตอบโจทยผใช (*)

• งายทจะเรยนร

• งายทจะจ า (และพรอมทจะลม)

• มประสทธภาพทจะใชในชวตจรง..

Recap “Usability”

Recap “Usability”

•??? (*)

•?????

•???? • ???????

Defect types • Program errors

• Missing functionality

• Ease-of-use problems

Defect types Ease-of-use problems • ไมรจะใชยงไง • ไมเปนอยางทคด • หาไมเจอ • ยงยาก ขนตอนเยอะมากเกนไป • นาร าคาญ • บางฟเจอร user ไมไดตองการ • Expert users หา missing function ได

Usability test • Log what happens

• Mock ups เพอประเมนผล

• ตะโกนถาม user (คดดงๆ)

• เลอก real users จรงมาทดสอบ

• ตด hint, help ดวธการแกปญหา

• วเคราะหระบบโดยคนอน

Usability test: Measurement

Requirements & targets • วดวา user แกปญหาไดในก steps (เฉลย)

• เวลาในแตละ step เทาไหร ?

• แตละ step ทนาน มอะไรทท าสบสนไดบาง กดกครง ?

• Test แคไหนถงจะพอ?

• ความพอใจหลงใช

• ความถและระยะเวลาในการใชงานจรง

• ใหคะแนนความเขาใจระบบ

Warnings • ความเปนไปไดทางเทคนค

• ความเรวในการตอบสนอง

• ความชอบสวนตวของ Stakeholder

• User เขาใจไดวาระบบคอ? และท างานอยางไร?

References

Book: User interface design – A software engineer perspective

Google Play

THANK YOU