14
PROJECT HIFA

PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

PROJECTHIFA

Page 2: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

USER CENTERED DESIGN EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

INTERVIEW FOR EMPATHY

Do you like talking with your parents?

“No, not fun to talk” -Kaylie Au

“No” - Linda Li

How protective are you of your children?

“Pretty Protective” - Annie Jay

How do you know your kids are okay when you’re away from home?

“I usually call home to see if they get back home after school.”

- Jimmy Au

What kind of facebook status or tweet do you usually write?

“Something about friend” - Kaylie Au

Page 3: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

GOAL

The main goal of our app is to allow members of a family to quickly and effectively express themselves among each other with minimal effort while maintaining enough privacy.

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

Page 4: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

REVISITING

We keep the overall look of the interface however we have made a lot of changes throughout the entire design process since week 3. One of the most noticeable changes is the color scheme.

VISUAL DESIGN FRAMEWORKEMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

< >><

Bob SmithFather

Mar

y S

mit

h !

Terr

y S

mit

h

Jan

e S

mit

hR

yan

Sm

ith !

Calendar

Settings

Logout

< >><

Bob SmithFather

Mar

y Sm

ith

!

Terr

y Sm

ith

Jane

Sm

ithR

yan

Smith

!

Calendar

Settings

Logout

Bob SmithFather

Calendar

Settings

Logout

MondaySundaySaturdayFridayThursday

Family Members

Bob SmithFather

50 minutes ago

hugged you3 minutes ago

kissed you25 minutes ago

Notifications

17 minutes agoTerry Marry

!

!

Page 5: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

USABILITY STUDYTASK 1

Task 1: Set your mood to surprised

5

1

4 3 minutes

2 minutes

1 minute

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

CONCLUSION

- In average, users are 700% slower than we expected- In average, users click 14 times more than we expected

Average Expectation

16 clicks 2 clicks

1.6 minutes 7 seconds

Page 6: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

Task 2: Check your son Terry’s feeling

7

2

1

2 minutes

3 seconds

1 second

USABILITY STUDYTASK 2

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

CONCLUSION

- In average, users are 564% slower than we expected- In average, users click 1.4 times more than we expected

Average Expectation

2.4 clicks 1 click

13.3 seconds 2 seconds

Page 7: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

Task 3: Give your son a hug

9

1

1 minute

1 second

USABILITY STUDYTASK 3

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

CONCLUSION

- In average, users are 130% slower than we expected- In average, users click 0.6 times less than we expected

Average Expectation

1.4 clicks 2 click

6.9 seconds 3 seconds

Page 8: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

USABILITY STUDY EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

“ I would imagine that most people would learn to use this system very quickly.”

StronglyDisagree

StronglyAgree

“ I found the system unnecessarily complex”

StronglyDisagree

StronglyAgree

Q: Are you comfortable sharing your location with your family with our app?A: YES!

Page 9: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

USABILITY STUDYRAW DATA

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

Page 10: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

When the users first launch the app, the users will see an interactive tutorial which shows the users the basic knowledge that they need to use the app and then ask the users to repeat the process

FINAL PROTOTYPEINTERACTIVE TUTORIAL

EMPATHIZE

DEFINE

IDEATE

PROTOTYPE

TEST

Page 11: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

2-way notifications

Scrollable content of all family members

Fun and family friendly color scheme.Scrollable mood icons provide easy and quick access for the users

FINAL PROTOTYPEHOME PAGE

Page 12: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

FINAL PROTOTYPEIMPORTANT FEATURES

Family members’ status and list of available actions

Users can optionally post status along side their mood

Mood and Location icons will turn red if they haven’t been updated for more than 7 days

Page 13: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

Visible back button Mood, Location and Status update Shortcut buttons to Message, Video or

Voice Call

“Actions” users can interact with other users.

“Timeline” provides users with mood/location history. It’s zoomable and scrollable.

FINAL PROTOTYPEPROFILE PAGE

Page 14: PROJECT - sfu.cabheng/IAT 334/hifa.pdf · EMPATHIZE DEFINE IDEATE PROTOTYPE TEST. 2-way notifications Scrollable content of all family members Scrollable mood icons provide easy Fun

SCENARIO

Bob is a university professor teaching at UBC. During one of his lectures, he spots a student sitting in his class that looks exactly like Avril Lavigne. When he finally gets a few seconds, he pulls out his smart phone and opens our app. He sets his mood to surprised to express how he is feeling to his family.

Later, when he gets a small break, he decides to check on how his son is feeling. They have been very busy and not spending too much time together, so he decides to give him a hug.