Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...


When Mrs.Johnson begins her task, this is the first scene she sees. This is just a login screen, where she can enter her username and password. When she logs in, she will be presented with her ballot-counter screen.

 

 


In this design, all options are large buttons. 
After logging in, Mrs. Johnson has the option of entering votes by race or by ballot. She's always done it by ballot, so she selects that choice to move on.

 

 


The first race of the first ballot is presented. Mrs. Johnson can then select a button. When she clicks, she will be taken to the next race on this ballot.


The second race of the first ballot is presented. Again, Mrs. Johnson can select a button. There are back and forward arrows to allow her to fix mistakes.

Image Added

After she finishes the first ballot, she is presented with a summary screen of the ballot and the candidates she selected. She can go back to fix a mistake or just hit next to move on.


After finishing the first ballot, she moves on to ballot number 2 and is presented with the first race again.


She is then taken to the second race on ballot number 2.

Image Added

She hits next, after verifying the summary of ballot 2.


Mrs. Johnson is now on the last race of the 50th ballot.

Image Added

She hits next, after verifying the summary of ballot 50.

Image Added Image Removed

After she is done with 50 ballots, she can view a summary of the election and chose to either go back and fix her mistakes or continue.

Image Added

She can then choose to submit the results to her audit supervisor.


She is then presented with a screen, allowing her to choose to continue counting another set of ballots or to finish this audit. She clicks finish.


She is taken back to the entrance login screen.

...

Of our final three designs, this one has the best trade-offs between efficiency and learnability, though safety is not quite as high.

Efficiency:
  • One-click process: Because the system advances as soon as any option is clicked, the user can proceed quickly without needing to select an option and then press next. One click per page is much faster than two.
  • Minimal text: The screen has minimal text, so it is easy for the user to scan the text and find the right option. This reduces the mental processing time required.
  • Ballot summary: The user has to stop and review/skim each ballot before submitting it and moving on. While this decreases efficiency, it was necessary for safety (see below).
Learnability:
  • Item selection: Because only one item shows up at a time, the user will quickly learn to just click the appropriate name and that the system will move on. Much of the changing between screens is done automatically, minimizing the need for users to learn system navigation.
  • Minimal text: Because there is very little text on each screen, the user has very few choices what to do. This makes it easy to quickly determine the right action to take.
  • Unclear buttons: As drawn, the users who are unfamiliar with computers may not understand that each candidate's name is a button. This is a problem with learnability particularly for our user class of older, non-tech-savy auditors. 
Safety:
  • One-click Process: Because the system advances on any click, the user doesn’t have a chance to verify that they selected the correct option, reducing the safety.
  • Large Buttons: The buttons are all large, so the likelihood of accidentally clicking the wrong button will be smaller. Users will also see the button depress when clicked, so they will get that feedback about which element has been selected. These together improve the safety.
  • Forward/Back Buttons: If the user makes a mistake, she can chose the back button to correct it. Error correction improves safety. The forward buttons let her navigate back to her current position without reentering information – which would increase the likelihood of making another error.
  • Status Bar: The user can keep track of how far she is.If a ballot was missed or double-submitted, this mechanism will help catch that error. For example, if the user sees that she is entering the 3rd ballot, but the ballot number is 2, she knows that one of the ballots was not properly submitted.
  • No Ballot summary/confirmation page: Aside from the button depressing at the user's click and the ballot number incrementing, the user gets no feedback. Hence, if she makes a mistake it will be hard to spot and realize thisthe user has the opportunity to view a summary of each ballot and make sure it is correct. This is especially important because when entering the information, there is very little feedback. So having this summary greatly increases safety and the likelihood a user will catch any errors.

Storyboard 2 – Ballot metaphor


When Mrs.Johnson begins her task, this is the first scene she sees. To minimize confusion, there is very little text on the screen, just a spot for her to enter her username.


Similarly, the next page just asks for her password. This way she can be validated and she will be logged in to perform her task.


The format for this design is a similarity to a physical ballot. Hence any item with options will have the text as well as a bubble radio-button beside it. Mrs. Johnson and other users can click the button or the text to select a choice.

After logging in, Mrs. Johnson has the option of entering votes by race or by ballot. She's always done it by ballot, so she selects that choice to move on.


The first ballot now shows up and Mrs. Johnson is ready to start entering ballots.

The left pane mirrors the physical ballot that she has seen. The races are in the same order, as are the candidates. Again, she can select the radio buttons or text for a given candidate.

As a method of feedback, the right pane shows the current selections in each race. These are in much larger font to make it easy to quickly verify that she selected the correct candidate.
After scrolling down to the bottom, Mrs. Johnson will see a back button to return to the previous screen, a continue button to move on to the next ballot, and a save button in case she has fewer than 50 ballots or needs a break. She selects continue.


Mrs. Johnson can fill out ballot number 2 in the same manner, and she continues on.


Mrs. Johnson is comfortable with the system and completes ballots 3-49 in the same way.


Finally, Mrs.Johnson reaches ballot #50. This one is a bit unusual with a write-in. But similar to the paper system from past years, she merely marks that the ballot had a write-in, sets the physical one aside, and moves on.


Mrs. Johnson now takes a moment to look over the summary of the 50 ballots she just entered. This way she can make sure the numbers seem to align with what she was entering.

Seeing that these are all correct, she selects "submit these ballots" at the bottom of the screen.


Mrs.Johnson is relieved to see that the ballots were successfully submitted. That was all she needed to do now, so she selects finish and log out.


Seeing that the system is back to the home page, Mrs.Johnson is satisfied that she has completed her work and is safely logged out of the system. She's now ready to move on to her next task.

Analysis

Of our final three designs, this one has the strongest metaphor to a real ballot.

Efficiency:
  •  With the presentation of the whole ballot on the page, the user has to scroll down, hindering the efficiency.
  • The summary page presented to the user requires yet another step of verification.

...

  • Item selection: Because a full ballot is presented to the user, it is pretty intuitive to select the candidates that were voted for.
  • Metaphorical Consistency: Because this mimics physical ballots, it is easy for users to understand the layout and where to click to select a candidate.
Safety:
  • Right Pane: Seeing immediate feedback on the user's clicks helps the user identify if there were any errors immediately.
  • Summary Page: The summary presented at the end allows the user to quickly scan to make sure there were no mistakes.
  • Forward/Back Buttons: If the user makes a mistake, she can chose the back button to correct it. Error correction improves safety. The forward buttons let her navigate back to her current position without reentering information – which would increase the likelihood of making another error.
  • Ballot Count Bar: The user can keep track of how far she is. This allows tracking of how far in the process she is. 

...