39
Lomo|Ada|Victoria|Annabella| Venassa

Douban Book Redesign PPT

Embed Size (px)

DESCRIPTION

This slide is about the papaer prototype developing process of Douban Book App.( by Big Bang Group)

Citation preview

Page 1: Douban Book Redesign PPT

Lomo|Ada|Victoria|Annabella|Venassa

Page 2: Douban Book Redesign PPT

Finding Problem- Affinity Diagram

Page 3: Douban Book Redesign PPT

Finding Problem

Find useful book

information(author,content,purchase

place,price,etc.)

Page 4: Douban Book Redesign PPT

Finding Problem

Find interesting

books to read quickly

Page 5: Douban Book Redesign PPT

Finding Problem

Find high quality book

reviews

Page 6: Douban Book Redesign PPT

Defining Problem- Persona& Scenario

Page 7: Douban Book Redesign PPT

Defining Problem

Patty hopes to find useful book information and get the book

Ada wants to find interesting books quickly

Young is looking for high quality book reviews

Page 8: Douban Book Redesign PPT

Solving Problem-Brainstorming & Sketches-Affinity Diagram-Storyboard-Discussion & Revise-Develop Prototype

Page 9: Douban Book Redesign PPT

Solving Problems

SE 1 Brainstorming Affinity Diagram Storyboard

SE 2

SE 3

Brainstorming Affinity Diagram Storyboard

Brainstorming Affinity Diagram Storyboard

Page 10: Douban Book Redesign PPT

Brainstorming

Invite 2 members of other groups

Tell the story of Patty

Find possible solutions

Page 11: Douban Book Redesign PPT

Affinity Diagram

Page 12: Douban Book Redesign PPT

Storyboard

Page 13: Douban Book Redesign PPT

Storyboard

Page 14: Douban Book Redesign PPT

Storyboard

Page 15: Douban Book Redesign PPT

Storyboard

Page 16: Douban Book Redesign PPT

Storyboard

SE 1 SE 2 SE 3

S1 S2 S1 S2 S1 S2

Page 17: Douban Book Redesign PPT

Develop Prototype

Prototype A Prototype B

Page 18: Douban Book Redesign PPT

Develop Prototype

Page 19: Douban Book Redesign PPT

Usability Test

Page 20: Douban Book Redesign PPT

2

Usability Test

3 151Task 1Task 1Task 3

Page 21: Douban Book Redesign PPT

Pilot Test

Discover Explain our

task

Explain What They Confused

Start UT

Record the Time/Steps/Error/Emotion/Perfo

rmance

Finish taskScore the emotion

Give clearly instruction

Help us analyze our prototype

情绪问卷: 1 2 3 4

愉快: 非常不愉快 不愉快 愉快 非常愉快信赖: 非常不信赖 不信赖 信赖 非常信赖期待: 非常不期待 不期待 期待 非常期待抵触: 非常不抵触 不抵触 抵触 非常抵触烦躁: 非常不烦躁 不烦躁 烦躁 非常烦躁

Page 22: Douban Book Redesign PPT

Usability Test-Metrics Setting

Task 1 Task 2 Task 3

Metrics Setting

豆瓣读书原版 豆瓣读书原版 豆瓣读书原版

Page 23: Douban Book Redesign PPT

Success Metrics

TASK1 TASK2 TASK3Max. Time:<01:46

Max. Time:<02:16

Max. Time:<01:17

performance: success performance: success performance: success

Step:<7 Step : <11 Step:<5

Error :0

Error : 0 Error : 0

Emotion : positive emotion>=3 negative emotion<=2

Page 24: Douban Book Redesign PPT

Usability Test

Task 1 Task 2 Task 3

第一轮 usability test

Prototype A

Prototype B

Prototype A

Prototype B

Prototype A

Prototype B

Revise:1. 把试读标签排在更加明显的地方 2. 心形上标出特别关注

Page 25: Douban Book Redesign PPT

Usability Test

第二轮 usability test

Prototype A

Prototype B

Prototype A

Prototype B

Prototype A

Prototype B

Revise :写书评标记旁著名写书评字样

Page 26: Douban Book Redesign PPT

Data of 1st & 2nd UT

Prototype ATASK1 TASK2 TASK3Max.vs Min. Time:01:07<01:46

Max.vs Min. Time:00:34<02:16

Max.vs Min. Time:00:49<01:17

performance: success performance: success performance: success

Step:5<7 Step : 4<11 Step:5=5

Error :0

Error : 0 Error : 0

Emotion : all positive emotion>=3 negative emotion<=2 Success

100%

Page 27: Douban Book Redesign PPT

Data of 1st & 2nd UT

Prototype BTASK1 TASK2 TASK3Max.vs Min. Time:02:22>01:46

Max.vs Min. Time:01:39<02:16

Max.vs Min. Time:01:22>01:17

performance: success performance: success performance: success

Step:10>7 Step : 7<11 Step:9>5

Error :0

Error : 0 Error : 0

Emotion : all positive emotion>=3 negative emotion<=2 Not Very Good

40%

Page 28: Douban Book Redesign PPT

Data of 1st & 2nd UT

Prototype A vs Prototype BTASK1 TASK2 TASK3Time minmum:01:07<01:42

Time :00:34<00:50

Time:00:49<01:12

performance: success performance: success performance: success

Step:5<10 Step : 4<7 Step:5<9

Error :0

Error : 0 Error : 0

Emotion : all positive emotion>=3 negative emotion<=2Prototype A Win!

80%

Page 29: Douban Book Redesign PPT

合成Result of 1st & 2nd UT

Prototype A

Less Time

Fold functions

Delete useless icon

Reason New NavigationChange

Page 30: Douban Book Redesign PPT

Usability Test

Task 1 Task 2 Task 3

第三轮 usability test

Prototype final Prototype final Prototype final

Revise :去掉分类搜索选择页面,直接显示分类推荐的标签

Page 31: Douban Book Redesign PPT

Usability Test

第四轮 usability test

Task 1 Task 2 Task 3

Prototype final Prototype final Prototype final

Revise :去掉注册页右上角的对号

Page 32: Douban Book Redesign PPT

Data of Final Prototype

Min. Time/per

user(original)

Max. Time/per

user(Final

prototype)

100%

Page 33: Douban Book Redesign PPT

Analysis

豆瓣读书原版

Page 34: Douban Book Redesign PPT

Analysis

Prototype A+B

Page 35: Douban Book Redesign PPT

Analysis

Final Prototype

Page 36: Douban Book Redesign PPT
Page 37: Douban Book Redesign PPT

Results

Page 38: Douban Book Redesign PPT

Limitation

Page 39: Douban Book Redesign PPT

THANK YOU