SlideShare a Scribd company logo
1 of 24
Evolution of Design in Elections
Good design and clear language makes
a better election experience


EAC Roundtable discussion
August 11, 2011

Whitney Quesenbery
Usability in Civic Life
http://usabilityinciviclife.org


 Twitter
 @whitneyq
 #BReady2012
2




                                                 Design, plain
                                                 language, and usability
                                                 all start with people
                                                 A good voting experience takes
                                                    Good design
                                                    Clear information
                                                    Easy to understand
                                                     interaction
                                                 All working together!
photo from Susan King Roth “Disenfranchised by
Design” ID Journal, 1998
3




How far have
we come?
4




Chicago judicial retention ballot




                                    Redesign by Design for Democracy 2002
5




Voting instructions




                      Redesign by Design for Democracy
6




Minnesota absentee ballot instructions




                 Redesign by Usability in Civic Life for the Minnesota Secretary of State, 2009
7




Redesign concept for New York ballots




                                        Redesign by Oxide Design, 2011
8




Best Practices:
Design ballots to
be easy to read
9




Make the text large enough


   One of the most frequent
    complaints from voters in usability
    tests is the size of the text on
    paper ballots
10




Use lowercase letters, not
ALL CAPITAL LETTERS
   The shapes of the letters are not
    as distinct.
   Lines of text look more crowded
   In social media, capital letters are
    like shouting
11




Align text on the left,
instead of centering it
Strong alignment makes the ballot
easier to scan
     Ballot identification header

     Contests and candidates

     Ballot questions

     Instructions
12




Pick one font


The best practices suggest
     Use a single font family

     Pick a sans-serif font

     Use size and weight (bold or
      light fonts) for emphasis
13




Best Practices:
Use design for
organization and
meaning
14




Use color and contrast in
meaningful ways
Shading and color create hierarchy
of importance
     Separate instructions and
      contests

     Highlight selections

     Emphasize important
      information
15




Place instructions to guide
voters through the ballot
Put instructions where they are
needed
      In the upper-left or first column

      Before the first contest.

      When instructions change

      At the end of a form
16




                                   Use layout to reinforce
                                   organization and meaning
                                   Don’t split contests


                                         Sample ballots in Ohio in 2008
                                          also split the first contest across
                                          two columns




Kewaunee County, Wisconsin, 2002
17




                    Use layout to reinforce
                    organization and meaning
                    Don’t hide contests below instructions




King County, 2009
18




                              What holds us
                              back?
Photo from the Trace Center
19




We negotiate design in
legal markup, not as it
will be seen by voters

   How can anyone understand
    what this will look like?


   How can we know whether it will
    be usable?
20




Election departments
don’t have (enough)
design resources
   We need more programs like the
    AIGA Election Design Fellowships
    in Oregon and Washington
21




                                             We don’t spend (enough)
                                             time learning from voters
                                                Usability testing does not have to
                                                 be formal or expensive.


                                                Observing usability tests is not the
                                                 same as demos, meetings,
                                                 hearings or consultations.

Poster from Washington State, Jenny Greeve
23
Everything gets usability tested…
will it be before or during the election?
24




The Usability in Civic Life project promotes usability in elections, plain language
and accessibility.
We….
     mobilize usability professionals to participate in projects supporting better
     election design.
     teach workshops and give presentations for election officials on usability
     testing, design and plain language
     created the LEO usability testing kit for election officials


http://usabilityinciviclife.org
http://civicdesigning.org

More Related Content

Similar to Design in Elections

Shadow Election USA Concept May 2012
Shadow Election USA Concept May 2012Shadow Election USA Concept May 2012
Shadow Election USA Concept May 2012
shadowelectionusa
 
Pick1 by Doochoo, presentation, English v1.3
Pick1 by Doochoo, presentation, English v1.3Pick1 by Doochoo, presentation, English v1.3
Pick1 by Doochoo, presentation, English v1.3
Paolo Privitera
 

Similar to Design in Elections (20)

Usability in Civic Life
Usability in Civic Life Usability in Civic Life
Usability in Civic Life
 
Reventing How America Votes Through Open Source Solutions - Gregory Miller OS...
Reventing How America Votes Through Open Source Solutions - Gregory Miller OS...Reventing How America Votes Through Open Source Solutions - Gregory Miller OS...
Reventing How America Votes Through Open Source Solutions - Gregory Miller OS...
 
