AutoCAD mobile app had 6 palettes (components used for management of complex entities and information). To open a palette, the user had to expand palettes and use inner-tabs in order to navigate.
The problem is that there was no room to add another palette to the navigation as it was not scalable.
As a product designer, I was asked to design a scalable navigation method for the palettes.
Based on a vast marketing and user survey conducted by IsraelCredit, tracking app usage patterns, and complaints from customer success we created clustering map of the following perceptions and habits that customers own
After exploring competitor we came up with optional scalable concepts:
Scrollable tabs
Exapnd/ collapse icons rail
Dropdown
We choose to have side rail that can efficient by exposing palettes icons. As a user I can have it expanded while working on canvas, or minimized to increase canvas size
As an iPad user, I will see all the palettes icons on the side rail so I could recognize the palette I need and open it directly without unnecessary taps.
Due to limited screen space, the iPhone app will have a floating button that can be expanded during working on the canvas if the user chooses to
Surfacing the palettes outside the Hamburger button lead to higher usage of the palettes.
Increase of
in average number of palettes opened in a month per user