Navigation 2.0 Prototypes Showcase
What you are about to see are several prototypes, both mobile and desktop that I created for user testing for our new navigation on Lumen website. This is more about how different prototypes impacted the testing results than the results itself.
My Role
UX Designer,
Wireframing & Prototyping
Project Duration
2 year project
Area of Focus
Main Navigation / Browser Site
Synopsis
I was task to create a couple of prototypes in order to test our new navigation designs for Lumen.com. It was along journey using different tools and methods in order to obtain the data we need within the limitations that was set.
Flexible Desktop Nav Prototype
First prototype made for desktop users for unmoderated test in usertesting.com
Requirements
Research goal:
Taxonomy & desktop function
To obtain user's feedback on how how our navigation worked and the menu items within in.
Focus device: Desktop
Data shows that most users access Lumen's website via desktop.
Menu that opens on hover
Based off of previous user interviews on their preferences.
Consulting
Complex and flexible prototype
So that the user can play around with the prototype as they would naturally would.
What is the main challenge?
Limitations of XD's prototyping feature
Rudimentary prototype features, limiting the test that we can do, causing a lot if complaints about the prototype itself instead of the experience.
Results & Benefits
Testers freely explored our prototype without issues.
Obtained more natural responses, no need to lead the tester due to limitations of the prototype.
Less complaints on the prototype itself.
These feedback were saved for answers that were essential for our research goal.
Linear Nav Prototype
The next few prototypes, made for Mobile testers through unmoderated usertesting.com
Can't use UXPin anymore!
After using it for one user testing, I could no longer use UXPin for future prototype projects due to.
Incompatible with Workfront proof
Tedious process of using other programs to provide feedback for internal stakeholders.
Not shareable between teams.
Only one person in the group that has access to it.
Hassle of transferring the team to UXPin
Have to adapt wireframe templates and design templates to the new program.
What happened next?
Circumstances and changes had to be made.
Research Goal:
On layout and taxonomy
Main aim to see if the users can differentiate our Products and Solutions Items.
Focus testing on mobile users
Much easier to tester no need to worry about hover states.
Linear and simple prototypes
Users would not be able to click on everything.
More scripted questions
Allowing for specific end goals in order to obtain the data we need.
How did it go?
Despite limitations, we obtain data for our research goal
While not natural we still were able to get observation and feedback on our how taxonomy and visual design
Direct questions causes testers to find the "words"
We still found out that testers would try to find the key page word that we give them, making it look like a treasure hunt.
Flexible Nav Prototype
This is one of the final XD prototypes that I created for the project, to be used for Mobile testing, unmoderated test on usertesting.com
Requirements
Following is how I dictate how i created my prototype.
Research goals:
Test the mobile functionality
To see how user interacts with different menus and plus the search bar.
Focus Device: Mobile
Comparting the tester's experience between desktop and mobile experiences.
Complex yet flexible prototype
Allow for seamless transition between different menus along with their animations.
Utilizing atomic designs
To adjust for last minute designs, based off of previous experience.