medium fi prototyping
play

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

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


  1. Medium-Fi Prototyping CS 147 Fall 2019 James R, Victor C, Leenah F, Tingyu Z

  2. Our Team Leenah Al Falih Tingyu Zheng Jimmy Rabe Victor Chen

  3. 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.

  4. TASKS

  5. Task #1 - simple: Browse and View Nearby Resources

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

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

  8. REVISED DESIGN INTERFACE

  9. 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

  10. 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

  11. 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

  12. 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

  13. 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

  14. 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

  15. 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

  16. PROTOTYPE OVERVIEW

  17. 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

  18. 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

  19. 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