61
Assignment 3 QR Team Sylvia & Ann & Sam & Aiur & Fan & Olivia

CUHK Mobile Redesign- QR team

Embed Size (px)

Citation preview

Page 1: CUHK Mobile Redesign- QR team

Assignment 3QR Team

Sylvia & Ann & Sam & Aiur & Fan & Olivia

Page 2: CUHK Mobile Redesign- QR team

Last Stage …… ……

Page 3: CUHK Mobile Redesign- QR team

Task & Target

Students

StaffAlumni

Visiting guests

Undergraduate

Taught-postgraduate

Research-postgraduate

Redesign CUHK Mobile

App

Page 4: CUHK Mobile Redesign- QR team

Contextual Interviews

Page 5: CUHK Mobile Redesign- QR team

Interpretation Session

Transcript

Interviewee’s name, age, scholar degree, and what applications or sources he/she often used to get information

Interviewees’ behaviors during interviews, our conversation, and their words

8 people, six from QR Group and two invited from other groups. 3 members—present their own groups’ results. 3 members—sequence modeler, factoid writer and moderator respectively. 2 guests—participants

Identify each interviewee--U1/2/3, T1/2/3, and R1/2/3 Discuss what insight we got from the presentation, what inspirations

we attained, what questions were not answered in the interview, and also proposed our design ideas.

Switch roles.

5

Page 6: CUHK Mobile Redesign- QR team

Affinity Diagram

sort the affinity notes into several categories

name each category with one label

documented each one’s categorization and labels

discuss and come up with one final version of affinity diagram

6

Page 7: CUHK Mobile Redesign- QR team

Insights 7

My campus life

What information do I care about

N/A

Where do I get information from

I get information through what channels

What problems do I have when I am getting information

How do I lead my life on campus

How do I have meals on campus

How do I use school library

How do I use campus transportation

How do I take physical exercise

Page 8: CUHK Mobile Redesign- QR team

Insights 8

How do I use CUHK Mobile

What impacts my usage frequency of CUHK Mobile

N/A

How do I think about functions of CUHK Mobile

I think the function of Contact is…

I think the function of

Map is…

I think the function of Library is…

I think the function of Shuttle Bus

is…

I think the function of Calendar

is…

Page 9: CUHK Mobile Redesign- QR team

Personas 9

Jenny Wang Undergraduate

Tony Zhangpostgraduate

student

Nicolas ChenPhd. student

Page 10: CUHK Mobile Redesign- QR team

Scenarios 10

1. Often check email, but still lose information.

2. Don’t know the time arrangement of shuttle bus.

3. Which canteen to go for lunch? Nowhere to know.

4. Students come to the stadium, only to find it’s not

available.

5. Students have problems in finding a certain place.

Page 11: CUHK Mobile Redesign- QR team

This stage …… …… 11

Page 12: CUHK Mobile Redesign- QR team

Process

6+6

Brainstorming

2mins

AD Selection

StoryboardUsability Test

Prototype

2 rounds

2 versions

Page 13: CUHK Mobile Redesign- QR team

Example—Canteen Function

Brainstorm

Affinity Notes & Voting

First Usability Test for PA&PB

Iteration

Second UT A&BImprovement and Combination

of A&B

Page 14: CUHK Mobile Redesign- QR team

Canteen—Brainstorming

• 新增模組,每日功能表• 自己選擇想吃的菜,然後給你推薦食堂• 設置自己的口味,每天定制此口味的菜的地點• 最受歡飲的菜 • 每道菜下面標星評價、標記想去,類似浮水印• 拍照上傳,瀑布流• 點食堂,看菜單• 定制口味,例如今天吃什麼,就會出現哪個食堂的哪

道菜• 推薦這周的菜單• 新品,跟放新聞一樣• 售完及時顯示

• 菜色菜品的即時顯示 還可以有食材的顯示,簡單的資訊展示

• 搜索,按口味、地點、人氣、價格、距離搜• 食堂變化不大,只要推薦他特色的菜就可以了• 打開“食堂”,知道今天做什麼菜• 今天的招牌菜推薦• 標記喜歡,猜你喜歡• 搖一搖的功能,基於 location

• 標記“有”,“ 1 、 2 、 3 、 4”

• 可以搜出來離自己最近的三個食堂的菜• 食堂自己的主廚推薦

Page 15: CUHK Mobile Redesign- QR team

Canteen—Affinity Diagram

Page 16: CUHK Mobile Redesign- QR team

Canteen—Solutions

