health information breakout

@mollyampersand

Code for America Summit 2014

YOU can design better health information!

With your host Molly McLeod [email protected]

@mollyampersand


I can’t help thinking about how things could be better.

@mollyampersand


@mollyampersand


Steps?

@mollyampersand


REMEMBER

BUT MORE

ONE

@mollyampersand


This is helpful

@mollyampersand


Not clearly organized

@mollyampersand


Not necessary

@mollyampersand


Wait…

This is the information I need!

@mollyampersand


@mollyampersand


In other words...

@mollyampersand


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


v

v

Courtesy of CommunicateHealth

@mollyampersand


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


Design 101

@mollyampersand


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

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.

@mollyampersand


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.

@mollyampersand


12-16 pt: paragraph/body text

Font Size (Print)

22-48 pt: headers

8-11 pt: honey I shrunk the type!

@mollyampersand


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.


20+ words per line: too long

10-15 words per line: just right

@mollyampersand


Line Spacing

1 / 100%: so tight

1.2-1.4 / 120%-140%: ahh, breathing room



@mollyampersand


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





@mollyampersand


Layout

@mollyampersand


Summary


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

@mollyampersand


Questions? Y’all are design experts already, I know it.

@mollyampersand


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?

Circle it! Draw on it! Mark it up! Sketch something new!

@mollyampersand


Build up time!

@mollyampersand


Go forth and redesign all the things!

You can design. Molly McLeod [email protected]

health information breakout

Documents