Slide 1

Slide 1 text

User Experience Design for Mobile Ross Belmont

Slide 2

Slide 2 text

© 2013 Appiphony, LLC All rights reserved. Designing for Mobile: Our Process • Get Out of the Building • Define Success by Writing the Script • Build the First Prototype • Iterate Until It’s Great

Slide 3

Slide 3 text

© 2013 Appiphony, LLC All rights reserved. Overview of the app • Our client provides physician staffing services to emergency departments (EDs) across the country • They wanted to dramatically increase the quality and quantity of feedback on physician performance • Their baseline was single-digit response rate • They had a vision to deploy iPads to the ED and get feedback in near real-time

Slide 4

Slide 4 text

© 2013 Appiphony, LLC All rights reserved. Getting Out of the Building: Customer Research • As soon as you reach an initial consensus on the product concept, perform a site visit to a location where the app will be used. • You need to build an understanding of a setting to gauge how the app will fit within that setting. • The rest of your team wants to understand this fit, too!

Slide 5

Slide 5 text

© 2013 Appiphony, LLC All rights reserved. Getting Out of the Building: Customer Research

Slide 6

Slide 6 text

© 2013 Appiphony, LLC All rights reserved. Getting Out of the Building: Customer Research

Slide 7

Slide 7 text

© 2013 Appiphony, LLC All rights reserved. For More Information • Read Rapid Contextual Design by Holtzblatt, Wendell and Wood • It’s a detailed playbook for site visits, interviewing and how to process the output • It also provides a process for small, medium and large budgets

Slide 8

Slide 8 text

© 2013 Appiphony, LLC All rights reserved. Define Success by “Writing the Script” • Write a plausible story starring your customer succeeding at something with your app. • Ideally, the story will take place in the setting you studied. • In contrast, don’t ship features that don't connect in a coherent way for the user. “Stick to the script” and leave out what doesn't fit.

Slide 9

Slide 9 text

© 2013 Appiphony, LLC All rights reserved. Customer Research Gives You the Setting • In the ED, treatment rooms have a TV to help pass the (extra) time. • Sharing this detail with the project team made it “click” for them there’s time to give feedback in the ED setting.

Slide 10

Slide 10 text

© 2013 Appiphony, LLC All rights reserved. Our “Script” as a Storyboard There...that’ll hold your ankle in place Your prescription will be ready soon...in the mean time, can we get your feedback on today’s visit? TAP...TAP...TAP...DONE. Here you go! Thanks! 20 MINUTES LATER... Thanks for everything!

Slide 11

Slide 11 text

© 2013 Appiphony, LLC All rights reserved. For More Information Make the story visual Develop the story/scenario

Slide 12

Slide 12 text

© 2013 Appiphony, LLC All rights reserved. Build the First Prototype • Do this as quickly as possible, since you will change the UI, probably in a significant way. • Luckily, the new Mobile Packs make it easy to deliver something clickable quickly.

Slide 13

Slide 13 text

© 2013 Appiphony, LLC All rights reserved. Our Experience • We tested our first concept with an elderly family member • He had never used an iPad and was confused as to how to scroll • Since there would be many elderly patients providing feedback, we reworked the core navigation mechanism

Slide 14

Slide 14 text

© 2013 Appiphony, LLC All rights reserved. For More Information • Read Designing Mobile Interfaces by Hoober and Berkman • It provides well-documented solutions to many common design problems

Slide 15

Slide 15 text

© 2013 Appiphony, LLC All rights reserved. Iterate Until It’s Great • Iterate on the prototype with representative or actual users. • It’s like preparing for the SATs: • You don’t want to go in “cold.” Some kind of practice is critical. • Feedback will improve performance, but only if it’s specific. • Should I work on essay writing, or reading comprehension? • Many external resources are available to yield improvements. The key is planning for the fact that it won’t be perfect the first time out.

Slide 16

Slide 16 text

© 2013 Appiphony, LLC All rights reserved. Schedule Time to Iterate: Don’t Do This Sprint 1 Sprint 2 Sprint 3

Slide 17

Slide 17 text

© 2013 Appiphony, LLC All rights reserved. Schedule Time to Iterate: Do This Instead Sprint 1 Sprint 2 Sprint 3

Slide 18

Slide 18 text

© 2013 Appiphony, LLC All rights reserved. “Lean Startup” Has Popularized Iteration Image courtesy @clevergirl and @katerutter of LUXr.co

Slide 19

Slide 19 text

© 2013 Appiphony, LLC All rights reserved. Our Experience • We made 9 prototypes with various degrees of tweaks.

Slide 20

Slide 20 text

© 2013 Appiphony, LLC All rights reserved. For More Information Polishing the interface Iterating with a team