iterations paper prototype

84
Usability test of ballot paper prototypes for tablet - design iterations University of Baltimore Drew Davies Dana Chisnell Kathryn Summers Megan McKeever November 11-14, 2012

Upload: dana-chisnell

Post on 28-Jan-2015

114 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Iterations   paper prototype

Usability test of ballot paper prototypes for tablet - design iterationsUniversity of BaltimoreDrew DaviesDana ChisnellKathryn SummersMegan McKeever

November 11-14, 2012

Page 2: Iterations   paper prototype

Iteration 1

Page 3: Iterations   paper prototype

Iteration 2 Localizes the ballot for the testing location.

Page 4: Iterations   paper prototype

Iteration 3Reorients to vertical from horizontal, getting ready for tiny screens.

Page 5: Iterations   paper prototype

Instructions to voters

Page 6: Iterations   paper prototype

Iteration 1 Appears after the title screen. Text comes from NIST research.

Page 7: Iterations   paper prototype

Iteration 2 Corrects emphasis in the first paragraph.

Page 8: Iterations   paper prototype

Iteration 3 Added illustration, which did not seem to help.

Page 9: Iterations   paper prototype

Iteration 4Moved from horizontal to vertical changes the proportions, which feels different.

Page 10: Iterations   paper prototype

Iteration 5Added a simpler illustration back into the vertical version.

Page 11: Iterations   paper prototype

Help versionHere we added a pointer to the supplemental content that acts like context help.

Page 12: Iterations   paper prototype

Straight party voting

Page 13: Iterations   paper prototype

Iteration 1 The NIST ballot includes straight-party.

Page 14: Iterations   paper prototype

Iteration 2 Expands explanation of straight-party voting.

Page 15: Iterations   paper prototype

Iteration 2, selected state

Page 16: Iterations   paper prototype

Iteration 3 Paring down the instructions substantially.

Page 17: Iterations   paper prototype

Iteration 4 Simplifying wording, and adding paragraph breaks.

Page 18: Iterations   paper prototype

Iteration 5Vertical layout enforces order. We added (i) buttons for supplemental content.

Page 19: Iterations   paper prototype

Vote for 1

Page 20: Iterations   paper prototype

Iteration 1 Showing the number of choices remaining was helpful.

Page 21: Iterations   paper prototype

Iteration 1, selected state

Page 22: Iterations   paper prototype

Iteration 2 Correcting the instructions for changing votes.

Page 23: Iterations   paper prototype

Iteration 3 Removing most instructions and adding entry to supplemental content.

Leads to information about the contest

Position statements from the candidates

Information about marking the ballot for this contest

Page 24: Iterations   paper prototype

Supplemental content, iteration 1

Page 25: Iterations   paper prototype

Supplemental content, iteration 1

Page 26: Iterations   paper prototype

Supplemental content, iteration 1

Page 27: Iterations   paper prototype

Iteration 4Vertical, with minimal instructions.

Page 28: Iterations   paper prototype

Supplemental content, iteration 2In addition to going vertical, we added simplified illustrations.

Page 29: Iterations   paper prototype

Supplemental content, iteration 2

Page 30: Iterations   paper prototype

Multi-candidate contests

Page 31: Iterations   paper prototype

Iteration 1

Page 32: Iterations   paper prototype

Iteration 1, selected state Avoiding a testing artifact, we changed party names.

Page 33: Iterations   paper prototype

Iteration 2 Correcting the instructions for changing votes.

Page 34: Iterations   paper prototype

Iteration 2, content scrolled down

Page 35: Iterations   paper prototype

Iteration 2, content scrolled to end

Page 36: Iterations   paper prototype

Iteration 3Vertical format, minimal instructions.

Page 37: Iterations   paper prototype

Iteration 3, content scrolled

Page 38: Iterations   paper prototype

Iteration 4

Page 39: Iterations   paper prototype

Iteration 4, scrolledWe still have questions about how scrolling should work.

