MY ROLE

UX Designer

THE PROJECT

Responsive dashboard design

THE RESULT

Successful launch of proposed design


Background

llumina is a world-leader in genomics research, with a complex array of devices and applications. To make my life easier for their users, Illumina approached my team to create a single dashboard for all of Illumina’s services.


The Project

I worked with a large cross-functional team to design and deliver a responsive web-based dashboard. The entire project took place over the course of a year, with the design team’s involved for about 4 months.


My Role

I worked alongside one other UX designer and one visual designer to complete the design work of the project. With the design divided into modular components, I led the experience design of half of the dashboard components, while my UX counterpart led the other half.


Our Approach

Our design process began with a series of workshops over the course of the week, to better understand our users and the domain. With a subject matter as complex as DNA sequencing, we started the project by spending over a week on-site at a lab, sitting alongside scientists to understand their current situation and the problem space.

With our Deloitte team and this research, we established a set of personas and user journeys.


Discovery

Sample Persona

Sample Persona

Sample Journey

Sample Journey


Framework:
Jobs to be Done

Our personas and journeys led to an ideal state description, and a long list of tasks and features. As we felt the project grow, we compressed the work into a manageable framework by focusing on the jobs-to-be done: the specific “jobs” that scientists (and other primary users) were “hiring” the dashboard to do. This allowed us to break the dashboard down into its natural widgets: Calendar, Machine Status, etc.


Wireframes

We created a widget-based dashboard, with treatments for desktop and mobile. This arrangement allowed us to both scale across different device sizes, and allow for a great deal of customization for every user.

Portion of desktop wireframe.

Portion of desktop wireframe.


Final Design

Our concepts were visualized and developed, and are now the basis for the final product that is live today.