Health Everyware: Let Data Scream

33
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

description

 

Transcript of Health Everyware: Let Data Scream

Page 1: Health Everyware: Let Data Scream

Health EverywareMaking Mobile Beautiful

HIMSS Celltop Design WorkgroupJaney BarnesScott LindEric MillerBruce SklarJuhan Sonin, [email protected]

HIMSS CoordinatorsEdna BooneJuanita Threat

22.Jun.10

Content in this presentation (unless otherwise noted) is licensed under a Creative Commons Attribution 3.0 License

Page 2: Health Everyware: Let Data Scream

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 3: Health Everyware: Let Data Scream

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

Page 4: Health Everyware: Let Data Scream

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

Page 5: Health Everyware: Let Data Scream

Let data scream

Page 6: Health Everyware: Let Data Scream

Envisioning Information, E. Tufte

Page 7: Health Everyware: Let Data Scream
Page 8: Health Everyware: Let Data Scream
Page 9: Health Everyware: Let Data Scream
Page 10: Health Everyware: Let Data Scream

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 11: Health Everyware: Let Data Scream

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

Page 12: Health Everyware: Let Data Scream
Page 13: Health Everyware: Let Data Scream
Page 14: Health Everyware: Let Data Scream
Page 15: Health Everyware: Let Data Scream
Page 16: Health Everyware: Let Data Scream
Page 17: Health Everyware: Let Data Scream
Page 18: Health Everyware: Let Data Scream

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 19: Health Everyware: Let Data Scream
Page 20: Health Everyware: Let Data Scream
Page 21: Health Everyware: Let Data Scream
Page 22: Health Everyware: Let Data Scream

Unreadable Grid >> Data Data as Interface… NOT

Page 23: Health Everyware: Let Data Scream
Page 24: Health Everyware: Let Data Scream
Page 25: Health Everyware: Let Data Scream
Page 26: Health Everyware: Let Data Scream

38%

Page 27: Health Everyware: Let Data Scream

Priorities, hierarchy

FilteringNavigating………Patient data

12

last

Page 28: Health Everyware: Let Data Scream

25%20%

Page 29: Health Everyware: Let Data Scream

70%

Page 30: Health Everyware: Let Data Scream

80%

Page 31: Health Everyware: Let Data Scream

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

Page 32: Health Everyware: Let Data Scream

Let data scream

The data is THE storyLess ink, more bang80% rule

Page 33: Health Everyware: Let Data Scream

healtheveryware.com