Medium-Fi Prototype
About Us Enable users to develop positive health habits by creating incentive and accountability through the people they care about.
1) Simple - Add a friend Task Flows 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 on 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 overboard 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
Recommend
More recommend
