SlideShare a Scribd company logo
1 of 40
Download to read offline
@mollyampersand 
YOU can design better health information! 
With your host Molly McLeod 
molly@codeforamerica.org
I can’t help thinking 
about how things 
could be better. 
@mollyampersand
@mollyampersand
Steps? 
@mollyampersand
REMEMBER 
ONE 
BUT 
MORE 
@mollyampersand
This is 
helpful 
@mollyampersand
Not clearly 
organized 
@mollyampersand
@mollyampersand 
Not 
necessary
Wait… 
@mollyampersand 
This is the 
information 
I need!
@mollyampersand
@mollyampersand 
In other 
words...
Design isn’t (only) 
making things 
pretty. 
@mollyampersand
Design is 
how things work. 
@mollyampersand
@mollyampersand
Bad design 
kills people. 
@mollyampersand
Health literacy 
matters. 
@mollyampersand
9 in 10 Americans have 
limited health literacy 
@mollyampersand
Courtesy of CommunicateHealth 
@mollyampersand
@mollyampersand 
v 
v 
Courtesy of CommunicateHealth
What can we do? 
@mollyampersand
What can we do? 
Write in plain language! 
@mollyampersand
What can we do? 
Write in plain language! 
Design clearer information! 
@mollyampersand
@mollyampersand 
Design 101
Audience 
Who are they? 
What are their needs? 
@mollyampersand
Goals 
What do they need to know? 
What’s your main message? 
@mollyampersand
Hierarchy 
What’s the order in 
which they need to 
know the information? 
@mollyampersand
Call to Action 
What do they need 
to do next? 
@mollyampersand
Choosing a Font 
Sans Serif 
Comic Sans 
Helvetica 
Apply for CalFresh 
@mollyampersand 
Apply for CalFresh 
Times New Roman 
Apply for CalFresh 
Papyrus 
Apply for CalFresh! 
Serif 
These fonts are harder to read.
Choosing a Font 
Apply for CalFresh 
Montserrat 
Calibri 
Apply for CalFresh Apply for CalFresh 
Source Sans 
Mission Gothic 
@mollyampersand 
Apply 
for 
CalFresh 
Sans serif fonts are usually easier to read.
Font Size (Print) 
22-48 pt: headers 
12-16 pt: paragraph/body text 
8-11 pt: honey I shrunk the type! 
@mollyampersand
Line Length 
20+ words per line: too long 
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. 
10-15 words per line: just right 
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. 
@mollyampersand
Line Spacing 
1 / 100%: so tight 
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. 
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. 
@mollyampersand
Hierarchy 
@mollyampersand 
Apply for Medi-Cal 
Frequently Asked Questions 
How does Covered California work with Medi-Cal? 
Covered California will act as a “one-stop shop” for health insurance. 
Not enough 
Too much 
Juuuust right 
Apply for Medi-Cal 
Frequently Asked Questions 
How does Covered California work with Medi-Cal? 
Covered California will act as a “one-stop shop” for health insurance. 
Apply for Medi-Cal 
Frequently Asked Questions 
How does Covered California work with Medi-Cal? 
Covered California will act as a “one-stop shop” for health insurance.
Layout 
@mollyampersand
Summary 
@mollyampersand 
Sans Serif 
Make it big! 
12-16 pt for body text 
10-15 words per line 
1.2-1.4 spacing 
Medi-Cal eligibility is now simpler than ever. 
For most individuals, Medi-Cal eligibility will be 
based on your household size and your income. 
Fonts 
Font Size 
Line Length 
& Spacing 
Hierarchy 
Create a clear path 
for the eye to follow 
Layout 
Keep it simple
@mollyampersand 
Questions? 
Y’all are design experts already, I know it.
Teardown time! 
@mollyampersand
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? 
@mollyampersand 
Circle it! Draw on it! Mark it up! 
Sketch something new!
Build up time! 
@mollyampersand
You can design. 
Go forth and redesign all the things! 
Molly McLeod 
molly@codeforamerica.org 
@mollyampersand