Defects by design: Ballots that fool voters
Defects by design: Ballots that fool votersDefects by design: Ballots that fool voters
Defects by design: Ballots that fool voters
 
IACREOT - Plain language for voters and poll workers
IACREOT - Plain language for voters and poll workersIACREOT - Plain language for voters and poll workers
IACREOT - Plain language for voters and poll workers
 
Design and Critique for Challenging Problems
Design and Critique for Challenging ProblemsDesign and Critique for Challenging Problems
Design and Critique for Challenging Problems
 
Usability for Port Chester Votes
Usability for Port Chester VotesUsability for Port Chester Votes
Usability for Port Chester Votes
 
Ux of voting
Ux of voting Ux of voting
Ux of voting
 
The UX of Voting
The UX of VotingThe UX of Voting
The UX of Voting
 
Designing a ballot: art AND science
Designing a ballot: art AND scienceDesigning a ballot: art AND science
Designing a ballot: art AND science
 
Making Voting Accessible
Making Voting Accessible Making Voting Accessible
Making Voting Accessible
 
Designing the voting experience: Making elections easy for voters to understand
Designing the voting experience: Making elections easy for voters to understandDesigning the voting experience: Making elections easy for voters to understand
Designing the voting experience: Making elections easy for voters to understand
 
Super powers that could change the world
Super powers that could change the worldSuper powers that could change the world
Super powers that could change the world
 
Shadow Election USA Concept May 2012
Shadow Election USA Concept May 2012Shadow Election USA Concept May 2012
Shadow Election USA Concept May 2012
 
Shadow Election Intro
Shadow Election IntroShadow Election Intro
Shadow Election Intro
 
Breaking Barriers: Ballot Access and Plain Language
Breaking Barriers: Ballot Access and Plain LanguageBreaking Barriers: Ballot Access and Plain Language
Breaking Barriers: Ballot Access and Plain Language
 
Architecture of Structured Dialogic Design
Architecture of Structured Dialogic DesignArchitecture of Structured Dialogic Design
Architecture of Structured Dialogic Design
 
Pick1 by Doochoo, presentation, English v1.3
Pick1 by Doochoo, presentation, English v1.3Pick1 by Doochoo, presentation, English v1.3
Pick1 by Doochoo, presentation, English v1.3
 
Heierbacher 2009 Kettering Report
Heierbacher 2009 Kettering ReportHeierbacher 2009 Kettering Report
Heierbacher 2009 Kettering Report
 
Heierbacher Kettering Report Pdf
Heierbacher Kettering Report PdfHeierbacher Kettering Report Pdf
Heierbacher Kettering Report Pdf
 
What you can learn from usability testing
What you can learn from usability testingWhat you can learn from usability testing
What you can learn from usability testing
 

More from Whitney Quesenbery

Using Personas and Stories Effectively - Workshop for TriUXPA
Using Personas and Stories Effectively - Workshop for TriUXPAUsing Personas and Stories Effectively - Workshop for TriUXPA
Using Personas and Stories Effectively - Workshop for TriUXPA
Whitney Quesenbery
 

More from Whitney Quesenbery (20)

Designing for difference: Are you failing at the most important design challenge
Designing for difference: Are you failing at the most important design challengeDesigning for difference: Are you failing at the most important design challenge
Designing for difference: Are you failing at the most important design challenge
 
Storytelling: Finding the insights in research data
Storytelling: Finding the insights in research data Storytelling: Finding the insights in research data
Storytelling: Finding the insights in research data
 
Storytelling makes research data come to life
Storytelling makes research data come to lifeStorytelling makes research data come to life
Storytelling makes research data come to life
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Accessibility Basics
Accessibility BasicsAccessibility Basics
Accessibility Basics
 
Writing Great Alt Text
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt Text
 
Plain language is accessibility for content
Plain language is accessibility for contentPlain language is accessibility for content
Plain language is accessibility for content
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UX
 
Accessibility as innovation
Accessibility as innovationAccessibility as innovation
Accessibility as innovation
 
Usability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheapUsability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheap
 
Writing Great Alt Text
Writing Great Alt TextWriting Great Alt Text
Writing Great Alt Text
 
Don't Make Me Read
Don't Make Me ReadDon't Make Me Read
Don't Make Me Read
 
Plain language (accessibility for content)
Plain language (accessibility for content)Plain language (accessibility for content)
Plain language (accessibility for content)
 
