Upload
juhan-sonin
View
119
Download
2
Tags:
Embed Size (px)
DESCRIPTION
The HIMSS Mobile Design Workgroup is crafting a common sense set of mobile design best practices, specifically tailored for the health market. These exemplars of effective mobile design will serve as an open blueprint that arms engineers, visionaries and designers around the world to craft highly usable and desirable health applications for the various, evolving mobile platforms. In addition, the design patterns will be showcased in a mobile health prototype called hLog (currently on the iPhone platform). This will be used to illustrate, in practical and applied terms, just how these best practices translate into truly remarkable mobile health services.
Citation preview
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, [email protected] Villarin
HIMSS CoordinatorsEdna BooneJuanita Threat
Advisors, ReviewersJeff BeldenDirk Knemeyer