User Experience Design for Mobile
Ross Belmont
ยฉ 2013 Appiphony, LLC All rights reserved.
Designing for Mobile: Our Process
โ€ข Get Out of the Building
โ€ข De๏ฌne Success by Writing the Script
โ€ข Build the First Prototype
โ€ข Iterate Until Itโ€™s Great
ยฉ 2013 Appiphony, LLC All rights reserved.
Overview of the app
โ€ข Our client provides physician staf๏ฌng 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
ยฉ 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 ๏ฌt within that setting.
โ€ข The rest of your team wants to understand this ๏ฌt, too!
ยฉ 2013 Appiphony, LLC All rights reserved.
Getting Out of the Building: Customer Research
ยฉ 2013 Appiphony, LLC All rights reserved.
Getting Out of the Building: Customer Research
ยฉ 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
ยฉ 2013 Appiphony, LLC All rights reserved.
De๏ฌne 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 ๏ฌt.
ยฉ 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.
ยฉ 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!
ยฉ 2013 Appiphony, LLC All rights reserved.
For More Information
Make the story visualDevelop the story/scenario
ยฉ 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 signi๏ฌcant way.
โ€ข Luckily, the new Mobile Packs make it easy
to deliver something clickable quickly.
ยฉ 2013 Appiphony, LLC All rights reserved.
Our Experience
โ€ข We tested our ๏ฌrst 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
ยฉ 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
ยฉ 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 speci๏ฌc.
โ€ข 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 ๏ฌrst
time out.
ยฉ 2013 Appiphony, LLC All rights reserved.
Schedule Time to Iterate: Donโ€™t Do This
Sprint 1 Sprint 2 Sprint 3
ยฉ 2013 Appiphony, LLC All rights reserved.
Schedule Time to Iterate: Do This Instead
Sprint 1 Sprint 2 Sprint 3
ยฉ 2013 Appiphony, LLC All rights reserved.
โ€œLean Startupโ€ Has Popularized Iteration
Image courtesy @clevergirl and @katerutter of LUXr.co
ยฉ 2013 Appiphony, LLC All rights reserved.
Our Experience
โ€ข We made 9 prototypes with various degrees of tweaks.
ยฉ 2013 Appiphony, LLC All rights reserved.
For More Information
Polishing the interfaceIterating with a team

UX for Mobile in the Enterprise

  • 1.
    User Experience Designfor Mobile Ross Belmont
  • 2.
    ยฉ 2013 Appiphony,LLC All rights reserved. Designing for Mobile: Our Process โ€ข Get Out of the Building โ€ข De๏ฌne Success by Writing the Script โ€ข Build the First Prototype โ€ข Iterate Until Itโ€™s Great
  • 3.
    ยฉ 2013 Appiphony,LLC All rights reserved. Overview of the app โ€ข Our client provides physician staf๏ฌng 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
  • 4.
    ยฉ 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 ๏ฌt within that setting. โ€ข The rest of your team wants to understand this ๏ฌt, too!
  • 5.
    ยฉ 2013 Appiphony,LLC All rights reserved. Getting Out of the Building: Customer Research
  • 6.
    ยฉ 2013 Appiphony,LLC All rights reserved. Getting Out of the Building: Customer Research
  • 7.
    ยฉ 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
  • 8.
    ยฉ 2013 Appiphony,LLC All rights reserved. De๏ฌne 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 ๏ฌt.
  • 9.
    ยฉ 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.
  • 10.
    ยฉ 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!
  • 11.
    ยฉ 2013 Appiphony,LLC All rights reserved. For More Information Make the story visualDevelop the story/scenario
  • 12.
    ยฉ 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 signi๏ฌcant way. โ€ข Luckily, the new Mobile Packs make it easy to deliver something clickable quickly.
  • 13.
    ยฉ 2013 Appiphony,LLC All rights reserved. Our Experience โ€ข We tested our ๏ฌrst 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
  • 14.
    ยฉ 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
  • 15.
    ยฉ 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 speci๏ฌc. โ€ข 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 ๏ฌrst time out.
  • 16.
    ยฉ 2013 Appiphony,LLC All rights reserved. Schedule Time to Iterate: Donโ€™t Do This Sprint 1 Sprint 2 Sprint 3
  • 17.
    ยฉ 2013 Appiphony,LLC All rights reserved. Schedule Time to Iterate: Do This Instead Sprint 1 Sprint 2 Sprint 3
  • 18.
    ยฉ 2013 Appiphony,LLC All rights reserved. โ€œLean Startupโ€ Has Popularized Iteration Image courtesy @clevergirl and @katerutter of LUXr.co
  • 19.
    ยฉ 2013 Appiphony,LLC All rights reserved. Our Experience โ€ข We made 9 prototypes with various degrees of tweaks.
  • 20.
    ยฉ 2013 Appiphony,LLC All rights reserved. For More Information Polishing the interfaceIterating with a team