The power of stories: creating empathy and connection
The power of stories: creating empathy and connectionThe power of stories: creating empathy and connection
The power of stories: creating empathy and connection
 
Personas for Accessible UX
Personas for Accessible UXPersonas for Accessible UX
Personas for Accessible UX
 
Accessibility as Innovation: Creating accessible user experiences
Accessibility as Innovation: Creating accessible user experiencesAccessibility as Innovation: Creating accessible user experiences
Accessibility as Innovation: Creating accessible user experiences
 
Usability meets accessibility
Usability meets accessibilityUsability meets accessibility
Usability meets accessibility
 
Using Personas and Stories Effectively - Workshop for TriUXPA
Using Personas and Stories Effectively - Workshop for TriUXPAUsing Personas and Stories Effectively - Workshop for TriUXPA
Using Personas and Stories Effectively - Workshop for TriUXPA
 
Persona Stories: Weaving together quant & qual for a richer picture
Persona Stories: Weaving together quant & qual for a richer picturePersona Stories: Weaving together quant & qual for a richer picture
Persona Stories: Weaving together quant & qual for a richer picture
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

Design in Elections

  • 1. Evolution of Design in Elections Good design and clear language makes a better election experience EAC Roundtable discussion August 11, 2011 Whitney Quesenbery Usability in Civic Life http://usabilityinciviclife.org Twitter @whitneyq #BReady2012
  • 2. 2 Design, plain language, and usability all start with people A good voting experience takes  Good design  Clear information  Easy to understand interaction All working together! photo from Susan King Roth “Disenfranchised by Design” ID Journal, 1998
  • 4. 4 Chicago judicial retention ballot Redesign by Design for Democracy 2002
  • 5. 5 Voting instructions Redesign by Design for Democracy
  • 6. 6 Minnesota absentee ballot instructions Redesign by Usability in Civic Life for the Minnesota Secretary of State, 2009
  • 7. 7 Redesign concept for New York ballots Redesign by Oxide Design, 2011
  • 8. 8 Best Practices: Design ballots to be easy to read
  • 9. 9 Make the text large enough  One of the most frequent complaints from voters in usability tests is the size of the text on paper ballots
  • 10. 10 Use lowercase letters, not ALL CAPITAL LETTERS  The shapes of the letters are not as distinct.  Lines of text look more crowded  In social media, capital letters are like shouting
  • 11. 11 Align text on the left, instead of centering it Strong alignment makes the ballot easier to scan  Ballot identification header  Contests and candidates  Ballot questions  Instructions
  • 12. 12 Pick one font The best practices suggest  Use a single font family  Pick a sans-serif font  Use size and weight (bold or light fonts) for emphasis
  • 13. 13 Best Practices: Use design for organization and meaning
  • 14. 14 Use color and contrast in meaningful ways Shading and color create hierarchy of importance  Separate instructions and contests  Highlight selections  Emphasize important information
  • 15. 15 Place instructions to guide voters through the ballot Put instructions where they are needed  In the upper-left or first column  Before the first contest.  When instructions change  At the end of a form
  • 16. 16 Use layout to reinforce organization and meaning Don’t split contests  Sample ballots in Ohio in 2008 also split the first contest across two columns Kewaunee County, Wisconsin, 2002
  • 17. 17 Use layout to reinforce organization and meaning Don’t hide contests below instructions King County, 2009
  • 18. 18 What holds us back? Photo from the Trace Center
  • 19. 19 We negotiate design in legal markup, not as it will be seen by voters  How can anyone understand what this will look like?  How can we know whether it will be usable?
  • 20. 20 Election departments don’t have (enough) design resources  We need more programs like the AIGA Election Design Fellowships in Oregon and Washington
  • 21. 21 We don’t spend (enough) time learning from voters  Usability testing does not have to be formal or expensive.  Observing usability tests is not the same as demos, meetings, hearings or consultations. Poster from Washington State, Jenny Greeve
  • 22.
  • 23. 23 Everything gets usability tested… will it be before or during the election?
  • 24. 24 The Usability in Civic Life project promotes usability in elections, plain language and accessibility. We…. mobilize usability professionals to participate in projects supporting better election design. teach workshops and give presentations for election officials on usability testing, design and plain language created the LEO usability testing kit for election officials http://usabilityinciviclife.org http://civicdesigning.org