Redesign of complex navigation, dashboard, and implementation of a new consistent visual language.
Content management system empowering more than 28,000 websites worldwide. Within 18 months we increased System Usability Scale (SUS) score from 60 to 73.
Old navigation was complicated and users had problems with adopting information structure. Web agencies using Kentico CMS reported many hours spent in training with their clients and inconsistent UI was not helping the learning process either. Moreover, the old-fashioned look and feel cost our sales representatives several important leads.
We believed that by replacing the tree-oriented ribbon toolbar with a customizable personal dashboard we would improve the learning process and make navigation easier. The prototype consists of a new application list and a personal dashboard for the most popular applications, demonstrating the new navigation approach via sidebar and breadcrumbs. Moreover, brand new tabs save more than 20% of the layout. The clickable prototype is available at http://kvasnovsky.net/temp/dashboard.
Everyone had their own idea how the new UI should look like and the moodboard helped us to reduce innumerable options to the final one. It is based on three previous variants and was evaluated with the stakeholders.
Graphic rules were instituted into every building block throughout the system, e.g. skeuminimalism, text as interface, accessible colors, etc. The main motto of the visual redesign was The best design is invisible.
The research revealed that our development workflow had to change significantly since not only aesthetic but also development trends have radically changed over the past few years. Style Tiles approach helped us to deliver the graphics in 12 weeks from the research to the deployment of the HTML/CSS component library.
Held at Kentico Connection, which is Kentico community conference taking place in Boston, Sydney, and London. Feedback on our hypotheses and the new visual language was gathered from almost 10% of all the web agencies using the Kentico CMS. After a quick demonstration and Q&A at our UX kiosk attendees were asked to complete of a Likert Scale questionnaire and a semantic differential.
After evaluation and small adjustments we were able to prepare backlog, which led to two MVPs that were again evaluated with the community via webinars.
Reworked tabs and the new navigation in the Newsletter application.
The application list.
The personalized and customizable dashboard with favourite applications.
Sideproject of the redesign was a dynamic visual representation of all components, so both developers and designers could make consistent decisions in the future. It also unified our vocabulary and made maintenance easier.
Meet me on my social networks.
Or get connected with my artistic alter ego KvasoArt and check my drawing style #concatism on Etsy or Instagram, in which I skew the reality by merging the unrelated, as the CONCAT function in the Excel does.