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.

1. Health Everyware Making Mobile Beautiful HIMSS Usability Workgroup Juhan Sonin 3.Feb.09

8. Ouch.

9. 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

10. 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

11. 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

12. Let data scream

13. Envisioning Information, E. Tufte

17. 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

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

25. 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.

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

33. 38%

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

35. 25% 20%

36. 70%

37. 80%

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

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

40. What interface?

41. Over time, you don’t notice the interface

43. 50%

45. Manipulate the data, not the interface

46. What interface? Over time, you don’t notice the interface Manipulate the data, not the interface

47. 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

48. DESIGN BUSINESS TECHNICAL BEHAVIOR IMPACT

49. When will we see stuff?

50. Reference implementation Demonstrate a prototype… then grow advocacy Looking for participation from mobile developer Public Wiki to house UI guidelines, and allow citizens of planet earth to evolve, draft v1 by 4.Mar.10

51. healtheveryware.com

52. HIMSS Celltop Design Workgroup Scott Lind Janey Barnes Paul Kroft Eric Miller Ron Ribitzky Bruce Sklar Juhan Sonin, juhan@mit.edu Albert Villarin HIMSS Coordinators Edna Boone Juanita Threat Advisors, Reviewers Jeff Belden Dirk Knemeyer