top of page
unnamed.jpg

Analysing and redesigning information architecture of MyVote Wisconsin.

Designing intuitive pathways to information through user testing.

Goal: To use user testing to create clear and usable pathways to the most important information on the website. 

Card Sorting

The goal of the card sorting process was to see how users organized the site structure. Each was given titles of each page on cards, and asked to sort them into a structure that made sense to them.

Tree Testing

The goal of tree testing was to observe how users interact with the site. Users were given specific tasks to complete, and their process was recorded to understand any pain points encountered.

First Glances

The site is organized into task-based pages, with a hierarchical structure. Simple process can also be carried out, and pages are very text heavy. The most highly trafficked pages have multiple pathways to access them from the home page. At this point, I am thinking users will find the multiple pathways linking to the same pages a confusing system.

Card Sorting Process

key.png

I presented each tester with all of the top levels in pink notes, randomly in a row. Then on the left I gave them every subcategory, form, content header, pop up, and outside link that appears on any page. I asked them to imagine they were going through each process on the website, and lay out the cards in an order that made logical sense to them.
I included duplicates of every note, and told them they could use as many as they wanted or none at all.

Tree Testing

Next, I record users interacting with the actual website. I watch their path through different clicks and pages to arrive at their goal, time how long it takes them to complete tasks, and note any verbal feedback indication confusion or difficulty.

Proposed Tasks

   1. Find my voter registration status (easy).
   Chosen as it’s an essential function of the site
   2. Find out if I can use my student ID as a photo ID to vote. (medium)
   Chosen to see how easily users can read informational pages
   3. Request an absentee ballot as a military voter (hard).
   Chosen as it's a process that seems a bit overcomplicated
   4. Find out what a provisional ballot is (harder).
   Chosen to test logic of information placement

unnamed (1).jpg

Redesign

I brought in search and FAQ functions to ease navigation, and brought Photo ID requirements to higher priority.

My user testers agreed that the site needed a search function, and one suggested a Frequently Asked Questions page would help to provide specified information. They also agreed that the original Search By Name/Address and Military Voter buttons were unnecessary and confusing, so I’ve taken that opportunity to replace them.

process book_Page_43.jpg

Check out the full process here:

bottom of page