menu information

search for aimed dishes/location to determine the ideal canteen

new arrival into the news columndisplay of sold-out items

Page 17: CUHK Mobile Redesign- QR team

Canteen—Storyboard ING

Page 18: CUHK Mobile Redesign- QR team
Page 19: CUHK Mobile Redesign- QR team
Page 20: CUHK Mobile Redesign- QR team

Success Metrics Definition

• Completion Rate• Completion Time• Number of Steps• Number of Errors• Visual Appeal• Emotion

60% of users achieve the specific specification for each scenario

in those metrics is considered to be successful

Page 21: CUHK Mobile Redesign- QR team

Test 1 Prototype A – Canteen

Page 22: CUHK Mobile Redesign- QR team

Test 1 Prototype A – Canteen

Page 23: CUHK Mobile Redesign- QR team

Test Result & Problems

P1 Can’t find the “canteen” icon;P2 There is no button of “next”P3 Don’t know what canteen’s search bar meansP4 Can’t find ”location”

Success Success Success Success Success Success

Page 24: CUHK Mobile Redesign- QR team

Modifying Prototype A - Canteen

Page 25: CUHK Mobile Redesign- QR team

Modifying Prototype A - Canteen

Page 26: CUHK Mobile Redesign- QR team

Modifying Prototype A - Canteen

Page 27: CUHK Mobile Redesign- QR team

Modifying Prototype A – Canteen

Page 28: CUHK Mobile Redesign- QR team

Test 1 Prototype B – Canteen

Page 29: CUHK Mobile Redesign- QR team

Test 1 Prototype B – Canteen

Page 30: CUHK Mobile Redesign- QR team

Test Result & Problems

P1 Confused about the classificationP2 Can not find the location icon

Success Success Success Success Success Success

Page 31: CUHK Mobile Redesign- QR team

Modifying Prototype B – Canteen

Page 32: CUHK Mobile Redesign- QR team

Modifying Prototype B – Canteen

Page 33: CUHK Mobile Redesign- QR team

Modifying Prototype B – Canteen

Page 34: CUHK Mobile Redesign- QR team

Pick Final Version – Canteen of Prototype A

Page 35: CUHK Mobile Redesign- QR team

Pick Final Version – Canteen of Prototype A

Page 36: CUHK Mobile Redesign- QR team

The Full Final Version

After 1st Usability Test

(All Five Functions)

Page 37: CUHK Mobile Redesign- QR team

Prototype A – Shuttle Bus

Page 38: CUHK Mobile Redesign- QR team

Prototype A – Events

Page 39: CUHK Mobile Redesign- QR team

Prototype A – Events

Page 40: CUHK Mobile Redesign- QR team

Prototype A – Events

Page 41: CUHK Mobile Redesign- QR team

Prototype A – Map

Page 42: CUHK Mobile Redesign- QR team

Prototype A – Map

Page 43: CUHK Mobile Redesign- QR team

Prototype A – Stadium

Page 44: CUHK Mobile Redesign- QR team

Prototype A – Stadium

Page 45: CUHK Mobile Redesign- QR team

Prototype A – Stadium

Page 46: CUHK Mobile Redesign- QR team

Prototype A – Canteen

Page 47: CUHK Mobile Redesign- QR team

Prototype A – Canteen

Page 48: CUHK Mobile Redesign- QR team

Prototype B – Shuttle Bus

Page 49: CUHK Mobile Redesign- QR team

Prototype B – Events

Page 50: CUHK Mobile Redesign- QR team

Prototype B – Events

Page 51: CUHK Mobile Redesign- QR team

Prototype B – Events

Page 52: CUHK Mobile Redesign- QR team

Prototype B – Map

Page 53: CUHK Mobile Redesign- QR team

Prototype B – Map

Page 54: CUHK Mobile Redesign- QR team

Prototype B – Stadium

Page 55: CUHK Mobile Redesign- QR team

Prototype B – Stadium

Page 56: CUHK Mobile Redesign- QR team

Prototype B – Stadium

Page 57: CUHK Mobile Redesign- QR team

Prototype B – Stadium

Page 58: CUHK Mobile Redesign- QR team

Prototype B – Canteen

Page 59: CUHK Mobile Redesign- QR team

Prototype B – Canteen

Page 60: CUHK Mobile Redesign- QR team

Limited diversity of interviewees

No low fidelity prototype

Only 2 rounds of usability testing

Limitation

Page 61: CUHK Mobile Redesign- QR team