logo
EZ Games
User Experience Research & Design

Card Sorting - MSOE Website

School Group Project at Milwaukee School of Engineering

Summary

Okay, this one isn't gaming related: but hear me out!

At Milwaukee School of Engineering, I worked with three other UX designers on a website re-design.

We used the card sorting method on Optimal Workshop via 10 participants to understand how users expected to find important information on the website. Based on a crawling analysis, we made 20 cards representing different content topics for participants to categorize in a way that made sense to them.

We used various metrics provided by Optimal Workshop to analyze the results, including a frequency table, 3D cluster views, merge methods, and a similarity matrix.

The team designed wireframes for the re-design, and I made a high-fidelity prototype to present to the client.

For my next project, I have an idea to use this method to improve a game UI design.

What I Learned

  1. Preventing Researcher Bias: It's funny how much people insert their voice into their text. Even though the results were anonymous, it was easy to identify the responses of some participants based on the voice in their written answers.
  2. Scraping Data: We used a web crawler to scrape the website for our content audit. However, for a video game, I would need a different tool. It would be useful to audit the frontend of a video game to identify where there are issues or to evaluate the information architecture.

Main Components

  • Content Inventory and Audit
  • Card Sort
  • Wireframes and Prototypes
  • Tools Used

  • Google Suits: Docs, Sheets
  • Optimal Workshop
  • Adobe XD (high fidelity prototype)
  • Figma (wireframes)
  • Trello
  • Screaming Frog (content audit)


  • Screenshot of the Final Card Topic List



    Screenshot of the Optimal Workshop Result - Similarity Matrix



    Screenshot of the Optimal Workshop Result - Label Frequency Table



    Screenshot of the Optimal Workshop Result - 3d Cluster View Group 1



    Screenshot of the Optimal Workshop Result - 3d Cluster View Group 2



    Screenshot of the Optimal Workshop Result - 3d Cluster View Group 3



    Screenshot of the Optimal Workshop Result - Merge Method



    Screenshot of the Optimal Workshop Result - Consolidated Merge Method



    External Links


    robot 1 We are silly bots - we can't detect what she is trying to tell us!               robot 2               robot 3