More Related Content

Similar to Health Information Breakout

Networking and Professional Communication
Networking and Professional Communication Networking and Professional Communication
Networking and Professional Communication Page Tisdale
 
Customer Service 101
Customer Service 101Customer Service 101
Customer Service 101Clay Staires
 
5-Star Customer Service 06-2014
5-Star Customer Service 06-20145-Star Customer Service 06-2014
5-Star Customer Service 06-2014TheChamber
 
Top 10 td bank cover letter samples
Top 10 td bank cover letter samplesTop 10 td bank cover letter samples
Top 10 td bank cover letter samplespoppyclark17
 
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017Coalmarch
 
Digital strategy
Digital strategy Digital strategy
Digital strategy Sonny Sun
 
Customer Relations - Maximising the relationship you have with your customers
Customer Relations - Maximising the relationship you have with your customersCustomer Relations - Maximising the relationship you have with your customers
Customer Relations - Maximising the relationship you have with your customersThom. Poole
 
5 Simple Website Changes: Insider Secrets To Doubling Your Online leads
5 Simple Website Changes: Insider Secrets To Doubling Your Online leads5 Simple Website Changes: Insider Secrets To Doubling Your Online leads
5 Simple Website Changes: Insider Secrets To Doubling Your Online leadsGreatCircle Studios
 
Top 10 general mills cover letter samples
Top 10 general mills cover letter samplesTop 10 general mills cover letter samples
Top 10 general mills cover letter samplesdavidsanders566
 
Example Essay On Pollution. Online assignment writing service.
Example Essay On Pollution. Online assignment writing service.Example Essay On Pollution. Online assignment writing service.
Example Essay On Pollution. Online assignment writing service.Heather Brown
 
Top 10 happy state bank cover letter samples
Top 10 happy state bank cover letter samplesTop 10 happy state bank cover letter samples
Top 10 happy state bank cover letter sampleshelenrogers10
 
Braking News- September 2014
Braking News- September 2014Braking News- September 2014
Braking News- September 2014John Yunker
 
Strategies to Strengthen Employee Engagement & Communication
Strategies to Strengthen Employee Engagement & CommunicationStrategies to Strengthen Employee Engagement & Communication
Strategies to Strengthen Employee Engagement & CommunicationBambu by Sprout Social
 
Chamber Customer Service August Presentation
Chamber Customer Service August PresentationChamber Customer Service August Presentation
Chamber Customer Service August PresentationTheChamber
 
Harvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And AdviceHarvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And Advicetom_harvardbrown
 
Harvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And AdviceHarvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And Advicedavid_harvardbrown
 
May 30th 2015 workshop presentation (slide share sample)
May 30th 2015 workshop presentation (slide share sample)May 30th 2015 workshop presentation (slide share sample)
May 30th 2015 workshop presentation (slide share sample)Mary Norris-Ellis
 

Similar to Health Information Breakout (20)

Networking and Professional Communication
Networking and Professional Communication Networking and Professional Communication
Networking and Professional Communication
 
Customer Service 101
Customer Service 101Customer Service 101
Customer Service 101
 
5-Star Customer Service 06-2014
5-Star Customer Service 06-20145-Star Customer Service 06-2014
5-Star Customer Service 06-2014
 
Top 10 td bank cover letter samples
Top 10 td bank cover letter samplesTop 10 td bank cover letter samples
Top 10 td bank cover letter samples
 
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017
Seal the Deal: The Importance of Following Up, Meg Parrish, CO2 2017
 
Digital strategy
Digital strategy Digital strategy
Digital strategy
 
Customer Relations - Maximising the relationship you have with your customers
Customer Relations - Maximising the relationship you have with your customersCustomer Relations - Maximising the relationship you have with your customers
Customer Relations - Maximising the relationship you have with your customers
 
5 Simple Website Changes: Insider Secrets To Doubling Your Online leads
5 Simple Website Changes: Insider Secrets To Doubling Your Online leads5 Simple Website Changes: Insider Secrets To Doubling Your Online leads
5 Simple Website Changes: Insider Secrets To Doubling Your Online leads
 
