Iterations   paper prototype
Upcoming SlideShare
Loading in...5
×
 

Iterations paper prototype

on

  • 697 views

 

Statistics

Views

Total Views
697
Views on SlideShare
432
Embed Views
265

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 265

http://civicdesigning.org 265

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

Iterations   paper prototype Iterations paper prototype Presentation Transcript

  • Usability test ofballot paper prototypes fortablet -design iterationsUniversity of BaltimoreDrew DaviesDana ChisnellKathryn SummersMegan McKeeverNovember 11-14, 2012
  • Iteration 1
  • Iteration 2 Localizes the ballot for the testing location.
  • Iteration 3Reorients to verticalfrom horizontal,getting ready for tinyscreens.
  • Instructions to voters
  • Iteration 1 Appears after the title screen. Text comes from NIST research.
  • Iteration 2 Corrects emphasis in the first paragraph.
  • Iteration 3 Added illustration, which did not seem to help.
  • Iteration 4Moved from horizontalto vertical changes theproportions, whichfeels different.
  • Iteration 5Added a simplerillustration back intothe vertical version.
  • Help versionHere we added apointer to thesupplemental contentthat acts like contexthelp.
  • Straight party voting
  • Iteration 1 The NIST ballot includes straight-party.
  • Iteration 2 Expands explanation of straight-party voting.
  • Iteration 2, selected state
  • Iteration 3 Paring down the instructions substantially.
  • Iteration 4 Simplifying wording, and adding paragraph breaks.
  • Iteration 5Vertical layoutenforces order. Weadded (i) buttons forsupplemental content.
  • Vote for 1
  • Iteration 1 Showing the number of choices remaining was helpful.
  • Iteration 1, selected state
  • Iteration 2 Correcting the instructions for changing votes.
  • Leads to information Information about the about contest marking the ballot for this contest Position statements from the candidatesIteration 3 Removing most instructions and adding entry to supplemental content.
  • Supplemental content, iteration 1
  • Supplemental content, iteration 1
  • Supplemental content, iteration 1
  • Iteration 4Vertical, with minimalinstructions.
  • Supplementalcontent,iteration 2In addition to goingvertical, we addedsimplified illustrations.
  • Supplementalcontent,iteration 2
  • Multi-candidatecontests
  • Iteration 1
  • Iteration 1, selected state Avoiding a testing artifact, we changed party names.
  • Iteration 2 Correcting the instructions for changing votes.
  • Iteration 2, content scrolled down
  • Iteration 2, content scrolled to end
  • Iteration 3Vertical format,minimal instructions.
  • Iteration 3,contentscrolled
  • Iteration 4
  • Iteration 4,scrolledWe still have questionsabout how scrollingshould work.
  • Judge retentioncontests
  • Iteration 1
  • Iteration 2 Changing the order of and shortening instructions.
  • Iteration 3Vertical, minimalist.
  • Referenda
  • Iteration 1 Note “Yes” or “No.”
  • Iteration 2, and selected state
  • 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.”
  • Iteration 4Staying with “For” and“Against” for thevertical version posedno problems.
  • Ballot measures
  • Iteration 1
  • Iteration 2 Correcting the instructions on changing votes.
  • Iteration 3 Localizing the state the ballot measure applies to.
  • Iteration 4Pared-downinstructions, and roomfor a question that canbe answered “Yes” or“No.”
  • Write-ins
  • Iteration 1 Instructions from the NIST study.
  • Iteration 1
  • Iteration 2Vertical version, withminimal instructions,focusing on whatwould invalidate thevote.
  • Iteration 2
  • Supplementalcontent,iteration 1Touching the (i) leadsto the instructions thatused to be on thesurface screen.
  • Reviewing votes
  • Iteration 1
  • Note the use of the word, “choices”Iteration 1, scrolled down (page 2)
  • Iteration 1, scrolled down (page 3)
  • Iteration 1, scrolled to the end
  • Iteration 2Vertical format, withwording change in thescroll button.
  • Iteration 2,scrolled down(page 2)
  • Iteration 2,scrolled down(page 3)
  • Iteration 2,scrolled down(page 4)
  • Iteration 3,scrolled down(page 4)
  • Iteration 4,scrolled down(page 2)Revelation! “Choices”means there are stillmore choices to make.Wording changes bothin the title and thebutton label.
  • Iteration 4,scrolled down(page 3)The wording changesand simple instructionshelped participantsunderstand thepurpose and use ofthe Review.
  • Supplementalcontent,iteration 1
  • Changing a vote
  • Iteration 1
  • Iteration 2Changing the buttonlabel to telegraph thenavigation.
  • Iteration 3
  • Iteration 4
  • Casting the vote
  • Iteration 1
  • Iteration 1
  • Iteration 2We’re hoping that thevertical format willscale well to tinyscreens.
  • Iteration 2
  • 18 participants4 days16 versions
  • Next:Usability testing ofdigital prototypesmid-January 2013