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

• nes, 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

System status: showing alerts when actions are completed Added alerts User freedom: Users can’t remove unwanted activities Added “Don’t show me again” Recognition/recall: Non-intuitive location for progress/analytics Removed progress/analytics, shifted focus away from tracker functionality User freedom: Users unable to choose their

• wn icons

Removed custom activities, now they can suggest and we will choose a relevant image

Error Fix

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!