Gopher Mafia Games is a brick and mortar retail store that also provides space for its patrons to meetup and play their favorite versions of the games this store sells.
They specialize in trading card games such as Magic the Gathering, Role Playing Games (RPGs) such as Dungeons & Dragons, and tabletop wargames played using collectable and customizable miniature figurines such as Warhammer.
We conducted a usability study of Gophermafia.com which consisted of:
We believed it to be useful to describe a scenario in which the user could approach the tasks and used the following narrative to build context:
You are a mentor to a preteen who owns a few cards from a popular trading card game and is interested in building their collection, exploring more games, and finding others to play with.
We conducted the site evaluation in a cafe with a user who had no prior experience with the Gopher Mafia organization or website but represents a user with the likelihood of having an interest in the goods and services offered by the company. When asked the user reported playing tabletop or board games with others in a location outside of the home within the last two weeks. Expressed potential to be interested in learning more about Role playing games and that price and familiarity with the game would be the primary considerations for making a purchase.[1][2]
[3]
The user considered a tournament to be a special event and quickly clicked the appropriate link. The user did not express concern about the location of the controls to advance to the next month as we thought they would.
The user considered again rather quickly that the answer may be found in the FAQ section and clicked the corresponding link. At this point it seemed clear that the absence of an underline for the menu text as an affordance that they were in fact clickable was not a problem for the user.
Once on the FAQ page the user expressed surprise to find what appeared to be topic categories.
"I wish they would just list all the topics so I can scroll through them all at once."
The user clicked the [+], a clear indication that the topic being targeted was expandable. The topic did expand as expected, however the information could not be read in full in that moment as the user found both the mouse and arrow keys were no longer able to scroll the page. The user banged the keys several times and hoovered the mouse up and down the right edge of the screen in search of a scroll bar.
"Now this is really frustrating. I'm I doing something wrong?"
I responded with a reminder that we are testing the site and not the user. The use exited the full screen view of the website and expressed joy when a scrollbar became visible on the right edge of the browser window.
"That was irritating."
This issue occurred again during the attempt to complete tasks #3, #5, and #6.
It was interesting to see how the inability to scroll became a major issue for the user.[5] It was an example of how issues that stop users from doing what they want and relate to function of the site rise in priority above those that involve merely the presentation of information. [9]
Before leaving the previous page the user moved the pointer toward the "Events" category heading in the FAQ and expressed for the first time confusion about why the heading "disappears whenever I go to click it". The user hoovered over the area, moved the pointer away and seeing that it was still there preceded to click the link which led to the topic that allowed completion of the task.
The user's first attempt was to click the "Contact us" link in the menu bar. After finding first the form requesting user information navigated back to the "Home" screen and scrolled to the bottom of the page to find the address.
The user had no trouble navigating to a partial answer to the question this task posed. The user expressed continued irritation about the vanishing links and scrollbar. The user did not find a an answer under this topic that told whether they could actually buy cards at the site. The user seemed not to notice that there was a search button on the page represented by a simple icon of a magnifying glass[6]. At this point the user was instructed to pull up the site on their mobile device to finish the remainder of the test.[11]
This tasked proved to be the most difficult to achieve and the point at which the user noticed that on the mobile device view of the site there was no search function to be found.