Medium-Fi Prototype About Us Enable users to develop positive - - PowerPoint PPT Presentation

Medium-Fi Prototype

About Us

Enable users to develop positive health habits by creating incentive and accountability through the people they care about.

Task Flows

1) Simple - Add a friend 2) Medium - Send a wager 3) Complex - Renegotiate wager

Simple Task 1: Add a friend (Lo-Fi)

Simple Task 1: Add a friend (Storyboarded Changes)

Simple Task 1: Add a friend (Medium-Fi)

(can also click here to go straight to profile)

Changes to task 1 (add friend)

• Changed home “Feed” to have bottom navbar with

“Explore” option to search for people

• Added “You Might Know” section to “Explore” page

to facilitate quick and easy friend adding

• A person’s friends are no longer accessed through

their profile

Medium Task 2: Send a wager (Lo-Fi)

Medium Task 2: Send a wager (Storyboarded Changes)

Medium Task 2: Send a wager (Medium-Fi)

Changes to task 2 (send wager)

• Changed icon for sending wager to pencil and

paper instead of paper airplane

• Icon takes you to a new page to search for people

to wager or see people you’ve recently wagered

• Changed “Send Wager” page after you select a

person to be more aesthetically pleasing

Complex Task 3: Renegotiate wager (Lo-Fi)

Complex Task 3: Renegotiate a wager (Storyboarded Changes)

Complex Task 3: Renegotiate wager (Medium-Fi)

(can click in boxes to change wager)

Changes to task 3 (renegotiate wager)

• Moved pending/active wagers to their own

“Messages” page and can only see finished wagers

• n profile
• Used colors and symbols instead of words to

accept/counter/reject wagers for clarity

3 Biggest Design Changes

• 1. Added bottom navbar to switch between pages
• 2. Added “Explore” page to search for people
• 3. Added “Wagers” page to view pending/active

wagers

Prototyping Tools

• Used Sketch to make screenshots and InVision to

be able to interact with them

• Sketch was very helpful standardizing pages and

using realistic iOS design icons, text, search bars, etc.

• InVision was great for making screenshots come to

life and being able to test task flows realistically

• Biggest problem was not knowing which page the

user had come from (not supported by InVision)

Limitations/Trade-offs of Medium-Fi

• Limited by time (1 week) and would have to make

dozens more screenshots to make a more interactive and diverse experience possible

• Limited by not knowing which page user had come

from so had to make direct paths for tasks

• Left out color schemes and wanted to go
• verboard on green/fun layout until high-fi

○

Overall focus more on ease of functionality versus aesthetic appeal, but still wanted to make it look very nice

Other notes

• “Wizard of Oz” tactics: previous wagers on

feed/profile

• Hardcoded everything because we used

screenshots so limited flexibility with who users can add as friends or send wagers

• Left out media (photos, videos) in feed because we

weren’t sure how we wanted to incorporate it yet