38

「Kele Music」Design & Usability Test

Embed Size (px)

Citation preview

Page 1: 「Kele Music」Design & Usability Test
Page 2: 「Kele Music」Design & Usability Test

Recap

AmyGender: FemaleAge: 18Job: Undergrad

JerryGender: maleAge:28Job: White Collar

LucyGender: FemaleAge:27Job: Coffee Shop Owner

MaxGender:FemaleAge:30Job:Radio DJ

Page 3: 「Kele Music」Design & Usability Test

▪ Brainstorming▪ Sketch▪ Storyboard

▪ Prototype▪ Alternative Design

▪ Success Metrics▪ Usability Tests▪ Major Functions▪ Deliverables

CONTENT

可樂音樂

Page 4: 「Kele Music」Design & Usability Test

Brainstorming

Page 5: 「Kele Music」Design & Usability Test

Sketch

Page 6: 「Kele Music」Design & Usability Test

Storyboard -- Stage 1

S1 S2 S3 S4 S5• S1_SB1 (S1_SB1A – S1_SB1F)• S1_SB2 (S1_SB1A – S1_SB1F)

5 Scenarios

Page 7: 「Kele Music」Design & Usability Test

Scenario 1

S1_SB1A S1_SB1B S1_SB1C S1_SB1D S1_SB1E S1_SB1F

S1_SB2A S1_SB2B S1_SB2C S1_SB2D S1_SB2E S1_SB2F

Share Refine

Iterate Combine2 Solution Storyboards Selected

“ Amy is a crazy fan of Mayday…”“ She only want to enjoy the latest album of Mayday without seeing Gem Tang or Justin Bieber's face”

Page 8: 「Kele Music」Design & Usability Test

Storyboard -- Stage 2

S1: S1_SB2A & S1_SB2E

S2: S2_SB2B & S2_SB2C

S3: S3_SB2A & S3_SB2C

S4: S4_SB2D

S5: S5_SB2A & S5_SB2F

Page 9: 「Kele Music」Design & Usability Test

Storyboard -- Stage 3

○ Solution Storyboard 1 ○ Solution Storyboard 2

Page 10: 「Kele Music」Design & Usability Test

Prototype 1.0

Prototype A Prototype B

Page 11: 「Kele Music」Design & Usability Test

Success Metrics

Success rate

Task time

Errors

Number of clicks

Page 12: 「Kele Music」Design & Usability Test

Usability Test

http://youtube/jIixiyuTUdE

Page 13: 「Kele Music」Design & Usability Test

Pilot Test

Page 14: 「Kele Music」Design & Usability Test

Usability Test #1 Product Under Test:Prototype A/ Prototype B(separately)

Time/ Location: Apr.11 WMYEquipment:Paper prototype, Camera, Notebook, ComputerParticipants:

Prototype AUser 1 23 Heavy UserUser 2 23 Heavy UserUser 3 23 Intermediate UserPrototype BUser 4 23 Advance UserUser 5 23 Intermediate UserUser 6 23 Heavy User

Responsibilities:Computer: JosieObserver: Christo, RellaHost/ Facilitator: SteffiVideo Recorder: Abby, Echo

Procedure:1) Welcome and briefly introduction2) Start the test

3) Follow-up interviews4) Emotion Tests

Objectives:1) Test the usability of 2 different

prototypes for future iteration;2) Information for further modificaton;3) Get emotion responses for further UI

design

Page 15: 「Kele Music」Design & Usability Test

Usability Test #11) Please log in/ register;2) Play songs on your playlist;3) Find song you have downloaded;4) You want a customized homepage & hide

the unwanted functions;5) See your friends in this app;6) Search for a song you really like recently;7) Change app setting, then make the app

shut down automatically in 30 mins;8) Suppose you are MayDay’s hardcore fan,

you want a shortcut in this app which allows you to see all the songs and albums of them;

9) Let your friends in social media know about one song you like;

10) Let your friend in this app know about it;11) Download a popular song in Keleyinyue

Album 100;12) Select a collection of similar types of songs

and listen to them;13) You want to listen to random music,like

radio;14) You want your songs on PC and mobile to

be the same;15) You are hearing a song on TV commercial

and you really like it, and you want to know what song it is immediately;

16) You want this app to recommend some songs you may like;

