Based on the findings from the prototype user testing, we felt justified to take another look at some areas of content classification and labeling within the prototype design. Although task success was quite high in the previous round of user testing, the process of discovery could have been more efficient for tasks such finding sales items.
Card sorting is a well-established research technique for discovering how people intuitively categorize information. You can use card sorting results to group and label your website information in a way that makes the most sense to your audience.
Card sorting involves creating a set of cards that each represent a concept or item, and then ask participants to group the cards in a way that makes sense to them.
To create our card sort, we first started by collecting all major content items which exist in the current EverWear prototype design.
Next, we transposed individual concepts onto cards, ensuring we applied common and easily understood language. Through this process we also tried to make sure the concepts we created were mutually exclusive, so that there was little, or no perceived overlap in content.
We chose to undertake an open-sort activity where participants sorted the cards into logical groups, and then labeled these groups themselves.
26 participants were sourced from an online panel to undertake the card sorting exercise.
The results of the sort produced some interesting key insights which including the following:
The obvious categories revealed through the card sort were: Mens / Womens / Sale and About us. To address issues found in the prototype testing, we felt the revised architecture should group sale items together, regardless of what the “special” was. This should result in less confusion and a more direct navigation.
Sustainability and “Relax & Win” were also two areas which participants found difficult to categorise. In light of these results, the team debated whether it would make sense for Everwear to have a blog which could provide an active vehicle to engage with the customers and positively impact the business.
Through this process, two potential new IA structures were created, containing variances in the form of labeling and grouping. The team then set about to understand which of the two was more intuitive to potential users.
Version A: About us, Men, Women, Sale, Sustainability, Relax & Win
Version B: About us, Men, Women, Sale, Everwear blog
To evaluate which version of the IA was most effective, the team carried out a Tree Testing exercise using Optimal Workshop’s tool, TreeJack.
Tree testing removes the UI from the equation and lets you see how easily people can find information on your website, and exactly where they are getting lost. It can also answer questions like:
Version A – Overall performance – Success 65% – Directness 76%
Version B – Overall performance – Success 67% – Directness 86%
The second IA performed better in testing, however the difference was marginal.
Some key findings of the Tree Testing included the following:
Armed with learnings from the card sort and tree testing, the team developed a finished IA containing the following main categories:
About us, Men, Women, Sale, Everwear blog
We’ll then take these categories and apply the new IA to our design to be used in the next chapter, live site user testing.