How to identify a good manager
How to identify a good manager  How to identify a good manager
How to identify a good manager
 
Top 10 general mills cover letter samples
Top 10 general mills cover letter samplesTop 10 general mills cover letter samples
Top 10 general mills cover letter samples
 
Example Essay On Pollution. Online assignment writing service.
Example Essay On Pollution. Online assignment writing service.Example Essay On Pollution. Online assignment writing service.
Example Essay On Pollution. Online assignment writing service.
 
Top 10 happy state bank cover letter samples
Top 10 happy state bank cover letter samplesTop 10 happy state bank cover letter samples
Top 10 happy state bank cover letter samples
 
Braking News- September 2014
Braking News- September 2014Braking News- September 2014
Braking News- September 2014
 
Strategies to Strengthen Employee Engagement & Communication
Strategies to Strengthen Employee Engagement & CommunicationStrategies to Strengthen Employee Engagement & Communication
Strategies to Strengthen Employee Engagement & Communication
 
Chamber Customer Service August Presentation
Chamber Customer Service August PresentationChamber Customer Service August Presentation
Chamber Customer Service August Presentation
 
Solving the Puzzle
Solving the PuzzleSolving the Puzzle
Solving the Puzzle
 
Standout Subject Lines
Standout Subject LinesStandout Subject Lines
Standout Subject Lines
 
Harvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And AdviceHarvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And Advice
 
Harvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And AdviceHarvard Brown Interview Tips And Advice
Harvard Brown Interview Tips And Advice
 
May 30th 2015 workshop presentation (slide share sample)
May 30th 2015 workshop presentation (slide share sample)May 30th 2015 workshop presentation (slide share sample)
May 30th 2015 workshop presentation (slide share sample)
 

More from Code for America

Rethinking and Reshaping Broken Systems - New Profit Gathering of Leaders
Rethinking and Reshaping Broken Systems - New Profit Gathering of LeadersRethinking and Reshaping Broken Systems - New Profit Gathering of Leaders
Rethinking and Reshaping Broken Systems - New Profit Gathering of LeadersCode for America
 
Pittsburgh Regional Open Data Program
Pittsburgh Regional Open Data Program Pittsburgh Regional Open Data Program
Pittsburgh Regional Open Data Program Code for America
 
Making Open Data Useful: Citygram
Making Open Data Useful: CitygramMaking Open Data Useful: Citygram
Making Open Data Useful: CitygramCode for America
 
Designing With and For People- Jess McMullin
Designing With and For People- Jess McMullinDesigning With and For People- Jess McMullin
Designing With and For People- Jess McMullinCode for America
 
Alternative Funding Models for Civic Projects- Rodrigo Davies
Alternative Funding Models for Civic Projects- Rodrigo DaviesAlternative Funding Models for Civic Projects- Rodrigo Davies
Alternative Funding Models for Civic Projects- Rodrigo DaviesCode for America
 
Alternative Funding Models for Civic Projects- Neighbor.ly
Alternative Funding Models for Civic Projects- Neighbor.lyAlternative Funding Models for Civic Projects- Neighbor.ly
Alternative Funding Models for Civic Projects- Neighbor.lyCode for America
 
Peak Academy: Building a Culture of Innovation in Government
Peak Academy: Building a Culture of Innovation in GovernmentPeak Academy: Building a Culture of Innovation in Government
Peak Academy: Building a Culture of Innovation in GovernmentCode for America
 
Closing the Divide- Sheila Dugan
Closing the Divide- Sheila DuganClosing the Divide- Sheila Dugan
Closing the Divide- Sheila DuganCode for America
 
Cities and Startups: Cultivating Deep Engagement
Cities and Startups: Cultivating Deep EngagementCities and Startups: Cultivating Deep Engagement
Cities and Startups: Cultivating Deep EngagementCode for America
 
