User Experience design and interface design are two unique services. We may call UI design as a subset of the former. Quite often, a funded startup looking to improve the customer experience for upscaling their product, opt for our UX services which include user research, creating wireframes, prototyping, designing interfaces and interactions, user testing, iterating, and improving.
However, for bootstrapped entrepreneurs who have a limited budget ask for only interface design. In such scenarios, the UI team work closely with the UX expert, directly work on Photoshop skipping the primary phases of the UX design process. It is all right for website design with the goal of a virtual representation of a physical entity and nothing more to it. When it comes to the web application, research, wireframe, and prototyping are critical!
Information overload is a challenge in UX
Our client needed a web dashboard; they evaluated the current performance of a set of healthcare products in the market along with the critical news and alerts from competitors. The app would be providing the social pulse about these products too. The user could see and download the market trends and trial documents.
At the initial stage of this project, we got a minimal idea of what the client was looking for as the domain was niche. So, we have multiple scoping sessions, clarified every detail and finally realized the original set of goals for the dashboard they wanted to build. Since the existing layout was too crowded with much information, we decluttered it with relevant insights and meaningful graphs.
Still, there was much information to present in the dashboard. Prioritising each bit and piece of data based on the logged in user's need was a challenge. We conducted brainstorming sessions to identify the priorities of ever user persona, created a list of them and defined a design to arrange it with code logically. As it was dynamic in nature, it had to be treated carefully to look good with less/more/no data on the screen.
Emoticons, Color psychology, and Information Architecture
We preferred emoticons over text to convey messages faster and more interesting. The approach helped to simplify the UI, and it had a direct impact on the aesthetics. The multi-colored icons could grab the attention of the users and helped them focus on the main points.
In the initial prototype, the position of the Menu covered 20% of the canvas. It was cramping the space allocated to the primary data on any screen. Domy suggested a collapsable Menu while retaining all the details, and providing quick access for the users' convenience. It helped to reduce the congestion on the screen and provide more breathing space for the design. Changing the menu from "always visible" to "hidden" made the user experience more intuitive and comfortable too.
Tools & Technology
Adobe Photoshop, Adobe Illustrator