Top Banner
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David
20

Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Jul 24, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)

Dan, Melissa, Irving, & David

Page 2: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

1. Problem & Solution2. Heuristic Results & Changes

3. Prototype Implementation Status 4. Hi-Fi Demo

Page 3: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

1. Problem & Solution

Page 4: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

How do you find the best activities to

do at a specific location?

Page 5: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David
Page 6: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

2. Heuristic Results & Changes

Page 7: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

● Need to go back to the drawing board for UI design

● Double check with a “designer’s eye”

Page 8: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Additions

● Navigation

through status

changes &

reimagined icons.

● Add

functionalities for

increased user

control.

Interface

● Reimagine

swiping action

for ease,

intuition, &

information.

Overall

● Continuity

throughout the

app’s color

scheme & story.

Page 9: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Overall

Color Scheme: Story:

Book Metaphor

Heuristics:Consistency &

Standards [2-4]

Aesthetic &

Minimalist Design

[2-8]

Page 10: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Interface

Replace Swiping Action

Information Viewing: Tap to view more

information

AND

Tap to return to original

activity page

Heuristics:Visibility of Status [2-1]

User Control & Freedom

[2-3]

Flexibility & Efficiency of

Use [2-7]

Help Users with Errors

[2-9]

Page 11: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Additions

Status:1. Obvious “Start Activity”

Button

2. New page to: record

caption, picture, rate,

and submit

Review & Edit: 1. Create “My

Suggestions” list 2. Include rating in reviews3. Select activities to share

with checkboxes

Heuristics:User Control & Freedom

[2-3]

Consistency &

Standards [2-4]

Error Prevention [2-5]

Page 12: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

3. Prototype Implementation Status

Page 13: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Chosen Tools

Page 14: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Implemented Planned● Task (Medium): Suggesting

an activity

● Basic storage for activities

● Splash Screen

● Basic templates for other

tasks (i.e., Play)

● Finding + doing activities

○ Landing page redesign

● Reviewing activities

● Saved activities / bookmarks

Page 15: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Wizard of Oz Hard-Coded Data ● Type in location when

suggesting an event

● Senses your location at

Stanford

● Signs you in as a user

● Activities will be cycled

through

● Initial Set of Activities

● Friends

● Sharing between users

Page 16: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Screenshots

Page 17: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Screenshots

Page 18: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

4. Hi-Fi Demo

Page 19: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Design Changes Prototype

1. Continuity2. Reimagined Interface3. Increased User Control

● Completed:○ Suggesting an activity

■ My suggestions○ General app layout + flow

● https://vimeo.com/146372879

Page 20: Chapter by Loco Power - Stanford University€¦ · Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone) Dan, Melissa, Irving, & David

Thanks!