Fellowship Spotlight- Atlanta
Fellowship Spotlight- AtlantaFellowship Spotlight- Atlanta
Fellowship Spotlight- AtlantaCode for America
 
Fellowship Spotlight- Charlotte
Fellowship Spotlight- CharlotteFellowship Spotlight- Charlotte
Fellowship Spotlight- CharlotteCode for America
 
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...Code for America
 
Defaulting to Open- Ryan Buell
Defaulting to Open- Ryan Buell Defaulting to Open- Ryan Buell
Defaulting to Open- Ryan Buell Code for America
 
21st Century Procurement: Citymart
21st Century Procurement: Citymart21st Century Procurement: Citymart
21st Century Procurement: CitymartCode for America
 
Fellowship Spotlight: Chattanooga
Fellowship Spotlight: ChattanoogaFellowship Spotlight: Chattanooga
Fellowship Spotlight: ChattanoogaCode for America
 
Fellowship Spotlight- Lexington
Fellowship Spotlight- LexingtonFellowship Spotlight- Lexington
Fellowship Spotlight- LexingtonCode for America
 

More from Code for America (20)

Rethinking and Reshaping Broken Systems - New Profit Gathering of Leaders
Rethinking and Reshaping Broken Systems - New Profit Gathering of LeadersRethinking and Reshaping Broken Systems - New Profit Gathering of Leaders
Rethinking and Reshaping Broken Systems - New Profit Gathering of Leaders
 
Pittsburgh Regional Open Data Program
Pittsburgh Regional Open Data Program Pittsburgh Regional Open Data Program
Pittsburgh Regional Open Data Program
 
Making Open Data Useful: Citygram
Making Open Data Useful: CitygramMaking Open Data Useful: Citygram
Making Open Data Useful: Citygram
 
Designing With and For People- Jess McMullin
Designing With and For People- Jess McMullinDesigning With and For People- Jess McMullin
Designing With and For People- Jess McMullin
 
Alternative Funding Models for Civic Projects- Rodrigo Davies
Alternative Funding Models for Civic Projects- Rodrigo DaviesAlternative Funding Models for Civic Projects- Rodrigo Davies
Alternative Funding Models for Civic Projects- Rodrigo Davies
 
Alternative Funding Models for Civic Projects- Neighbor.ly
Alternative Funding Models for Civic Projects- Neighbor.lyAlternative Funding Models for Civic Projects- Neighbor.ly
Alternative Funding Models for Civic Projects- Neighbor.ly
 
Cloud-based Collaboration
Cloud-based CollaborationCloud-based Collaboration
Cloud-based Collaboration
 
Peak Academy: Building a Culture of Innovation in Government
Peak Academy: Building a Culture of Innovation in GovernmentPeak Academy: Building a Culture of Innovation in Government
Peak Academy: Building a Culture of Innovation in Government
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Open Data on Any Budget
Open Data on Any BudgetOpen Data on Any Budget
Open Data on Any Budget
 
Closing the Divide- Sheila Dugan
Closing the Divide- Sheila DuganClosing the Divide- Sheila Dugan
Closing the Divide- Sheila Dugan
 
Cities and Startups: Cultivating Deep Engagement
Cities and Startups: Cultivating Deep EngagementCities and Startups: Cultivating Deep Engagement
Cities and Startups: Cultivating Deep Engagement
 
Fellowship Spotlight- Atlanta
Fellowship Spotlight- AtlantaFellowship Spotlight- Atlanta
Fellowship Spotlight- Atlanta
 
Fellowship Spotlight- Charlotte
Fellowship Spotlight- CharlotteFellowship Spotlight- Charlotte
Fellowship Spotlight- Charlotte
 
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...
140 Characters, Not Flying Cars: Maybe We Got Just What We Needed After All- ...
 
Defaulting to Open- Ryan Buell
Defaulting to Open- Ryan Buell Defaulting to Open- Ryan Buell
Defaulting to Open- Ryan Buell
 
