The document discusses guidelines for mobile design best practices that take a systems approach and accelerate adoption of good software behaviors and interface design patterns. It covers interaction models, graphic design, information architecture, and technical implementation. Specific mobile design tenets are presented, including letting data scream (prioritizing data visualization over non-data ink), only handling information once, using a grid, using less text, using color carefully, considering the user's context, supporting multiple languages or interfaces, valuing repeat customers, embracing physical interfaces, and updating designs regularly. The goal is to help decision makers navigate increasingly complex systems and data through clear prioritization and presentation of the most important health metrics and patient information.

1. Health Everyware Making Mobile Beautiful HIMSS Celltop Design Workgroup Janey Barnes Scott Lind Eric Miller Bruce Sklar Juhan Sonin, juhan@mit.edu 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

2. 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 Guidelines will cover: interaction and behavior models, graphic design (including layout, grid, color palette, type and naming conventions), information architecture, technical implementation

3. MOBILE DESIGN TENETS Let data scream Only handle information once Grid it Type less + less type Color carefully Date your users Speak my sign What interface? Repeat customers ROCK Get physical Lust to dust

4. MOBILE DESIGN TENETS Let data scream Only handle information once Grid it Type less + less type Color carefully Date your users Speak my sign What interface? Repeat customers ROCK Get physical Lust to dust

5. Let data scream

6. Envisioning Information, E. Tufte

10. 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, presented Minimal transparency into key health metrics

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

18. Ink and lines scream Data disappears Violates all 5 Tufte principles 5 principles produce substantial changes in graphical design: Above all else, show the data. Maximize the data-ink ratio (i.e., the % of ink that shows data) Erase non-data ink. Erase redundant data-ink. Review and edit.

22. Unreadable Grid >> Data Data as Interface… NOT

26. 38%

27. Priorities, hierarchy Filtering Navigating … … … Patient data 1 2 last

28. 25% 20%

29. 70%

30. 80%

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

32. Let data scream The data is THE story Less ink, more bang 80% rule

33. healtheveryware.com