Health Everyware Making Mobile Beautiful HIMSS Celltop Design Workgroup Janey Barnes Scott Lind Eric Miller Bruce Sklar Juhan Sonin, [email protected]HIMSS Coordinators Edna Boone Juanita Threat 22.Jun.10 Content in this presentation (unless otherwise noted) is licensed under a Creative Commons Attribution 3.0 License
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Content in this presentation (unless otherwise noted) is licensed under a Creative Commons Attribution 3.0 License
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 physicalLust to dust
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 physicalLust to dust
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