Exterity provides a suite of softwares that lets businesses use a drag and drop canvas to advertise, communicate, engage and entertain their customers using highly customisable apps without the need of a techie.
With a large team of developers and product managers, but no design systems in place, inconsistency can arise from feature to feature. It can be as inconsistent as comparing 🍎 apples to 🍊oranges.
Hang out with stakeholders and explore their feedback.
Conduct a UX audit and research the existing product.
Define the goals based on the problems.
Develop a detailed design system
Impact testing using prototypes
Developers working in isolation have created inconsistencies in the product, which has impacted the experience of clients and end users. As a result, it takes a lot of mental effort to use what is supposed to be, a simple software.
This software is designed for people who want to build things themselves. It has an easy drag and drop interface that doesn't require technical skills. However, clients have given feedback that they still need a lot of help because the design is simply not clear enough.
Users have found the settings to be difficult to understand due to their high level of flexibility. Additionally, developers may use jargon and other specialized language that can further complicate matters. To address these issues, the user interface has been updated to provide clearer context that can be understood through interaction alone.
Learnability for new users is steep
Wordy explanation and over reliance on documentation
Simplify visuals and context for complicated settings
Higher contrast can improve accessibility
Improved UI recognition can be achieved through the use of a contextual preview box.
I provided documentation to developers that served as a guide outlining the significance of visibility of status. Prioritizing this key aspect enabled the team to build better features and functionalities. This made it easier for them to understand how their actions will affect our clients and, therefore, improve the user experience.
Developers have placed the confirm button in different locations, causing accidental actions like purchasing or ordering. To prevent such mishaps, a consistent user pattern was established in the design system. This means end user can no longer use the button placement as an excuse for “accidentally” ordering late-night munchies.
By using a grid system, developers was able to stick to a well-defined layout, ensuring consistency across the entire product. This reduces potential errors and speeds up the development process. For users, the uniformity of the grid lowers the learning curve, as they were able to quickly recognise patterns and expectations.
A series of A/B tests shows a 32% decrease in time spent messing around settings and figuring out the interface.
21% decrease of new clients contacting the help desk to ask for additional support in setup and configuration tasks.
