Medium - Fi Rambl Prototype

Slides:



Advertisements
Similar presentations
TEST Framewor k the Toolbelt Theory. T ask E nvironment E nvironment S kills T ools.
Advertisements

SEG3120 User Interfaces Design and Implementation
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Embedding Maps into your listings on your United Country office website.
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
CanTour PERSONALIZE YOUR CANTOR EXPERIENCE. PROBLEM & SOLUTION Visitors experience museum fatigue and overwhelming options CanTour proposes to personalize.
Bringing families together CS 147: Introduction to HCI KinX Team Members Brandon, Development Jackie, Design Tony, User Testing / Documentation Shahab,
IBM Express Runtime Quick Start Workshop © 2007 IBM Corporation Deploying a Solution.
Connect by Low Income & Minorities in Education. MAKING DREAMS ACCESSIBLE BY ASSISTING LOW-INCOME AND MINORITY STUDENTS IN FINDING AND EXPLORING THEIR.
Introduction to Powerschool Gradebook and tienet
Homework 1 Hints.
Designing a Card Swipe Machine
Social Event Discovery
Tutorial Using the App help.ebsco.com.
Project Management Platform
Members: Iwan Sofean Ahmad Syazwan Shamilawanie Nur Anisah
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
My Settings allows a user to manage their Business Banking personal information and preferences, including: Contact information Username and Password Security.
Medium-Fi Prototype Inclusive Design.
SkillSwap: Med-Fi Prototype
Home Clear Medium-Fi Prototype
Addison, Joanne, Katherine, SunMi
Group Travel is hard Invites and Confirmation Lodging
Introduction to EBSCOhost
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Tutorial Using the App help.ebsco.com.
Accessing DynaMed on an iPhone, iPod touch or iPad
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
INTERACTIVE MEDIUM-FI PROTOTYPE
Medium-fi Prototype 10 Lines by: Team Art Attack! Selina Her
INVESTORSCOPE Hi-Fi Prototype.
NightOwl Medium-Fi Prototype
Midway Milestone Presentation: FlexiVoice
Interactive Medium-Fi Prototype
RECHORDS Assignment #6: Med-Fi Prototype
spark: never miss a moment
Jourdann Fraser Vy Mai Tiffany Manuel
Hi-Fi Midway Milestone The Dream Team
Rambl: Hi-Fi Midway Milestone
United Kingdom SDGs Reporting Platform
Interactive High-fi Prototype
Medium-Fi Prototype Rachel J and Esther G
NightOwl Get help now..
Kally Z., Clare C., Tevon S-B., Amanda Z.
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
STAYRIGHT.
Chapter by Loco Power Week 10: High-Fidelity Prototype (Milestone)
Team #3: Interactive Medium-Fi Prototype
Flutter Medium-Fi Prototype
How to use Video s and the Lead/Prospects Report
Magic Hw: Med-Fi Prototype
Pife:Med-Fi Prototyping
Nikki K, Hayden L, Carmelle M, Ben E
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:

Medium - Fi Rambl Prototype Clare, Kally, Tevon, Amanda

Skip the obvious. Travel with Rambl.

Value Prop, Problem and Solution Overview Value Prop: “Skip the obvious. Travel with Rambl.” Problem: How can travelers discover less frequented and worthwhile attractions and experiences? Solution: Gamification of the travel experience on a platform that allows travelers to responsibly share their knowledge of worthwhile attractions, be rewarded by peer travelers who have benefited from that knowledge, and simultaneously, learn about new attractions from their peer travelers.

Tasks

Task 1 (Simple): Get a curated Itinerary (Plan a Path) This task remained largely the same. There were a few changes made in the interface.

Task 2 (Medium): Rate/Recommend an Activity This task remained largely the same. However we changed the “stake” term to “stomp” to draw a parallel with the term “footprint” which is a review. A stomp would be the user showing their support for a “footprint” through Rambl points.

Task 3: Follow a friend’s trip (Follow a Path) This task remained largely the same. There were a few changes in the interface design.

Revised Interface Design

Major Design Changes For user convenience and ease of use, we implemented a top app bar displaying information and actions relating the current screen. The top app bar contains the following elements. Title of the current screen. Collapsed menu icon Today’s date The collapsed menu icon contains links to the following: Home page User’s account information FAQ Rambl History User’s settings selections

Major Design Changes We decided to implement an FAQ page to clarify terminology usage in our app that may not be clear to new users (i.e. rambl, footprint, stomp, boosting a stomp). For user’s ease of use and to prevent user error (if the user entered invalid input), we included toggle selection for time increments, for example, on the “Plan a Rambl” page, instead of following our previous plan of having the user input time increments manually.

Top App Bar Toggle selection of time increments AFTER BEFORE

Medium-Fi Prototype Task Flows

Task Flow 1: Get a curated Itinerary (Plan a Path)

Task Flow 1 Continued: Get a curated Itinerary (Plan a Path)

Task Flow 1 Continued: Get a curated Itinerary (Plan a Path)

Task Flow 2: Rate/Recommend an Activity

Task Flow 3: Follow a previous Rambl of your own

Task Flow 3 Continued: Follow a friend’s Rambl

Prototype Overview

How did the tool not help? Prototype Overview Prototyping Tools: We used Figma to build an interactive medium-fi prototype, replicating an iPhone 8.1 screen. For our aesthetics, we used elements laid out from Google Material Design, and coolers.co to choose our colors. How did the tool help? Figma allowed for easy prototyping How did the tool not help? The tool was convenient and easy to use.

Limitations/tradeoffs We hard-coded the following parts of the prototype. In the hi-fi prototype these parts would be implemented using a combination of machine learning and user input. Wizard of oz techniques to make the medium-fi prototype work were also included. 1. Plan a Rambl: the user input of amount of time available is hard-coded to be 3.5 hours. 2. Wizard of Oz: Time passing to generate Rambl and stomps 3. Lunch/Dinner/Movie/Park/Random Category Rambls: list of generated options, selected Rambl 4. Create a footprint: the user’s experience rating 5. Make your stomp: the number of Ramble points to stomp 6. Stomp Progress: both the progress bar and the time remaining on the stomp 7. Boost your stomp: the number of Rambl points to boost by 8. Past Rambls: two sample Rambls for imagined user 9. Friends’ Rambles: three sample Rambls of imagined friends 10. Your next Rambl: selected friend’s Rambl to follow 11. Add friends: imagined contact list and selected friends to add

Limitations/Tradeoffs The medium-fi prototype has the following limitations: No location tracking capability No information storage capability No recommendation system to suggest appealing attractions to users. These capabilities were left of out of the medium-fi prototype and will be addressed in the hi-fi prototype, because they require building the back-end algorithms required to store and extract data from database, as well as to suggest recommendations using machine learning to the user based on the user’s observed preferences. These capabilities will be addressed in the hi-fi prototype per the assignment description.