1 / 10

Assignment 3: Prototype and Feedback

Assignment 3: Prototype and Feedback. NEW! & Improved. Prototype improvements And user feedback. IS 698: Mobile HCI Marie K Silverstrim. Introduction. Based on findings from Think Aloud Evaluations with the Field Trip App, primary areas of frustration included: General Navigation

jock
Download Presentation

Assignment 3: Prototype and Feedback

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Assignment 3:Prototype and Feedback NEW! & Improved Prototype improvements And user feedback IS 698: Mobile HCI Marie K Silverstrim

  2. Introduction • Based on findings from Think Aloud Evaluations with the Field Trip App, primary areas of frustration included: • General Navigation • Categories of Interest • Sharing • New “digital paper” prototype created by applying super imposed fixes on screen shots of current application using Balsamiq desktop application

  3. Study Procedure Participants & Setting Prototype Evaluation • Device: iPhone 4S • Participant 1: Male, 37 • Participant 2: Female, 35 • Both participants: • Participated in prior evaluation • Daily iPhone users • Graphic Designers • Setting: • At a diner • Process: • Explained fixes were made to as “digital paper” prototypes • Given iPhone with updated Field Trip linked .pdf • Directed on areas to focus • Focus on: • Navigating between screens • Selecting Categories • Sharing an item

  4. Navigating Between Screens RESULTS: • Both participants easily navigated all screens and no frustration was expressed about finding the map • ORIGINAL: • Hierarchy is confusing • Unimportant things are highlighted • Important items are hidden • UPDATED: • Single Navigation Bar • Highlights current screen for feedback • All other screen choices visible

  5. Selecting Categories RESULTS: • Both participants liked being able to toggle at high level • P1 did not realize it was possible to go to detailed level • P2 still thought obviously out of scope categories should not show up at all (Chicago in Baltimore) • ORIGINAL: • Could only make selections at low level • Difficult to turn off entire category • UPDATED: • Entire category check available • Wider color indicator for category

  6. Sharing Items RESULTS: • Both participants liked that it was a single screen • Very easy and straight forward • ORIGINAL: • Clicking share gave options of Google+, Other • Had to click two times to share • UPDATED: • Added a Google+ icon to the main share screen • All options with single click

  7. Results & Observations • Ideas for improvement: C • Liked navigation bar being visible and consistent • Did not encounter any previous issues of frustration navigating between screens, particularly to the map view • Liked high level category checking on/off • Liked that sharing was simplified down to one screen • Execution of those ideas: D • Used Balsamiq for interactive screens - OK • Used screen shots of current app with super imposed buttons for fixes – PROBLEMATIC • Was difficult to tell what was working and not working on the screen • Users were confused by “half working” system

  8. Reflections • “Digital Paper” Prototypes • Quick and Easy to build and change • Great for better approximation of “real” interaction with mobile • Requires careful construction of horizontal and vertical limits to focus on important parts • Don’t overwhelm developer building out unimportant areas • Don’t frustrate the user with “not working” areas • Start from scratch for each screen, not a screen shot • Screen shots, while easy to make in the spirit of “quick and dirty”, are too misleading for the user and change the psychology of the experience. It looks polished, even if it isn’t.

  9. Questions? Any Questions?

  10. Thank you!

More Related