Medium-Fi Prototyping CS 147 Fall 2019 James R, Victor C, Leenah F, - - PowerPoint PPT Presentation

CS 147 Fall 2019 James R, Victor C, Leenah F, Tingyu Z

Medium-Fi Prototyping

Our Team

Leenah Al Falih Tingyu Zheng Jimmy Rabe Victor Chen

Problem

aWhere provides a platform for crowdsourced, review-centric recommendations so that users can easily find and compare activities and services in their area.

Solution

It is difficult to find nearby mental health resources (particularly non-clinical resources) and gauge whether they fit one’s personal needs.

TASKS

Task #1 - simple: Browse and View Nearby Resources

Task #2 - medium: Check In When Visiting a Resource

Task #3 - complex: Write a Review for a Visited Resource

REVISED DESIGN INTERFACE

Major Design Change #1: Added a View All Option

Before: Separate tabs and results for different categories of mental health resources After: A new “All” tab with combined results for more freeform exploration of resources Different color pins for different kinds of resources

Major Design Change #2: Simplified Profile Page

Before: Profile page had a separate top nav-bar from the normal bottom nav-bar; two navbars on the same screen was confusing After: Navigating to your profile on bottom nav-bar now only has one page, but there are separate buttons there for the functions of the old top nav-bar

Major Design Change #3: Streamlined Reviews

Before: It was difficult for users to write well thought-out reviews with an empty text box After: We added suggestions for what users can write reviews about, which also helped fill in the empty space created by the large text box

Task Flow #1: Browse and View Nearby Resources

HOME PAGE Tap “GO” after choosing categories CARD VIEW Swipe left to view

• thers

CARD VIEW 2 Swipe left to view

• thers

Task Flow #2: Check in When Visiting a Resource

FIRST WAY NOTIFICATION Tap on the notification to enter the app CHECK IN POP-UP Tap on “Yes!” to check in

Task Flow #2: Check in When Visiting a Resource

SECOND WAY PROFILE PAGE Tap on “Past Resources” CHECK IN POP-UP Tap on “Yes!” to check in PAST RESOURCES PAGE Tap on “Check In” to check in

Task Flow #3: Write a Review for a Visited Resource

PROFILE PAGE Tap on “Write a Review” WRITE A REVIEW PAGE Tap on pen to write REVIEW PAGE Tap on suggestion to begin REVIEW PAGE Tap on text box to write REVIEW PAGE Review submitted!

PROTOTYPE OVERVIEW

Medium-Fi Prototype: Tools

PROS

• All 4 team members could edit simultaneously
• Make changes to all duplicated components by a

single change to the master component

• free for students!

CONS

• Difficult to track and manage changes made
• It was confusing to find certain iPhone app

extensions

F I G M A

Medium-Fi Prototype: Limitations/Tradeoffs

• Single, predetermined flow: users would not be able to go through the app

freely

• Incomplete user creation/customization: we wanted the prototype to focus
• n the tasks we chose, so we left out the features like editing settings.
• Incomplete review writing mechanism: we figured it would be more

straightforward to demonstrate the overall page and general mechanism

• Imperfect aesthetic design: we focused on getting the app to function

properly through all our tasks

Medium-Fi Prototype: Wizard-of-Oz/Hard-code

Hard-coded user profile page due to non-existent user base Pre-decided chosen resource types in home page Pre-written reviews due to non-existent user base