Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016

Slides:



Advertisements
Similar presentations
Interactive Medium-Fi Prototype ERIN SINGERELIA AHADI PATRICK BRIGGS ALEX WANG CS /31/2014.
Advertisements

Interactive Prototype Presenter Sean Ren Group member Alicia Kellogg Chris Schlechty Danny Swisher.
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.
Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday, December 4, 2001.
Interactive prototype Dian HartonoChris RovillosCatriona Scott Grace Jang.
Wanderlust Pilot Usability Test Presented by Carolyn Scoville.
Reducing Your Carbon Footprint, One Android App at a Time Doug Burkhalter Chris Truitt.
L O W – 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.
Social Event Discovery
Wifi Map Pro APK By: atozapps.org.
ClassLens Hope C. | Amy L. | Yash T..
Petivity Medium-Fi Prototype
LevelOne: Medium-Fi Prototype
Petivity Midway Milestone
Midway Milestone Presentation CS Fall 2017
Milestone Presentation
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
Group Travel is hard Invites and Confirmation Lodging
Achieving goals. Together.
Team Friendship Minmin, Santos, Andrés
Collaborative Collections
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
INTERACTIVE MEDIUM-FI PROTOTYPE
Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her
INVESTORSCOPE Hi-Fi Prototype.
NightOwl Medium-Fi Prototype
Developing the Design: Lo-fi Prototype
Midway Milestone Presentation: FlexiVoice
Interactive Medium-Fi Prototype
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Hi-Fi Midway Milestone The Dream Team
Rambl: Hi-Fi Midway Milestone
Enable travelers to plan their trips from the experiences of others.
docket “Bringing ideas to life” Assignment 8: Midway Hi-fi
Medium-Fi Prototype Rachel J and Esther G
Low-fi Prototyping & Pilot Usability Testing
NightOwl Get help now..
Medium - Fi Rambl Prototype
Hi-Fi prototype Midway Milestone Ashlee Reynolds Brad Huang Charlie Yu
H2OW LOW ...can you go? Veronica | Nico | Matthew | Jane.
PayAbility Medium-Fi Prototype
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
BEHAVIORAL CHANGE Present by Chen Yu Wang
B Sharp: Lo-Fi Prototype
Med-Fi Prototype Presentation
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
Team #3: Interactive Medium-Fi Prototype
Team #3: Lighter Load Low-Fi Prototyping & Pilot Testing
Flutter Medium-Fi Prototype
OX bringing people together through shared music, seamlessly
Magic Hw: Med-Fi Prototype
Pife:Med-Fi Prototyping
Nikki K, Hayden L, Carmelle M, Ben E
InvestorScope Interactive Medium-Fi Prototype
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.
Qmetry User Interface Recommendations
Flutter High-Fi Prototype
Polytone Convey volume and emotion through text. By: A Team
Interactive Medium-Fi Prototyping
Presentation transcript:

Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016 Medium-fi Prototype Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016

Pelican explore your new home

Confidence and familiarity in a new environment Value Proposition: Confidence and familiarity in a new environment

The Problem Newcomers to a country are uncomfortable getting out of their comfort zone and interacting with strangers. They also find it hard to meet new people and establish lasting social connections.

Our solution Newcomers get used to interacting with locals in their new environment by completing challenges. Group challenges allow fellow newcomers to meet and form lasting friendships.

Tasks

Pick a solo challenge and complete it Complex task: Become more comfortable approaching strangers Pick a solo challenge and complete it

Pick a group challenge and complete it Medium task: Find other newcomers and complete challenges with them Pick a group challenge and complete it

Earn points and compete with friends Simple task: Earn points and compete with friends Check the leaderboard

Figure out what challenges you have recently completed Additional task: Figure out what challenges you have recently completed

Revised Interface: Design Changes

We replaced the navigation bar with an expanding menu 1. Rationale Navigation icons were confusing and unintuitive Reduces clutter in the UI Provides an easy way to add new features over time

We combined the discover map and the feed map 2. Rationale Difference between the two maps was unintuitive Testers wanted to see challenges their friends had completed while looking for new challenges Feed is separate and easier to understand

We added tips to each of the challenges to guide our users 3. Rationale Testers wanted guidance on how to approach strangers Allows us to clarify challenges and address common problems

Revised Interface: Task Flows

Startup screens…

Pick a solo challenge and complete it

Pick a solo challenge and complete it

Pick a group challenge and complete it

Pick a group challenge and complete it

Check the leaderboard

Figure out what challenges you have recently completed

Prototyping Tools

Google Slides to create images for the app screens Pros Easy to create simple graphics Easy to work collaboratively in real time Can set slides to be the right screen size Cons Difficult to create complex graphics or charts Need to export slides one at a time

Marvel to create the interactive prototype Pros Easy to import images and create simple interactions Easy to embed in our website Cons Unable to implement complex logic like earning points or navigating in the map

Prototype Limitations

What we left out Challenge verification to prevent cheating Couldn't find a simple way to do this Since users will mostly compete with themselves or friends, they are likely to be honest Tutorial Didn’t want to display tutorial every time someone launched the app Changing tutorial to as-needed basis

Hard-coded features Feed of recently completed challenges Points and graph of progress Leaderboard Current location on the map Implementing these would require a database or reading information from the Internet, which we could not do in Marvel

Thank you!