User Interface in mobile health

36
mHealth – Usability Sells Bill Evans Bridge Design, Inc User Interface | Industrial Design

description

Bill Evans spoke about the importance of usability in medical use for the Silicon-Valley China Wireless Technology Association.

Transcript of User Interface in mobile health

Page 1: User Interface in mobile health

mHealth – Usability Sells

Bill Evans Bridge Design, Inc

User Interface | Industrial Design

Page 2: User Interface in mobile health

Why the growth of interest in better medical UIs?

2

Note: 1 Billion smart phones!

Page 3: User Interface in mobile health

Why the growth of interest in better medical UIs?

3

Why can’t the products I use in my job be as easy to use as my smart phone?

Page 4: User Interface in mobile health

Companies think in products… Users buy experiences

4

See YouTube – A Day in Glass

Page 5: User Interface in mobile health

It’s the experience they buy– not the pure functionality

5

Page 6: User Interface in mobile health

We are in the Healthcare and Wellness App steam age

Stephenson’s Rocket 1830 30 mphTGV 2007 357mph

Page 7: User Interface in mobile health

What does a good Healthcare or Wellness UI do?

A good UI is driven by an empathy with the user and works to engage them with the interaction

Page 8: User Interface in mobile health

….getting the design team out to observe or conduct testing starts to build an empathy that helps them start seeing through users’ eyes.Avoid KOLs.

Page 9: User Interface in mobile health

The importance of UI architects

Page 10: User Interface in mobile health

UI architects empathize

A good UI architect empathizes with the user and works to engage them with the interaction

Page 11: User Interface in mobile health

Value of UI architecture misunderstood

The job of a UI architect is to help shape the functionality and flow of the interface. This is NOT about making screens look good; and it is NOT coding software.

It is defining the overall navigation structure, sequences, menus, links, interaction methods, screen layouts, with the goal of intuitive, efficient, error-free usability

Page 12: User Interface in mobile health

UI architecture NOT ABOUT

Page 13: User Interface in mobile health

UI architecture

…think about those UIs you’ve used that seem to have little or no understanding of:

What you will be trying to do

What mood, expectations and experience you’ll bring with you when you walk up to the screen

Page 14: User Interface in mobile health

UI architecture

…we’ve all got our favorite UIs we love to hate:

The ticket machine for public transit…

The word processing and spreadsheet programs from the same “suite” that have differences of navigation for very similar (and often used) functions…

Page 15: User Interface in mobile health

UI architecture

Now consider the difference between all those general UIs and how they have to appeal to a wide variety of users and uses and the challenges to create UIs for healthcare and wellness products….

Page 16: User Interface in mobile health

UI architecture

We have to understand:

What our users bring to the interaction

All the things our users might want to do, as well as the most likely things

All our stakeholders, who can have significantly different needs (e.g. Nurses, risk managers and biotechs)

Safety and possible FDA issues

Page 17: User Interface in mobile health

UI architecture

In many ways the rules of good UI are the same regardless of application, but god is in the details.

Sophisticated UIs are so new in our industry that there are few great precedents

Users expectations have been set high by very well developed smart phone UIs

Page 18: User Interface in mobile health

UI architecture

Good UIs cost more to create than old-school healthcare UIs

BUT done right, they can really sell a product

Page 19: User Interface in mobile health

Make sure you have one on your team…

Not having a UI architect is probably the #1 biggest source of lack of usability we see in product UIs

Page 20: User Interface in mobile health

Strategies for better UI… (and some stuff not to do)

People don’t want fingers wagged at them – “You shall do this, or else…”

Compliance (of all kinds from weight loss to taking your pills) is a really big issue

The carrot works – draw them in

Look at and learn from gamification - not always the answer but an interesting approach – especially in wellness (Nike+ example)

Page 21: User Interface in mobile health

Classic example of “meet the requirements” not the needs

Page 22: User Interface in mobile health

Frustrated expectations

not a touch screen!

Page 23: User Interface in mobile health

from a blog entry “bad UI makes my kid cry”

Page 24: User Interface in mobile health

Dense display with no clear navigation guideposts

Page 25: User Interface in mobile health

Consider use environment…

Page 26: User Interface in mobile health

Use well-known conventions

Page 27: User Interface in mobile health

Throw citrus lever

Add lemon juice

user terms not machine states…

Page 28: User Interface in mobile health

Simplify……

Page 29: User Interface in mobile health

Beg to be pressed

Page 30: User Interface in mobile health

Use skeuomorphs

Skeuomorphs are design elements that keep the looks of something that used to be necessary for the function in question

Page 31: User Interface in mobile health

Do more with less (drink strength icons….)

Page 32: User Interface in mobile health

Basically looking at criticality of the device – Were similar non-app products regulated? What the consequences of error?

• Perform a Failure analysis regardless of FDA – it is good practice

• If you have a choice - duck the FDA by altering features or doing a different product

• HOWEVER a blockbuster FDA regulated App would have a barrier to entry….

• If you are FDA will need design process documentation

• See link on posted presentation: http

://www.fda.gov/MedicalDevices/DeviceRegulationandGuidance/GuidanceDocuments/ucm263280.htm

FDA

Page 33: User Interface in mobile health

Need to perform formative and summative usability testing: 

• Train as little as possible.

• Have the user perform tasks with little or no explanation.

• Ask questions at the end.

• Video record.

• Record all errors and near misses.

Important FDA requirements

Page 34: User Interface in mobile health

Perform formative and summative usability testing: 

• Alter the design to eliminate errors and near misses.

• Be careful with “usability goals”

• Be clear what kind of testing you are doing and do not mix up formative and summative

• Structure summative testing carefully

Important FDA requirements

Page 35: User Interface in mobile health

Summary of points

• Build usability into your design process and the “culture” of your product and company – it really sells

• Get the design team (even the SW coding guys) out to meet and EMPATHIZE with your users

• Carrot NOT stick

• Iterate Iterate Iterate; simplify, simplify, simplify

• Have a good product champion and UI architect

Page 36: User Interface in mobile health

36

Rendering

I look forward to tonight’s dialogue

Useful supporting material and electronic copies of previous workshop presentations are posted to a wiki web site:

http://touchscreens.wikispaces.com/

Contact Bill Evans [email protected]

+1 .415.487.7180

www.bridgedesign.com