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

Slides:



Advertisements
Similar presentations
Interactive Prototype Presenter Sean Ren Group member Alicia Kellogg Chris Schlechty Danny Swisher.
Advertisements

1 Web Site Design Customer Centered Design Principles Patterns and Processes Dr. Carl Rebman.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Evaluate the Usability of a User Interface Tool or Toolkit Assignment 1 Assignment 1 Evaluate the Usability of a User Interface Tool or Toolkit T. H Ranasinghe.
PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday, December 4, 2001.
Review for test! Alice Chapter 1&2 Test is tomorrow! - March 26 th March 25th.
CanTour PERSONALIZE YOUR CANTOR EXPERIENCE. PROBLEM & SOLUTION Visitors experience museum fatigue and overwhelming options CanTour proposes to personalize.
SmartSenio r Angela Gong, Joanie Hollberg, Maggie Skortcheva, Rassan Walker Smartphone aid for smarter seniors.
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,
Ten Usability Heuristics with Example.. Page 2 Heuristic Evaluation Heuristic evaluation is the most popular of the usability inspection methods. Heuristic.
APPLE MAPS FOR APP Heuristic Evaluation By Rayed Alakhtar.
Computer Science Project Lost? Coordinator: Kristen Davis Designer: Danielle Jones Programmer: Miguel Rivera.
Asking Users and Experts Li Zhang (Jacey) Yuewei Zhou (Joanna)
Wrapping up prototyping
Prototyping.
ClassLens Hope C. | Amy L. | Yash T..
Petivity Midway Milestone
Midway Milestone Presentation CS Fall 2017
Milestone Presentation
Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEY-SMITH.
Medium-Fi Prototype Inclusive Design.
Addison, Joanne, Katherine, SunMi
Unit 14 Website Design HND in Computing and Systems Development
Group Travel is hard Invites and Confirmation Lodging
Connie Li ● Serena Wong ● Jack Swiggett CS 147, Fall 2016
Team Friendship Minmin, Santos, Andrés
Slaptitude by Focus Pocus
Collaborative Collections
Making diabetes management fun and easy for kids
Crowd Power: Location Week 3: Concept Video
Chapter 26 Inspections of the user interface
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
PERSONALIZE YOUR CANTOR EXPERIENCE
INTERACTIVE MEDIUM-FI PROTOTYPE
DESIGN, PROTOTYPING and CONSTRUCTION
Hi-Fi Prototype Midway Milestone
INVESTORSCOPE Hi-Fi Prototype.
NightOwl Medium-Fi Prototype
Developing the Design: Lo-fi Prototype
Midway Milestone Presentation: FlexiVoice
RECHORDS Assignment #6: Med-Fi Prototype
Jourdann Fraser Vy Mai Tiffany Manuel
Hi-Fi Midway Milestone The Dream Team
Rambl: Hi-Fi Midway Milestone
Enable travelers to plan their trips from the experiences of others.
Usability Heuristics Prof
docket “Bringing ideas to life” Assignment 8: Midway Hi-fi
Interactive High-fi Prototype
Medium-Fi Prototype Rachel J and Esther G
NightOwl Get help now..
Medium - Fi Rambl Prototype
Download the APhA 2018 app Scan the QR code or search for APhA in iTunes or APhA Annual in the Google Play store. For all other device types (including.
Interface Design Easy to learn? Easy to use? Easy to understand?
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
STAYRIGHT.
Team #3: Interactive Medium-Fi Prototype
Flutter Medium-Fi Prototype
Pife:Med-Fi Prototyping
User Interface Design In Windows using Blend.
Apple Xcode with Swift Demo
Low-Fi Prototype and Testing
CS Fall 2018 Austin Jones Caroline Willis Emma Alderton
Flutter High-Fi Prototype
Polytone Convey volume and emotion through text. By: A Team
Music Playlist Creation in Real-Time
Presentation transcript:

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

2. Heuristic Results & Changes 3. Prototype Implementation Status 1. Problem & Solution 2. Heuristic Results & Changes 3. Prototype Implementation Status 4. Hi-Fi Demo

1. Problem & Solution

How do you find the best activities to do at a specific location? Problem: Finding exciting and memorable things to do in a new settings is hard, and it's even harder to document all the meaningful interactions you have on a consistent basis.

Value proposition: discover locally curated activities for a location and document personal memories.

2. Heuristic Results & Changes

Need to go back to the drawing board for UI design Double check with a “designer’s eye” With a clear spread of heuristics across the board, we realized that there is no ONE area that we need to focus on, but that there are significant changes that we needed to make, in each task, and even basic functionality. Continuity, usability, functionality

Overall Continuity throughout the app’s color scheme & story. Interface Reimagine swiping action for ease, intuition, & information. Additions Navigation through status changes & reimagined icons. Add functionalities for increased user control.

Overall Color Scheme: Book Metaphor Story: Book Metaphor Heuristics: Consistency & Standards [2-4] Aesthetic & Minimalist Design [2-8] Color: Clashing colors (red and purple) → Teal = bluish hue → laid-back, high saturation → exploratory Story: icons, actions, and language

Replace Swiping Action 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] Revisit Tinder UI → not symmetric in swiping right and left Scrap the swiping action → tapping action to bring up information

Additions Status: Review & Edit: Heuristics: Obvious “Start Activity” Button New page to: record caption, picture, rate, and submit Review & Edit: Create “My Suggestions” list Include rating in reviews Select activities to share with checkboxes Heuristics: ​User Control & Freedom [2-3] Consistency & Standards [2-4] Error Prevention [2-5] Status: engaging the user to change the mindset of “embarking on an adventure” Changes: error prevention and accuracy

3. Prototype Implementation Status

Chosen Tools XCode for developing iOS application in Swift Storyboards Container for all scenes (View Controllers, Nav Controllers, TabBar Controllers, etc.) Good way to manage how different controllers talk to each other Graphical interface builder Segues Syntax-aware + compiler-aware source editor iPhone simulator Git for version control

Planned Implemented Finding + doing activities Landing page redesign Reviewing activities Saved activities / bookmarks Task (Medium): Suggesting an activity Basic storage for activities Splash Screen Basic templates for other tasks (i.e., Play)

Wizard of Oz Initial Set of Activities Friends Sharing between users Hard-Coded Data Initial Set of Activities Friends Sharing between users Type in location when suggesting an event Senses your location at Stanford Signs you in as a user Activities will be cycled through Wizard of Oz: Type in location instead of using a Places autocomplete API (i.e., Google or Apple Maps) Sensing location at Stanford: not location-sensitive at the moment; location defaults to Stanford Assumes user is already signed in Activities currently run in a loop

Screenshots

Screenshots

4. Hi-Fi Demo

Design Changes Prototype Continuity Reimagined Interface Increased User Control Completed: Suggesting an activity My suggestions General app layout + flow https://vimeo.com/146372879 Summary

Thanks!