Share
Baresquare asked Experientia to identify the pain points of the current filtering experience of the Collaboration UI platform and to design an improved user interface.
We investigated the current solution, deliver an interactive prototype and design specifications that offer optimized filter navigation experience.
3 things to know
Co-desiging with the client on Miro boards
Experientia carried out co-design workshop activities using remote visualization and collaboration tools. Co-design activities were managed using Miro boards and group video-calls, with stakeholders from different locations.
Understanding multiple use cases and scenarios
UI collaborations vary greatly depending on the context. The design team identified and developed solutions adaptable and scalable to variable use cases and future scenarios.
Providing specific requirements
We organized design specifications in Adobe XD, illustrating specific requirements for how the design should be executed. This includes dimensions, interaction patterns, ergonomic factors, aesthetic details (colors, fonts, and measurements of selected elements) and information (flows, behaviors and functionality).
Gallery
Context
Baresquare is an International AI and data analytics company that developed Collaboration UI, an application enabling companies to multiply the efficiency of their teams and driving meaningful change in their business performance. Baresquare asked Experientia to identify the pain points in the UX of the Collaboration UI platform and to design an improved user interface that ensures an efficient, seamless, and pleasant interaction with the application.
Challenge
During the first 2 month “Sprint”, we worked with Baresquare to investigate the current solution via user interviews and a framing workshop, identified filter navigation best practices, and analyzed the competitor’s market. This allowed us to deliver an interactive prototype and design specifications that offered optimized filter navigation experience. In the second “Sprint” we focused on the redesign of the detailed ticket page and developed a new design system for desk and mobile app, providing clear direction and design specifications for an optimized color palette, typography, icon set, and main interactive components.
Research
Experientia conducted an in-depth analysis of the use of filters within the “collaboration UI” application. The analysis of the AS IS started with guided navigation tours, an heuristic review of the current UX/UI design according to Nielsen’s heuristics and interviews with tool users and stakeholders, to identify pain points and design opportunities. Fieldwork results and customer journey maps identified emerging themes ranging from platform usage, clients perspective, future vision and design opportunities. Based on these key findings, Experientia developed some alternative concepts and discussed these solutions during the remote framing workshop.
Design
Experientia iterated the selected concept and designed the look&feel of the user interface. We created a clickable prototype with an appealing visual design in Adobe XD. With the same tool we also provided specific requirements for how the design should be executed and created design specifications for the dev team of Baresquare.