Medium-Fi Prototyping CS 147 Fall 2019 James R, Victor C, Leenah F, Tingyu Z
Our Team Leenah Al Falih Tingyu Zheng Jimmy Rabe Victor Chen
Problem It is difficult to find nearby mental health resources (particularly non-clinical resources) and gauge whether they fit one’s personal needs. Solution aWhere provides a platform for crowdsourced, review-centric recommendations so that users can easily find and compare activities and services in their area.
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 After: A new “All” tab with combined results different categories of mental health for more freeform exploration of resources 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 After: Navigating to your profile on bottom nav-bar from the normal bottom nav-bar; two navbars on now only has one page, but there are separate the same screen was confusing 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 After: We added suggestions for what users can thought-out reviews with an empty text box 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 CARD VIEW CARD VIEW 2 Tap “GO” after Swipe left to view Swipe left to view choosing categories others others
Task Flow #2: Check in When Visiting a Resource FIRST WAY NOTIFICATION CHECK IN POP-UP Tap on the notification Tap on “Yes!” to check to enter the app in
Task Flow #2: Check in When Visiting a Resource SECOND WAY PROFILE PAGE PAST RESOURCES PAGE CHECK IN POP-UP Tap on “Past Tap on “Check In” to check in Tap on “Yes!” to check Resources” in
Task Flow #3: Write a Review for a Visited Resource PROFILE PAGE WRITE A REVIEW PAGE REVIEW PAGE REVIEW PAGE Tap on “Write a REVIEW PAGE Tap on Tap on text box Review Review” Tap on pen to suggestion to to write submitted! write begin
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 F I G M A - It was confusing to find certain iPhone app extensions
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 on 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 Pre-decided chosen resource Pre-written reviews due to due to non-existent user base types in home page non-existent user base
Recommend
More recommend