Company
Replicon
Project Type
Concept
Duration
1 week
My role
As a lead UX designer on web, it's part of my job to look out for the future of the product and keep it relevant, which means keeping up with Material and IOS patterns.
Skills applied
Information architecture, interaction design, high fidelity prototypes.
Problem
Style and branding
There are too many font sizes, text decorations, gradients, shadows, and embossments that all compete for attention by trying to be different, which leads to a lot of visual noise and dissonance. The purpose of a brand is to convey a visual identity, which doesn't work as well with longer names that take up physical and cognitive space.
Main frame and navigation
The existing navigation emphasizes the tabs and de-emphasizes the top level navigation that switches the roles. The role navigator is meant for people who have multiple roles in the system, which doesn't occur often. The majority of users are employees who usually only have one role. Supervisors may have 2 roles, but don't need to switch gears often. They were calling attention to too many things that were not relevant to the specific content on the page. In some cases, we were even running out of horizontal space. Notifications were also being put into the large tabs, again removing focus from the main content.
Forms and buttons
There is no labeling for form sections, making the separation seem arbitrary. Similarly, labels and inputs are scattered everywhere without a consistent pattern of where to look next.
Dashboards
Graphs and charts are difficult to read and navigate. They tried to accommodate every scenario with a scale slider to adjust the timeframe from hours to months with font sizes too small to be read.
Concept
Style and branding
Modern designs were calling for flat components that are easily identifiable, fewer layers, fewer styles, keeping things simple by giving users less to focus on. Brands should be simple and focused.
Main frame and navigation
Navigation and notifications are still important, but they shouldn't be the main focus. By stowing away the navigation in a side bar, there could still be easy access to switch gears.
Forms and buttons
I continued to flatten the styles with secondary buttons as outlines. There is no reason to stuff long and complex forms into a popup box. I gave it a more open full page layout that was easier to read.
Concept
Concept
Dashboards
By trying to accomplish everything, the dashboards solved nothing. Measuring certain insights with a single number can remove the cognitive overhead of calculating and interpreting a graph.
Concepts
Overview
