We sketched the main funcionalities, navigation and interactions with Invision Freehand, and collaboratively refined them with stakeholder and key users.
Building the concept
Sketch of the main areas and interaction
The wires defined most of the UI language, but we had several iterations and variations of the visual design.
Different cards for different meanings. Took
a while to agree on which to use :)
Landing page design evolution
The full app was wireframed inan Invision project, so that we could figure out the real flows and how they were perceived.
Full wireframe project to test in real devices
For the first release the app had 2 main areas and 5 core functionalities. In Release 3, just three months later, the app had 7 main areas ans 17 core functionalities + 32 complementary functions. How do we handle this evolution? How does it affect the navigation model?
We didn’t want users to learn everything from scratch (different navigation models, action models, accesses) for evey relase, so we figured out a hybrid navigation model that helped users understand navigation.
The organic evolution of the main navigation model
“The app will go from low functionality to high functionality within 3 months. We need to handle evolution in a way it doesn’t disturb users”