Spectrophotometer APP UI & UX SAAS

Challenge Develop an intuitive user interface for a modern spectrophotometer that facilitates the acquisition, processing, and analysis of given samples while also acting as a result manager.

New Information Architecture

The first step of this project was to learn about existing pain points and opportunities to improve user experience by engaging with both stakeholders and users through a series of interviews and surveys. After the initial research stage, we gained a deep understanding of both the user needs & business goals. This allowed us to streamline the existing information architecture to better suit the most pertinent needs of the users. The new IA is optimized for the most common tasks, ensuring technicians employ best practices through minimized user errors.

New Information Architecture

Minimalistic Design

We designed a new UI that employed simplicity and clarity of all visual elements, while creating a hierarchical visual language that makes it quick and easy for users primary processes. By eliminating non-functional decorative elements, we achieved a minimal, data-focused UI that gave users increased accuracy when measuring lab samples.

Minimalistic Design

Data Visualization

Efficient data visualization is extremely important for the efficacy of any measuring device. This is particularly critical in a fast-paced, high-stakes lab environment where technicians rely on the speed and accuracy of these instruments to glean precise sample results. With input from the project stakeholders, we upgraded all charts to present data in a way that can be quickly read and understood.

By utilizing both static and interactive data visualization techniques, we were able to emphasize the most critical information relevant to a specific test. This allows users to quickly deduce the next course of action for the patient.

Data Visualization

Custom Designed Icons

An icon is a small graphic element with large functional implications. Any icon employed within the design of an interface should have an obvious meaning and purpose that is immediately understood by the user. When designing the icons for the project, we focused on simplifying the client’s existing iconography in order to optimize functionality, recognizability, and memorability.

Through the use of a foundation grid and the client’s existing guides for icon treatment, we were able to eliminate unnecessary ornamentation that could short circuit the user’s mental model and further increase user efficiency through minimized cognitive load and user errors.

Custom Designed Icons