health everyware
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.TRANSCRIPT
![Page 1: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/1.jpg)
Health EverywareMaking Mobile Beautiful
HIMSS Usability WorkgroupJuhan Sonin3.Feb.09
![Page 2: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/2.jpg)
![Page 3: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/3.jpg)
![Page 4: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/4.jpg)
![Page 5: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/5.jpg)
![Page 6: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/6.jpg)
![Page 7: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/7.jpg)
![Page 8: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/8.jpg)
Ouch.
![Page 9: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/9.jpg)
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
![Page 10: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/10.jpg)
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
![Page 11: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/11.jpg)
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
![Page 12: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/12.jpg)
Let data scream
![Page 13: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/13.jpg)
Envisioning Information, E. Tufte
![Page 14: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/14.jpg)
![Page 15: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/15.jpg)
![Page 16: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/16.jpg)
![Page 17: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/17.jpg)
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
![Page 18: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/18.jpg)
How do I (as a patient, nurse, doctor, proxy) make quicker, more accurate decisions?
![Page 19: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/19.jpg)
![Page 20: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/20.jpg)
![Page 21: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/21.jpg)
![Page 22: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/22.jpg)
![Page 23: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/23.jpg)
![Page 24: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/24.jpg)
![Page 25: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/25.jpg)
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.
![Page 26: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/26.jpg)
![Page 27: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/27.jpg)
![Page 28: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/28.jpg)
![Page 29: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/29.jpg)
Unreadable Grid >> Data Data as Interface… NOT
![Page 30: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/30.jpg)
![Page 31: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/31.jpg)
![Page 32: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/32.jpg)
![Page 33: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/33.jpg)
38%
![Page 34: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/34.jpg)
Priorities, hierarchy
FilteringNavigating………Patient data
12
last
![Page 35: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/35.jpg)
25%20%
![Page 36: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/36.jpg)
70%
![Page 37: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/37.jpg)
80%
![Page 38: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/38.jpg)
80%of the screen space should be for data, the actual workspace
![Page 39: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/39.jpg)
Let data scream
The data is THE storyLess ink, more bang80% rule
![Page 40: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/40.jpg)
What interface?
![Page 41: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/41.jpg)
Over time, you don’t notice the interface
![Page 42: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/42.jpg)
![Page 43: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/43.jpg)
50%
![Page 44: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/44.jpg)
![Page 45: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/45.jpg)
Manipulate the data, not the interface
![Page 46: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/46.jpg)
What interface?
Over time, you don’t notice the interfaceManipulate the data, not the interface
![Page 47: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/47.jpg)
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
![Page 48: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/48.jpg)
DESIGN BUSINESS TECHNICAL BEHAVIOR IMPACT
![Page 49: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/49.jpg)
When will we see stuff?
![Page 50: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/50.jpg)
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
![Page 51: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/51.jpg)
healtheveryware.com
![Page 52: Health Everyware](https://reader036.vdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/52.jpg)
HIMSS Celltop Design WorkgroupScott LindJaney BarnesPaul KroftEric MillerRon RibitzkyBruce SklarJuhan Sonin, [email protected] Villarin
HIMSS CoordinatorsEdna BooneJuanita Threat
Advisors, ReviewersJeff BeldenDirk Knemeyer