We started the week with user testing on an e-commerce site. It was all good until we asked people to find something, they had no idea how to work the side navigation.
And that was a surprise.
It was obvious that users were struggling with it and it wasn't a batch of those users who can't work anything and have no idea what's going on. There's a limit to how much you can blame users.
The question in hand was obvious, one we had been pondering on for a while:
How might we get the benefits of a a mega nav on mobile?
So we went back to the office and got our post-its out. (Keep your eyes peeled for our next post on why post-its are king)
It was time to take a step back and clear our muddy heads.
The game plan
1- List out relevant websites that have a similar issue (in our case it was squeezing mega nav content into mobile navigation)
2- Collect screenshots, the more you have the more ideas you can “steal” nope not that.. borrow.
3- Break down the screens into it’s components. This is where the mighty post-it comes to play.
4-List out Pros and Cons for each. Identify your favourites.
5- Sketch out the flow for each, find out how the users are lead to a particular Product Listing Page. How soon do they see the content?
6- Compare flows. Visually comparing the flows let you highlight differences at a glance, it helps understanding (and communicating!) what works and what doesn’t.
6.a- If you can, go out and test the few examples with people, see if any alternative stands out, find out what people think.
7-Show this to any stakeholder, it may be the client, it may be the designers, the dev team.. Talk about the issues users has, show the comparisons, think about what’s possible what needs more exploration..
8- Identify what you like, what can be done, with a little help from the favourite features list- and try it out.
Taking a step back and looking around is useful. You clear your head, benchmark yourself among others and get to spend some play time. Try it, you'll feel better.
Until next week,