21st Century Procurement: Citymart
21st Century Procurement: Citymart21st Century Procurement: Citymart
21st Century Procurement: Citymart
 
Fellowship Spotlight: Chattanooga
Fellowship Spotlight: ChattanoogaFellowship Spotlight: Chattanooga
Fellowship Spotlight: Chattanooga
 
Transitmix Spotlight
Transitmix SpotlightTransitmix Spotlight
Transitmix Spotlight
 
Fellowship Spotlight- Lexington
Fellowship Spotlight- LexingtonFellowship Spotlight- Lexington
Fellowship Spotlight- Lexington
 

Health Information Breakout

  • 1. @mollyampersand YOU can design better health information! With your host Molly McLeod molly@codeforamerica.org
  • 2. I can’t help thinking about how things could be better. @mollyampersand
  • 5. REMEMBER ONE BUT MORE @mollyampersand
  • 6. This is helpful @mollyampersand
  • 7. Not clearly organized @mollyampersand
  • 9. Wait… @mollyampersand This is the information I need!
  • 12. Design isn’t (only) making things pretty. @mollyampersand
  • 13. Design is how things work. @mollyampersand
  • 15. Bad design kills people. @mollyampersand
  • 16. Health literacy matters. @mollyampersand
  • 17. 9 in 10 Americans have limited health literacy @mollyampersand
  • 18. Courtesy of CommunicateHealth @mollyampersand
  • 19. @mollyampersand v v Courtesy of CommunicateHealth
  • 20. What can we do? @mollyampersand
  • 21. What can we do? Write in plain language! @mollyampersand
  • 22. What can we do? Write in plain language! Design clearer information! @mollyampersand
  • 24. Audience Who are they? What are their needs? @mollyampersand
  • 25. Goals What do they need to know? What’s your main message? @mollyampersand
  • 26. Hierarchy What’s the order in which they need to know the information? @mollyampersand
  • 27. Call to Action What do they need to do next? @mollyampersand
  • 28. Choosing a Font Sans Serif Comic Sans Helvetica Apply for CalFresh @mollyampersand Apply for CalFresh Times New Roman Apply for CalFresh Papyrus Apply for CalFresh! Serif These fonts are harder to read.
  • 29. Choosing a Font Apply for CalFresh Montserrat Calibri Apply for CalFresh Apply for CalFresh Source Sans Mission Gothic @mollyampersand Apply for CalFresh Sans serif fonts are usually easier to read.
  • 30. Font Size (Print) 22-48 pt: headers 12-16 pt: paragraph/body text 8-11 pt: honey I shrunk the type! @mollyampersand
  • 31. Line Length 20+ words per line: too long 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. 10-15 words per line: just right 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. @mollyampersand
  • 32. Line Spacing 1 / 100%: so tight 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. 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. @mollyampersand
  • 33. Hierarchy @mollyampersand Apply for Medi-Cal Frequently Asked Questions How does Covered California work with Medi-Cal? Covered California will act as a “one-stop shop” for health insurance. Not enough Too much Juuuust right Apply for Medi-Cal Frequently Asked Questions How does Covered California work with Medi-Cal? Covered California will act as a “one-stop shop” for health insurance. Apply for Medi-Cal Frequently Asked Questions How does Covered California work with Medi-Cal? Covered California will act as a “one-stop shop” for health insurance.
  • 35. Summary @mollyampersand Sans Serif Make it big! 12-16 pt for body text 10-15 words per line 1.2-1.4 spacing Medi-Cal eligibility is now simpler than ever. For most individuals, Medi-Cal eligibility will be based on your household size and your income. Fonts Font Size Line Length & Spacing Hierarchy Create a clear path for the eye to follow Layout Keep it simple
  • 36. @mollyampersand Questions? Y’all are design experts already, I know it.
  • 38. 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? @mollyampersand Circle it! Draw on it! Mark it up! Sketch something new!
  • 39. Build up time! @mollyampersand
  • 40. You can design. Go forth and redesign all the things! Molly McLeod molly@codeforamerica.org @mollyampersand