Pockets: Hi-fi Midway Milestone Amy Nguyen, Cynthia Jia, Nestor - PowerPoint PPT Presentation

Pockets: Hi-fi Midway Milestone Amy Nguyen, Cynthia Jia, Nestor Cano, Ryan Rice

Team Members Cynthia Amy Nestor Ryan

Problem/Solution Overview: People often waste their small pockets of time because they seem too short to accomplish anything. → Pockets helps people utilize these awkward moments by suggesting simple tasks to be productive or fun activities to take a break.

Overview ● Review of med-fi prototype ● Heuristic Evaluation Results and Changes ● Overview of Redesign ● Prototype Implementation ● Demo

Initial Solution: Med-fi Prototype

Initial Solution: Med-fi Prototype

Initial Solution: Med-fi Prototype

Heuristic Evaluation Results & Changes

H7: Horizontal carousel is limiting Flexibility and efficiency of use Problem: horizontal scroll limits visibility of activities. Users also have to remember activities that they might want to go back to. Suggested fix: organize activities by categories, vertical scroll, or use smaller cards to fit more. Severity: 4

Our change Carousel → Vertical Scroll Tiles ● The user can see more options while ● still having them be relatively large and visually interesting

H4: Confusing activity category icons Consistency and Standards Problem: Unclear and confusing what categories exist and which icons represent them. Suggested Fix: Use an “edit” pencil icon for custom ones, users can probably infer that items without the “edit” button are recommended by Pockets. Severity: 4

Our change Filters and color-coded tiles ● ● No more custom activity task ○ Now it’s “suggest an activity to add to the database”

H10: How to interact with pocket Help and Documentation Problem: There is no explanation that selecting “Ok” will result in the activity being added to the current pocket with the expectation of being completed. Suggested Fix: Add explanatory text on the screen that appears once an activity has been pressed. Severity: 4

Our change Overall confusion over how to use pocket → remove “pocket,” replace with “Most Recent Activity / Current Activity” tile

Other Severity 3-4 Errors Error Fix System status: showing alerts when actions Added alerts are completed User freedom: Users can’t remove Added “Don’t show me again” unwanted activities Recognition/recall: Non-intuitive location for Removed progress/analytics, shifted focus progress/analytics away from tracker functionality User freedom: Users unable to choose their Removed custom activities, now they can own icons suggest and we will choose a relevant image

Summary of Revised Design ● Focus on exploration (not to-do or progress tracking) ○ Changed task: “Add a custom activity” → “Suggest an activity to add to the database” ○ Vertical tile format + filtering “Previous/Current Activity” instead of visual ● metaphor of pocket

Prototype Implementation

Tools ● Figma for new prototype React Native for coding up the app ● ○ react-native-dropdownalert Firebase for backend ● ○ global activities list user specific information ○

Implemented Features ● Activity browsing with scroll “Don’t show me again” ● ● Log in and out Select an activity ● ○ Go to webview if it’s a web activity

Unimplemented Features + Plan Needs to be done: - Filtering - Suggesting an activity for the global database - Calendar integration and notifications - Undoing “Don’t show me again” - Location-based activities Plan to finish: - Filtering and undoing “Don’t show me again” by Friday - Others in road map

Wizard of Oz & Hardcoded Features ● We want “Watch a TED talk”, “Learn a new recipe”, etc to be randomised, but right now they just lead to one specific instance Location-based activities are still ● hard-coded

Issues/Questions ● not sure how calendar reading will work ● still need to come up with more suggestions ● how to randomize TED Talks/puzzles/fun facts/vine videos etc. ● how to maintain state of a web page after leaving it

Demo

Summary ● Frustration/limitations with carousel and custom vs suggested activities ○ Modified “create a custom activity” task Moved to vertical tile scroll ○ ● Removed visual metaphor which would require too much explanation ● Implemented first task: “Find an activity to do”! ● Looking forward to fleshing out the rest of our app!