INTERACTIVE MEDIUM-FI PROTOTYPE

Slides:



Advertisements
Similar presentations
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Advertisements

1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
CanTour PERSONALIZE YOUR CANTOR EXPERIENCE. PROBLEM & SOLUTION Visitors experience museum fatigue and overwhelming options CanTour proposes to personalize.
Interactive prototype Dian HartonoChris RovillosCatriona Scott Grace Jang.
Bringing families together CS 147: Introduction to HCI KinX Team Members Brandon, Development Jackie, Design Tony, User Testing / Documentation Shahab,
Kevin Anderson Kim Brown Miles Koons Sunny Peng Interactive Prototype CSE 440 University of Washington Seattle, WA.
Huddle Social Event Discovery Nadav Manager Brandon Design Joe User Testing Mike Development.
Staci Menz Darrin Cole Peter Huss Anna Kong Brian Chan.
H I – F I P R O T O T Y P E [ M I C R O ] A D V E N T U R E.
Team Christian White Michael Peterson Filippa Karrfelt Nathan Schager
Social Event Discovery
Your Personal Workout Coach
ClassLens Hope C. | Amy L. | Yash T..
Petivity Medium-Fi Prototype
LevelOne: Medium-Fi Prototype
Petivity Midway Milestone
Medium-Fi Prototype Inclusive Design.
SkillSwap: Med-Fi Prototype
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
Home Clear Medium-Fi Prototype
mWork: Med-Fi Prototyping
Addison, Joanne, Katherine, SunMi
Achieving goals. Together.
Group Travel is hard Invites and Confirmation Lodging
Achieving goals. Together.
The Role of Prototyping
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Jamalot - Low-Fi Prototyping
Team Friendship Minmin, Santos, Andrés
Slaptitude by Focus Pocus
Collaborative Collections
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
PERSONALIZE YOUR CANTOR EXPERIENCE
POV and Experience Prototypes
Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her
NightOwl Medium-Fi Prototype
Developing the Design: Lo-fi Prototype
Interactive Medium-Fi Prototype
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Low-Fi Prototyping & Pilot Usability testing
Interactive High-fi Prototype
clickED Lab Usability Study
Magic Hw: Low-Fi Prototype
Where We’re Going Problem Definition Value Proposition Tasks
Medium-Fi Prototype Rachel J and Esther G
Low-fi Prototyping & Pilot Usability Testing
Medium - Fi Rambl Prototype
PayAbility Medium-Fi Prototype
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
BEHAVIORAL CHANGE Present by Chen Yu Wang
STAYRIGHT.
Med-Fi Prototype Presentation
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
OX Isaac Goldstein Ian Hodge Cody Hankins Mischa Nee
Team #3: Interactive Medium-Fi Prototype
Flutter Medium-Fi Prototype
Magic Hw: Med-Fi Prototype
Pife:Med-Fi Prototyping
Concept Video.
PowerApps and Flow Demo
transforming living spaces
Shane B., Esther K., Curtis S., Jennifer W.
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Hi, I’m Artbot. – Midway Milestone Team Articulate.
Flutter High-Fi Prototype
Polytone Convey volume and emotion through text. By: A Team
Don’t just listen to music; listen to people
Interactive Medium-Fi Prototyping
Music Playlist Creation in Real-Time
Presentation transcript:

INTERACTIVE MEDIUM-FI PROTOTYPE human aspect more apparent reduce user flow provide multiple options at decision screen

Team Muncher Peter F. Monica Y. Kai Jian C. Gloria C. Developer User Testing Manager Designer

Problem and solution overview 1 VALUE PROPOSITION Problem and solution overview

“Muncher’s mission is to help you decide where to eat in groups “Muncher’s mission is to help you decide where to eat in groups. With the help of human-based artificial intelligence, Muncher understands your preferences and makes the hard decisions for you.”

Actionable things for our users 2 TASKS Actionable things for our users

THREE REPRESENTATIVE TASKS Decide a place to eat Deal with user discontent Coordinate the actual plans [Moderate] [Complex] [Simple]

3 REVISED INTERFACE DESIGNS Taking it from Low-Fi to Medium-Fi

Major Design Changes

UI CHANGE #1: Launching a poll Integrated launching a poll as an overlay Keeps the user engaged in the chat Launched from new lightbulb button instead of “+” Separates create new outing function from polling

UI CHANGE #2: Genie Suggestions At decision time, multiple suggestions are presented Provides the user with more variety Gives the human AI immediate feedback on multiple restaurants

UI CHANGE #3: Finalizing a location Switched to a drag and drop feature instead of buttons Prevents users from quitting based on boredom Eliminates endless cycles

Task Flows

Task #1: Decide a place to eat Chat room Actions Landing screen Polling

Task #1: Decide a place to eat Voting

Task #2: Deal with user discontent Preference ranking Final decision Landing screen

Task #3: Coordinate the actual plans Options Reservations Calendar sync Landing screen

The “making-of” story behind the app 4 PROTOTYPE OVERVIEW The “making-of” story behind the app

We used: Sketch, Pop, considered Invision

Allows for clean, aesthetically pleasing iPhone app designs Look & feel of designs are closer to the final product Extremely slow Learning curve for the software Sketch, Pop, considered Invision

We used: Sketch, Pop, considered Invision

Helps link screens together to create a flow Allows users to simulate the experience of using a real iPhone app Delayed responses from the interface Weak transitions between features Data that users see is static Sketch, Pop, considered Invision

POSITIVES Cleaner + consistent UI Every feature is kept within a group chat Shorter decision making flow Sketch, Pop, considered Invision

NEGATIVES Static data Unclear if our color scheme is appealing Our app could be more visuals and less words data is static

TRADEOFFS We did not implement a “swipe between cards” feature to keep everything consistent in a group chat Decided against having an admin for each group for simplicity no WoOZ no hand-coded

5 ADDITIONAL SCREENS Extra features

Group creation Group manager Profile preferences

The medium-fi prototype 6 PROTOTYPE DEMO The medium-fi prototype

http://stanford.io/1HcAJWD

Thanks! ANY QUESTIONS?