health information breakout
DESCRIPTION
9 in 10 Americans have difficulty understanding basic health information. A little design thinking can go a long way in helping people understand and use health-related services. Together, we’ll discuss and critique a few materials from government agencies. Based on your suggestions for improving them, we’ll create a collaborative redesign live during the workshop.TRANSCRIPT
![Page 1: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/1.jpg)
@mollyampersand
Code for America Summit 2014
YOU can design better health information!
With your host Molly McLeod [email protected]
![Page 2: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/2.jpg)
@mollyampersand
Code for America Summit 2014
I can’t help thinking about how things could be better.
![Page 3: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/3.jpg)
@mollyampersand
Code for America Summit 2014
![Page 4: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/4.jpg)
@mollyampersand
Code for America Summit 2014
Steps?
![Page 5: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/5.jpg)
@mollyampersand
Code for America Summit 2014
REMEMBER
BUT MORE
ONE
![Page 6: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/6.jpg)
@mollyampersand
Code for America Summit 2014
This is helpful
![Page 7: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/7.jpg)
@mollyampersand
Code for America Summit 2014
Not clearly organized
![Page 8: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/8.jpg)
@mollyampersand
Code for America Summit 2014
Not necessary
![Page 9: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/9.jpg)
@mollyampersand
Code for America Summit 2014
Wait…
This is the information I need!
![Page 10: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/10.jpg)
@mollyampersand
Code for America Summit 2014
![Page 11: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/11.jpg)
@mollyampersand
Code for America Summit 2014
In other words...
![Page 12: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/12.jpg)
@mollyampersand
Code for America Summit 2014
Design isn’t (only) making things pretty.
![Page 13: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/13.jpg)
@mollyampersand
Code for America Summit 2014
Design is how things work.
![Page 14: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/14.jpg)
@mollyampersand
Code for America Summit 2014
![Page 15: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/15.jpg)
@mollyampersand
Code for America Summit 2014
Bad design kills people.
![Page 16: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/16.jpg)
@mollyampersand
Code for America Summit 2014
Health literacy matters.
![Page 17: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/17.jpg)
@mollyampersand
Code for America Summit 2014
9 in 10 Americans have limited health literacy
![Page 18: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/18.jpg)
@mollyampersand
Code for America Summit 2014
Courtesy of CommunicateHealth
![Page 19: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/19.jpg)
@mollyampersand
Code for America Summit 2014
v
v
Courtesy of CommunicateHealth
![Page 20: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/20.jpg)
@mollyampersand
Code for America Summit 2014
What can we do?
![Page 21: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/21.jpg)
@mollyampersand
Code for America Summit 2014
What can we do? Write in plain language!
![Page 22: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/22.jpg)
@mollyampersand
Code for America Summit 2014
What can we do? Write in plain language! Design clearer information!
![Page 23: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/23.jpg)
@mollyampersand
Code for America Summit 2014
Design 101
![Page 24: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/24.jpg)
@mollyampersand
Code for America Summit 2014
Audience Who are they? What are their needs?
![Page 25: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/25.jpg)
@mollyampersand
Code for America Summit 2014
Goals What do they need to know? What’s your main message?
![Page 26: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/26.jpg)
@mollyampersand
Code for America Summit 2014
Hierarchy What’s the order in which they need to know the information?
![Page 27: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/27.jpg)
@mollyampersand
Code for America Summit 2014
Call to Action What do they need to do next?
![Page 28: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/28.jpg)
@mollyampersand
Code for America Summit 2014
Choosing a Font
Comic Sans Helvetica
Times New Roman Apply for CalFresh
Apply for CalFresh
Papyrus Apply for CalFresh
Apply for CalFresh!Sans Serif
Serif
These fonts are harder to read.
![Page 29: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/29.jpg)
@mollyampersand
Code for America Summit 2014
Choosing a Font
Montserrat Calibri
Source Sans Mission Gothic Apply for CalFresh Apply for CalFresh
Apply for CalFresh Apply for CalFresh
Sans serif fonts are usually easier to read.
![Page 30: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/30.jpg)
@mollyampersand
Code for America Summit 2014
12-16 pt: paragraph/body text
Font Size (Print)
22-48 pt: headers
8-11 pt: honey I shrunk the type!
![Page 31: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/31.jpg)
@mollyampersand
Code for America Summit 2014
Line Length
Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income. Medi-Cal will also attempt to verify your information electronically so you may be found eligible for benefits without ever having to provide paper verifications.
Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income. Medi-Cal will also attempt to verify your information electronically so you may be found eligible for benefits without ever having to provide paper verifications.
20+ words per line: too long
10-15 words per line: just right
![Page 32: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/32.jpg)
@mollyampersand
Code for America Summit 2014
Line Spacing
1 / 100%: so tight
1.2-1.4 / 120%-140%: ahh, breathing room
Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income. Medi-Cal will also attempt to verify your information electronically so you may be found eligible for benefits without ever having to provide paper verifications.
Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income. Medi-Cal will also attempt to verify your information electronically so you may be found eligible for benefits without ever having to provide paper verifications.
![Page 33: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/33.jpg)
@mollyampersand
Code for America Summit 2014
Hierarchy
Apply for Medi-Cal Frequently Asked Questions
Covered California will act as a “one-stop shop” for health insurance. How does Covered California work with Medi-Cal?
Not enough
Too much
Juuuust right
Apply for Medi-Cal Frequently Asked Questions
Covered California will act as a “one-stop shop” for health insurance. How does Covered California work with Medi-Cal?
Apply for Medi-Cal Frequently Asked Questions
Covered California will act as a “one-stop shop” for health insurance. How does Covered California work with Medi-Cal?
![Page 34: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/34.jpg)
@mollyampersand
Code for America Summit 2014
Layout
![Page 35: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/35.jpg)
@mollyampersand
Code for America Summit 2014
Summary
Apply for Medi-Cal Frequently Asked Questions
Covered California will act as a “one-stop shop” for health insurance.
How does Covered California work with Medi-Cal?
Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income.
Sans Serif
Make it big! 12-16 pt for body text
10-15 words per line 1.2-1.4 spacing
Fonts
Font Size
Line Length & Spacing
Hierarchy
Layout Keep it simple
Create a clear path for the eye to follow
![Page 36: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/36.jpg)
@mollyampersand
Code for America Summit 2014
Questions? Y’all are design experts already, I know it.
![Page 37: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/37.jpg)
@mollyampersand
Code for America Summit 2014
Teardown time!
![Page 38: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/38.jpg)
@mollyampersand
Code for America Summit 2014
Who’s the audience? What is the main message? How should the information be organized? What’s the call to action? What would you do differently?
Circle it! Draw on it! Mark it up! Sketch something new!
![Page 39: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/39.jpg)
@mollyampersand
Code for America Summit 2014
Build up time!
![Page 40: Health Information Breakout](https://reader033.vdocuments.us/reader033/viewer/2022060121/55942f5f1a28ab2e3d8b4685/html5/thumbnails/40.jpg)
@mollyampersand
Code for America Summit 2014
Go forth and redesign all the things!
You can design. Molly McLeod [email protected]