• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Reader-Centered Design for Online Health Information
 

Reader-Centered Design for Online Health Information

on

  • 1,654 views

Presented by CommunicateHealth, Inc. at UPA Boston's 11th Annual Usability & User Experience Conference, May 7, 2012.

Presented by CommunicateHealth, Inc. at UPA Boston's 11th Annual Usability & User Experience Conference, May 7, 2012.

Statistics

Views

Total Views
1,654
Views on SlideShare
1,120
Embed Views
534

Actions

Likes
2
Downloads
0
Comments
0

4 Embeds 534

http://www.communicatehealth.com 528
http://communicatehealth.com 4
http://webcache.googleusercontent.com 1
http://communicatehealth.brainstormmedia.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Reader-Centered Design for Online Health Information Reader-Centered Design for Online Health Information Presentation Transcript

    •  Reader-­‐Centered  Design  for    Online  Health  Communica8on                      Sarah  Pomerantz,  Usability  Associate  Mel  Choyce,  Web  Designer  Molly  McLeod,  Crea=ve  Director  
    • CommunicateHealth  
    • Agenda   +  Intro  to  health  literacy     +  5  strategies  for  reader-­‐centered  design   ① Write  ac=onable  content   ② Organize  content   ③ Choose  reader-­‐friendly  web  fonts   ④ Display  content  clearly   ⑤ Create  visual  hierarchy       +  Ques=ons?  
    • Health  Literacy  Online  •  http://healthfinder.gov/•  http://www.health.gov/healthliteracyonline/•  http://www.usability.gov/guidelines/index.html
    • Why  worry  about  literacy?   Almost  half  of  Americans  have  limited   literacy  skills.    Source: Kutner, M., Greenberg, E., Jin, Y., & Paulsen, C. (2006). The health literacy ofAmericas adults: Results from the 2003 National Assessment of Adult Literacy.
    • Why  worry  about  health  literacy?   About  9  in  10  Americans  have  limited  health   literacy  skills.    Source: Kutner, M., Greenberg, E., Jin, Y., & Paulsen, C. (2006). The health literacy ofAmericas adults: Results from the 2003 National Assessment of Adult Literacy.
    • What  it  means  to  have  low  literacy:  From  epa.gov’s  “Basic  Informa=on  on  Asthma”  page  
    • What  is…?  
    • How  is  health  literacy  different?  
    • What  we  know…   Users  with  limited  literacy  skills  are…     +  Willing  to  use  the  Web  to  access  health   informa=on   +  Able  to  accomplish  tasks  when  Web  sites   are  designed  well    Source:  U.S.  Department  of  Health  and  Human  Services,  Office  of  Disease  Preven=on  and  Health  Promo=on.  (2010).  Health  literacy  online:  A  guide  to  wri4ng  and  designing  easy-­‐to-­‐use  health  Web  sites.    
    • ALL  users  benefit  from  improved  readability  and  usability     Comparing  =me-­‐on-­‐task  on  the  original  site  with  a  prototype   (designed  to  support  users  with  limited  literacy  skills):     Time on Task Original Site" Prototype" Improvement" (Mean)" High Literacy Users: High literacy" 14:19" 5:05" +182%" 3x as fast with the revised site Lower literacy" 22:16" 9:30" +134%" 93% success rate on revised site All users" 17:50" 6:45" +164%" (compared to 68% with original) Source:  Summers,  K.,  &  Summers,  M.  (2005).  Reading  and  naviga4onal  strategies  of  Web   users  with  lower  literacy  skills.  
    • Strategy  1   Write  ac=onable  content  
    • Wri=ng  for  Ac=on   Which  page  would  be  most  helpful  if  your  child   had  asthma?     ① “About  asthma”     ② “Asthma  symptoms”   ③ “Prevent  asthma  acacks  at  home”  
    • Just  the  Basics   What  do  your  users  need  to  know  to  take  ac=on?             Hint:  Focus  on  the  behavior  rather  than   background  informa=on  and  sta=s=cs.    
    • Priori=ze  the  Behavior   ✗ Asthma  makes  breathing  difficult  for  more  than  34   million  Americans.   ✗ Asthma  in  cor  symptoms  tof  arsthma,  kwith  nd  adults   treatment  f hildren  is  on   he   ise,  but   ids  a proper   can  live  well.   ✓ If  someone  if  tyour  fcamily  has  auses  of  start  by   n   gegng  rid  o hese   ommon  c asthma,   acacks:   +  Mold  or  dampness   +  Cockroaches   +  Secondhand  smoke  
    • Strategy  2   Organize  content  
    • Using  Labels   Which  link  will  have  info  on  asthma  triggers?     ① Air  Pollu=on  &  Respiratory  Health     ② Indoor  Air  Quality     ③ Asthma  and  Allergies      
    • Use  Labels  Your  Users  Know   Allergies   Mold   Carbon   Asthma   Monoxide   Healthy   Air  
    • Strategy  3   Choose  reader-­‐friendly  web  fonts  
    •    Old  Web  Safe  Fonts   Arial Comic Sans Courier New Georgia Helvetica" Tahoma Times New Roman Trebuchet MS Verdana
    •    Web  Font  Renaissance   Sources:  The  COOP  (hcp://coworkchicago.com/),  American  Teilhard  Associa4on  ( hcp://www.teilharddechardin.org/),  Moresoda  (hcp://moresoda.co.uk/),  Life  in  Greenville,   South  Carolina  (hcp://lifeingreenville.com/)  
    •    Web  Font  Renaissance   Source:  HealthyHomes,  launching  this  summer  
    •    But  how  do  I  choose…?   Source:  Google  Web  Fonts  (hcp://www.google.com/webfonts)  
    •    Know  Your  Audience   +  Who  is  your  target  audience?   +  Does  that  audience  have  any   specific  reading  problems  or   disabili=es?   +  Remember:   +  “The  number  of  older  adults  using   the  Internet  con=nues  to  grow.  Age-­‐ related  changes  in  vision,  hearing,   and  cogni=on  affect  older  adults’  use   of  the  Internet.”     Source:  U.S.  Department  of  Health  and  Human  Services,  Office  of  Disease  Preven=on  and   Health  Promo=on.  (2010).  Health  literacy  online:  A  guide  to  wri4ng  and  designing  easy-­‐to-­‐ use  health  Web  sites.    
    •    Font  Style   Consider  sans-­‐serif  fonts   +  This is Verdana, a sans-serif font +  This is Georgia, a serif font
    •    Stroke  Width   Use  fonts  with  equal  stroke  width  
    •    Lecer  Width   Use  fonts  with  medium  leAer  width  
    •    Counter  Space   Use  fonts  with  open  counter  space  
    •    X-­‐Height   Use  fonts  with  tall  x-­‐heights  
    •    Mul=ple  Font  Weights   +  Open Sans +  Droid Sans Source:  Google  Web  Fonts  (hcp://www.google.com/webfonts)  
    •    Fonts  in  Context   Text  Source:  healthfinder.gov     (hcp://healthfinder.gov/preven=on/ViewTopic.aspx?topicID=86&cnt=1&areaID=1)      
    • Why  does  typography  macer?   Web  users  with  limited  literacy  skills  tend  to   skip  over  content  with:     +  Dense  “walls”  of  text   +  Long  sentences   +  Long  words   +  Paragraphs  with  more  than  3  lines     Source:  U.S.  Department  of  Health  and  Human  Services,  Office  of  Disease  Preven=on   and  Health  Promo=on.  (2010).  Health  literacy  online:  A  guide  to  wri=ng  and  designing   easy-­‐to-­‐use  health  Web  sites.    
    • Oh  dear…   Source:  hcp://r=ps.cancer.gov/r=ps    
    • Strategy  4   Display  content  clearly  
    • Text  Size   ✗ Less  than  16px   ✓ 16-­‐20  px  
    • Line  Length   ✗ 20-­‐24  words  per  line   ✓ 9-­‐12  words  per  line  
    • Line  Height     ✗ 100%   ✓ 120-­‐150%  
    • Strategy  5   Create  visual  hierarchy  
    • Header  Hierarchy   ✗ ✗ ✓
    • Paragraph  Formagng   ✓ ✗
    • White  Space   ✓ ✗
    • Before  &  Aser   hcp://r=ps.cancer.gov/r=ps    
    • Health  informa=on  for  the  90%!   75%   60%   Searching  for  health   of  adults  have   of  adults  have   informa=on  is  one  of   looked  for  health  or   searched  for  health   the  top  3  most  popular   medical  informa=on.   informa=on  online.   online  ac=vi=es.  Sources:  U.S.  Department  of  Health  and  Human  Services,  Office  of  Disease  Preven=on  and  Health  Promo=on  (2010).  Health  literacy  online:  A  guide  to  wri=ng  and  designing  easy-­‐to-­‐use  health  web  sites.  Retrieved  from:  hcp://www.health.gov/healthliteracyonline/why.htm    Na=onal  Center  for  Educa=on  Sta=s=cs.  (2006).  The  Health  Literacy  of  America’s  Adults:  Results  From  the  2003  Na=onal  Assessment  of  Adult  Literacy.  Washington,  DC:  U.S.  Department  of  Educa=on.  Retrieved  from:  hcp://nces.ed.gov/pubs2006/2006483.pdf    Fox,  S.  (2006).  Online  health  search  2006.  Washington,  DC:  Pew  Internet  and  American  Life  Project.  Retrieved  from:  www.pewinternet.org/~/media//Files/Reports/2006/PIP_Online_Health_2006.pdf.pdf    U.S.  Na=onal  Cancer  Ins=tute.  (2007).  Health  Communica=on—HINTS  2005.    Retrieved  from  hcp://hints.cancer.gov/topic.aspx?sec=on=Health+Communica=on  
    • Resources:   +  Health  Literacy  Online:   hcp://www.health.gov/healthliteracyonline/       +  Center  for  Plain  Language:   hcp://centerforplainlanguage.org/     +  Accessible  Design  Guidelines:   hcp://www.peterfreedman.com/design-­‐research    
    • Thanks!  Ques=ons?   +  Sarah  Pomerantz   sarah@communicatehealth.com     +  Mel  Choyce   mel@communicatehealth.com   +  Molly  McLeod   molly@communicatehealth.com     +  @CommunicateHlth     +  www.communicatehealth.com