Page 40: Iterations   paper prototype

Judge retention contests

Page 41: Iterations   paper prototype

Iteration 1

Page 42: Iterations   paper prototype

Iteration 2 Changing the order of and shortening instructions.

Page 43: Iterations   paper prototype

Iteration 3Vertical, minimalist.

Page 44: Iterations   paper prototype

Referenda

Page 45: Iterations   paper prototype

Iteration 1 Note “Yes” or “No.”

Page 46: Iterations   paper prototype

Iteration 2, and selected state

Page 47: Iterations   paper prototype

Iteration 3 Correcting the instructions on changing votes. Switching to “For” and “Against.” The literature is unclear about whether it’s better than “Yes” and “No.”

Page 48: Iterations   paper prototype

Iteration 4Staying with “For” and “Against” for the vertical version posed no problems.

Page 49: Iterations   paper prototype

Ballot measures

Page 50: Iterations   paper prototype

Iteration 1

Page 51: Iterations   paper prototype

Iteration 2 Correcting the instructions on changing votes.

Page 52: Iterations   paper prototype

Iteration 3 Localizing the state the ballot measure applies to.

Page 53: Iterations   paper prototype

Iteration 4Pared-down instructions, and room for a question that can be answered “Yes” or “No.”

Page 54: Iterations   paper prototype

Write-ins

Page 55: Iterations   paper prototype

Iteration 1 Instructions from the NIST study.

Page 56: Iterations   paper prototype

Iteration 1

Page 57: Iterations   paper prototype

Iteration 2Vertical version, with minimal instructions, focusing on what would invalidate the vote.

Page 58: Iterations   paper prototype

Iteration 2

Page 59: Iterations   paper prototype

Supplemental content, iteration 1Touching the (i) leads to the instructions that used to be on the surface screen.

Page 60: Iterations   paper prototype

Reviewing votes

Page 61: Iterations   paper prototype

Iteration 1

Page 62: Iterations   paper prototype

Iteration 1, scrolled down (page 2)

Note the use of the word, “choices”

Note the use of the word, “choices”

Page 63: Iterations   paper prototype

Iteration 1, scrolled down (page 3)

Page 64: Iterations   paper prototype

Iteration 1, scrolled to the end

Page 65: Iterations   paper prototype

Iteration 2Vertical format, with wording change in the scroll button.

Page 66: Iterations   paper prototype

Iteration 2, scrolled down (page 2)

Page 67: Iterations   paper prototype

Iteration 2, scrolled down (page 3)

Page 68: Iterations   paper prototype

Iteration 2, scrolled down (page 4)

Page 69: Iterations   paper prototype

Iteration 3, scrolled down (page 4)

Page 70: Iterations   paper prototype

Iteration 4, scrolled down (page 2)Revelation! “Choices” means there are still more choices to make. Wording changes both in the title and the button label.

Page 71: Iterations   paper prototype

Iteration 4, scrolled down (page 3)The wording changes and simple instructions helped participants understand the purpose and use of the Review.

Page 72: Iterations   paper prototype

Supplemental content, iteration 1

Page 73: Iterations   paper prototype

Changing a vote

Page 74: Iterations   paper prototype

Iteration 1

Page 75: Iterations   paper prototype

Iteration 2Changing the button label to telegraph the navigation.

Page 76: Iterations   paper prototype

Iteration 3

Page 77: Iterations   paper prototype

Iteration 4

Page 78: Iterations   paper prototype

Casting the vote

Page 79: Iterations   paper prototype

Iteration 1

Page 80: Iterations   paper prototype

Iteration 1

Page 81: Iterations   paper prototype

Iteration 2We’re hoping that the vertical format will scale well to tiny screens.

Page 82: Iterations   paper prototype

Iteration 2

Page 83: Iterations   paper prototype

18 participants4 days16 versions

Page 84: Iterations   paper prototype

Next: Usability testing of digital prototypesmid-January 2013