QuickFan is probably the first project we’ve sketched completely with Invision Freehand. Every functionality, every behavior, every interaction was sketched in Freehand prior to design.
We scheduled different workinsg sessions to address all of the functionalities and content areas within QuickFan. Everything was reviewed, redesigned (in Freeehand) and debated collaboratively in Freehand.
Building the concept
What a different navigation model? Let’s debate
Initial animation illustrating interaction and navigation
One of the things that made the experience complex was the navigation model. There were 6 defined workspaces (catalog, selection, comparison, projects, search and tools), and a tab panel inside each one of them. That was leading to confusiion, because things got open in a workspace or another depending on what they were and the workspace the user was in when opening it.
From a classical point of view, using windows instead of tabs and using a window manager would work better. Consistent, clean, and solves that confusion problem. So we built a sketch with Invision Freehand and shared visions with the stakeholders.
We even built a sample design to illustrate some of the navigations interactions.
But damn… the current system works really well in some situations. It’s quick, agile and lightweight when you’re navigating the catalog and need to check different fans (mostly like when you’re trying to buy something in Amazon and need to see the main caracteristics and compare).
So we arranged a Freehand co-designing session with Sodeca stakeholders, and found a new navigation model: a hybrid system that combined tabs and windows in certain situations, and that we felt would fit the different roles needs.
The break off
There were 3 causes of people getting lost in the portal and not finding the content they’re looking for:
“We definetely need a better experience, but we need, at least, to keep the same productivity and performance levels we currently have”