17) You want to know what songs my friends are listening to.

Tasks

Page 16: 「Kele Music」Design & Usability Test

Prototype #1 A User 1Time Click Wrong

ClickTime Click Wrong

Click

T1 Log in/ register Press “Friends” icon instead of “Profile”

21’ 4 1 T10 Share song to friends in this app

✔ 28’ 4

T2 Play ur playlist Press “My Music” instead of “Play”

20’ 4 T11 DL a popular song in Keleyinyue Album 100

✔ 34’ 3

T3 Find song you have DL

✔ 31’ 3 T12 Listen to a collection of similar songs

✔ 1”23’ 9 2

T4 Customize ur homepage

✔ 56’ 8 5 T13 Listen to music radio ✔ 29’ 4

T5 See your friends in this app

✔ 21’ 1 T14 Listen to music radio ✔ 18’ 2

T6 Search for a song ✔ 11’ 3 T15 Find the song when you heard it

✔ 16’ 2

T7 Change app setting, auto shut down

✔ 25’ 5 T16 Recommend some songs that u like

✔ 28’ 5 1

T8 See all MayDay’s songs…

Press big “Play” icon below instead of “Play” icon beside the song

21’(unfinishe

d)

5 5 T17 what song ur friends are listening

✔ 15’ 2

T9 Share one song via social media

✔ 58’ 7 1

Page 17: 「Kele Music」Design & Usability Test

Prototype #1 B User 4Time Click Wrong

ClickTime Click Wrong

Click

T1 Log in/ register Press “Friends” icon instead of “Profile”

35’ (unfinishe

d)

6 5 T10 Share song to friends in this app

✔ 1”11’ 7

T2 Play ur playlist ✔ 42’ 4 1 T11 DL a popular song in Keleyinyue Album 100

✔ 32’ 5

T3 Find song you have DL

✔ 11’ 2 T12 Listen to a collection of similar songs

✔ 45’ 5

T4 Customize ur homepage

Go to Settings → homepage icon → success

46’ (unfinishe

d)

6 6 T13 Listen to music radio ✔ 32’ 5

T5 See your friends in this app

Go to social music 58’ (unfinishe

d)

5 5 T14 Listen to music radio ✔ 14’ 3

T6 Search for a song ✔ 14’ 3 T15 Find the song when you heard it

✔ 15’ 2

T7 Change app setting, auto shut down

✔ 28’ 5 T16 Recommend some songs that u like

16’ 2

T8 See all MayDay’s songs…

Search MayDay 38’ (unfinishe

d)

4 4 T17 what song ur friends are listening

11’ 2

T9 Share one song via social media

✔ 1”32’ 10 4

Page 18: 「Kele Music」Design & Usability Test

◆ Can you understand each button’s function? Which one was confusing?◆ Can you quickly get the idea of how to use this app? (If met difficulties)◆ Why did you stop at this screen?◆ Any suggestions?

Prototype #1 A User 1 Prototype #1 B User 4

Confusing buttons:Homepage icon“My Music” icon“Friends” icon (position assumed for login)

Suggestion: Friends’ profile pictures may link to personal profile

Interview

Usability Test #1

Page 19: 「Kele Music」Design & Usability Test

Success MetricsT1 T2 T3 T4 T5 T6 T7 T8 T9

User1 S S S S S S S F S

User2 S S S S S S S S F

User3 F S S F S S S S S

T10 T11 T12 T13 T14 T15 T16 T17

S S S S S S S S

F S S S S S S S

S S S S S S S S

User1

User2

User3

Prototype A=

86.3%T=Task S=Success F=Failed

Page 20: 「Kele Music」Design & Usability Test

Success MetricsT1 T2 T3 T4 T5 T6 T7 T8 T9

User4 F S S F F S S F S

User5 F S S F S S S F S

User6 S S S F S S S F S

T=Task S=Success F=Failed

T10 T11 T12 T13 T14 T15 T16 T17

S S S S S S S S

S S S S S S S S

S S S S S S S S

User4

User5

User6

Prototype B=

82.4%

Page 21: 「Kele Music」Design & Usability Test

Emotions

Page 22: 「Kele Music」Design & Usability Test

oWoW

Page 23: 「Kele Music」Design & Usability Test

WoW Drivers

Page 24: 「Kele Music」Design & Usability Test

