Health EverywareMaking Mobile Beautiful

HIMSS Usability WorkgroupJuhan Sonin3.Feb.09

Ouch.

Guidelines will cover:

interaction and behavior models,graphic design (including layout, grid, color palette, type and naming conventions),information architecture,technical implementation

We need a simple set of design best practices that

… takes a system approach to design

…. accelerates good software behavior and interface design pattern adoption

Let data screamOnly handle information once

Grid itType less + less typeColor carefully

Date your usersSpeak my sign

What interface?Repeat customers ROCKGet physical

MOBILE DESIGN TENETS

Let data screamOnly handle information once

Grid itType less + less typeColor carefully

Date your usersSpeak my sign

What interface?Repeat customers ROCKGet physical

MOBILE DESIGN TENETS

Let data scream

Envisioning Information, E. Tufte

and the Problem is…

Increasingly complex systems– Tool and Methodology gap

Decision makers are swamped with conflicting data– Our work is increasingly multi-dimensional (not a flat-

decision space)Artifacts driving decisions need to be coordinated,

presentedMinimal transparency into key health metrics

How do I (as a patient, nurse, doctor, proxy) make quicker, more accurate decisions?

Ink and lines screamData disappears

Violates all 5 Tufte principles

5 principles produce substantial changes in graphical design:

1. Above all else, show the data.2. Maximize the data-ink ratio (i.e., the % of ink that shows data)3. Erase non-data ink.4. Erase redundant data-ink.5. Review and edit.

Unreadable Grid >> Data Data as Interface… NOT

38%

Priorities, hierarchy

FilteringNavigating………Patient data

12

last

25%20%

70%

80%

80%of the screen space should be for data, the actual workspace

Let data scream

The data is THE storyLess ink, more bang80% rule

What interface?

Over time, you don’t notice the interface

50%

Manipulate the data, not the interface

What interface?

Over time, you don’t notice the interfaceManipulate the data, not the interface

Let data screamOnly handle information once

Grid itType less + less typeColor carefully

Date your usersSpeak my sign

What interface?Repeat customers ROCKGet physical

MOBILE DESIGN TENETS

DESIGN BUSINESS TECHNICAL BEHAVIOR IMPACT

When will we see stuff?

Reference implementationDemonstrate a prototype… then grow advocacyLooking for participation from mobile developer

Public Wikito house UI guidelines, and allow citizens of planet earth to evolve, draft v1 by 4.Mar.10

healtheveryware.com

HIMSS Celltop Design WorkgroupScott LindJaney BarnesPaul KroftEric MillerRon RibitzkyBruce SklarJuhan Sonin, juhan@mit.eduAlbert Villarin

HIMSS CoordinatorsEdna BooneJuanita Threat

Advisors, ReviewersJeff BeldenDirk Knemeyer