Download - Design in Elections
![Page 1: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/1.jpg)
Evolution of Design in ElectionsGood design and clear language makesa better election experience
EAC Roundtable discussionAugust 11, 2011
Whitney QuesenberyUsability in Civic Lifehttp://usabilityinciviclife.org
Twitter@whitneyq#BReady2012
![Page 2: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/2.jpg)
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
![Page 3: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/3.jpg)
3
How far have
we come?
![Page 4: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/4.jpg)
4
Chicago judicial retention ballot
Redesign by Design for Democracy 2002
![Page 5: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/5.jpg)
5
Voting instructions
Redesign by Design for Democracy
![Page 6: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/6.jpg)
6
Minnesota absentee ballot instructions
Redesign by Usability in Civic Life for the Minnesota Secretary of State, 2009
![Page 7: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/7.jpg)
7
Redesign concept for New York ballots
Redesign by Oxide Design, 2011
![Page 8: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/8.jpg)
8
Best Practices:
Design ballots to
be easy to read
![Page 9: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/9.jpg)
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
![Page 10: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/10.jpg)
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
![Page 11: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/11.jpg)
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
![Page 12: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/12.jpg)
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
![Page 13: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/13.jpg)
13
Best Practices:
Use design for
organization and
meaning
![Page 14: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/14.jpg)
14
Use color and contrast in
meaningful ways
Shading and color create hierarchy of importance
Separate instructions and contests
Highlight selections
Emphasize important information
![Page 15: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/15.jpg)
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
![Page 16: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/16.jpg)
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
![Page 17: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/17.jpg)
17
Use layout to reinforce
organization and meaning
Don’t hide contests below instructions
King County, 2009
![Page 18: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/18.jpg)
18
What holds us
back?Photo from the Trace Center
![Page 19: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/19.jpg)
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?
![Page 20: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/20.jpg)
20
Election departments
don’t have (enough)
design resources
We need more programs like the AIGA Election Design Fellowships in Oregon and Washington
![Page 21: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/21.jpg)
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
![Page 22: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/22.jpg)
22
Voters can tell the
difference
Participants in a study of instruction styles overwhelmingly preferred the plain language version
Report of Findings: Use of Language in Ballot Instructions, NIST IR 7556
No preference
Plain language version
Traditional version
0 10 20 30 40 50 60 70 80 90
9
82
9
Preference for style of instruc-tions
(% of participants)
![Page 23: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/23.jpg)
23
Everything gets usability tested…
will it be before or during the election?
![Page 24: Design in Elections](https://reader035.vdocuments.us/reader035/viewer/2022062617/54c782974a79599a2f8b45fb/html5/thumbnails/24.jpg)
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