WoW Drivers

Page 25: 「Kele Music」Design & Usability Test

iterate

Page 26: 「Kele Music」Design & Usability Test

Prototype 2.0

Page 27: 「Kele Music」Design & Usability Test

Product Under TestNew Prototype

Time/ LocationApr.14 WMYEquipment:Paper prototype, Camera, Notebook, Computer

Participants:User 7 23 Heavy UserUser 8 23 Intermediate UserUser 9 23 Advance User

Responsibilities:Computer: JosieObserver: Christo, RellaHost/ Facilitator: SteffiVideo Recorder: Abby, Echo

Procedure:1) Welcome and briefly introduction 2) Start the test

3) Follow-up interviews4) Emotion Tests

Objectives:1. Test the usability of new prototype after

first iteration.2. Get information for further modificaiton.3. Get emotion feed back for further UI

design.

Usability Test #2 Plan

Page 28: 「Kele Music」Design & Usability Test

1) Please log in/ register;2) Play songs on your playlist;3) See your friends in this app;4) Add New Kele Friend;5) Let your friends in social media know about one song you like;6) Let your friend in this app know about it too;7) Download a popular song in Keleyinyue Album 100;8) Suppose you are MayDay’s hardcore fan, you want a shortcut in

this app which allows you to see all the songs and albums of them;9) You want this app to recommend some songs youmay like;

10) You want to know what songs my friends are listening to.

Usability Test #2

Tasks

Page 29: 「Kele Music」Design & Usability Test

Prototype 2.0 User 7Time Click Wrong

ClickTime Click Wrong

Click

T1 Log in/ register ✔ 28’ 2 T6 Share song to friends in this app

✔ 48’ 5

T2 Play ur playlist ✔ 4’ 2 T7 DL a popular song in Keleyinyue Album 100

✔ 35’ 3

T3 Customize ur homepage

Go to Settings 28’ 3 2 T8 See all MayDay’s songs…

✔ 20’ 4

T4 Add new Kele Friend

✔ 20’ 4 T9 Recommend some songs that u like

Go to “New songs”1”23’ 5 3

T5 Share one song via social media

✔ 57’ 5 T10 what song ur friends are listening

Miss social music at the first time

21’ 2 1

Page 30: 「Kele Music」Design & Usability Test

◆ Can you understand each button’s function? Which one was confusing?◆ Can you quickly get the idea of how to use this app? (If met difficulties)◆ Why did you stop at this screen?◆ Any suggestions?

Prototype 2.0 User 7

Suggestion:Support different theme

Interview

Usability Test #2

“I like this app and it’s easy to use except for some minor problems.”

Page 31: 「Kele Music」Design & Usability Test

Success Metrics

T1 T2 T3 T4 T5 T6 T7 T8 T9 T10

user7 S S S S S S S S S S

user8 S S S S S S S S S S

user9 S S S S S S S S S S

New Prototype = 100%

Page 32: 「Kele Music」Design & Usability Test

Emotions

Page 33: 「Kele Music」Design & Usability Test

oWoW

Page 34: 「Kele Music」Design & Usability Test

WoW Drivers

Page 35: 「Kele Music」Design & Usability Test

精選集 Featured Albums 搜歌 Song Search

排行榜 Music Charts 朋友在聽 Social Music

歌曲識別 Song Recognition 猜你喜歡 Auto-recommendation

新歌速遞 Latest Hits 同步歌詞 Lyric Show

自訂義首頁

Homepage Customization

設備雲端同步

PC/Mobile Cloud Synchronization

付費高品質歌曲下載

Premium (high-quality) Download

自訂義歌單Customizable Playlists

歌曲分享 Share Song 歌迷模式 Fans Mode

Major functions

Page 36: 「Kele Music」Design & Usability Test

Deliverables

Page 37: 「Kele Music」Design & Usability Test

Limitation

○ Undiversified participants

○ Limited number of iterations

Page 38: 「Kele Music」Design & Usability Test

Group Members

○ ZHANG Shurong, Abby 1155037487○ LIANG Weishan, Steffi 1155036055○ ZHAO Tong, Christo 1155037519○ Ho Yau Sin, Rella 1155036974○ LIU Zichen, Josie 1155036871○ HUANG Qinyi, Echo 1155037897