PROTOTYPE IMPROVEMENTSAND USER FEEDBACK

Assignment 3:Prototype and Feedback

IS 698 : MOBILE HCIMARIE K SILVERSTRIM

NEW! & Improve

d

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

Participants & Setting Prototype Evaluation

Device: iPhone 4SParticipant 1: Male, 37Participant 2: Female, 35Both 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 focusFocus on:

1. Navigating between screens

2. Selecting Categories3. Sharing an item

Study Procedure

Navigating Between Screens

RESULTS: Both participants easily navigated all screens and no

frustration was expressed about finding the map

UPDATED: Single Navigation Bar Highlights current screen for

feedback All other screen choices

visible

ORIGINAL: Hierarchy is confusing Unimportant things are

highlighted Important items are

hidden

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

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

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

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.

Questions?

Any Questions?

Thank you!