Health Everyware
-
Upload
juhan-sonin -
Category
Design
-
view
119 -
download
2
description
Transcript of Health Everyware
![Page 1: Health Everyware](https://reader036.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/2.jpg)
![Page 3: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/3.jpg)
![Page 4: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/4.jpg)
![Page 5: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/5.jpg)
![Page 6: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/6.jpg)
![Page 7: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/7.jpg)
![Page 8: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/8.jpg)
Ouch.
![Page 9: Health Everyware](https://reader036.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/12.jpg)
Let data scream
![Page 13: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/13.jpg)
Envisioning Information, E. Tufte
![Page 14: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/14.jpg)
![Page 15: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/15.jpg)
![Page 16: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/16.jpg)
![Page 17: Health Everyware](https://reader036.fdocuments.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.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/19.jpg)
![Page 20: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/20.jpg)
![Page 21: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/21.jpg)
![Page 22: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/22.jpg)
![Page 23: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/23.jpg)
![Page 24: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/24.jpg)
![Page 25: Health Everyware](https://reader036.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/26.jpg)
![Page 27: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/27.jpg)
![Page 28: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/28.jpg)
![Page 29: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/29.jpg)
Unreadable Grid >> Data Data as Interface… NOT
![Page 30: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/30.jpg)
![Page 31: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/31.jpg)
![Page 32: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/32.jpg)
![Page 33: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/33.jpg)
38%
![Page 34: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/34.jpg)
Priorities, hierarchy
FilteringNavigating………Patient data
12
last
![Page 35: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/35.jpg)
25%20%
![Page 36: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/36.jpg)
70%
![Page 37: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/37.jpg)
80%
![Page 38: Health Everyware](https://reader036.fdocuments.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.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/40.jpg)
What interface?
![Page 41: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/41.jpg)
Over time, you don’t notice the interface
![Page 42: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/42.jpg)
![Page 43: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/43.jpg)
50%
![Page 44: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/44.jpg)
![Page 45: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/45.jpg)
Manipulate the data, not the interface
![Page 46: Health Everyware](https://reader036.fdocuments.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.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/48.jpg)
DESIGN BUSINESS TECHNICAL BEHAVIOR IMPACT
![Page 49: Health Everyware](https://reader036.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/49.jpg)
When will we see stuff?
![Page 50: Health Everyware](https://reader036.fdocuments.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.fdocuments.us/reader036/viewer/2022081414/54c82a844a7959b1368b4574/html5/thumbnails/51.jpg)
healtheveryware.com
![Page 52: Health Everyware](https://reader036.fdocuments.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