Brain Science

Research & Design

Overview

This brain science organization hired blink to revamp its user experience. They wanted to give their site an updated look and feel while communicating what’s available to the user through a minimized amount of navigation to access data. We did this through a series of user interviews, revamping the information architecture, and creating a design language and structure they could replicate throughout the site, including on pages where an online tool's look and feel could not be updated.

The Problem
The site needed to be accessible to people with industry knowledge, and without. How do you create an intuitive navigation for those without knowledge while allowing for the hardcore scientists to quickly navigate to what they wanted to find?
My Contributions
  • Researcher and interaction designer
  • Ethnographic user research sessions
  • Information architecture revamp
  • Both high level and high fidelity wireframes
Challenges
  • Intense scientific knowledge
  • Internal politics
  • Existing tools that could not be changed

User Journey

In order to understand how the site was being used, we needed to understand the user journey. We began the project with a workshop that gave us insight into the users. We used this as the basis for a series of user interviews, where we captured their workflow.

Concept

JOURNEY MAP: Compilation of findings from the first round of user research.

Testing the Information Architecture

We had an understanding of the user interactions, but we needed to establish a navigation pattern. After working with the stakeholders to determine a new information architecture, we wanted to see how the users wanted to navigate the site. We did this by:

High Level Flow

WIREFRAME PROTOTYPE: Example of megamenu presented to users.

Navigation Direction

The results of the second round of research showed that users had clear expectations about how the site should be organized. This included:

Mobile Experience

CARD SORT RESULTS: Part of a dendrogram indicating the desired groupings

In addition to the navigation groupings, we also tested navigation methods. We found that users wanted longer pages with more information, without any alternate navigation methods for condensing information.

Scrolling Topics

SCROLLING TOPICS: Participants were adamant about not wanting to have to scroll through the science topics.

Two Approaches

After the user research, we presented two approaches to content on the pages. These included:

After discussions, we decided that the story approach was not right for these users. These scientists wanted to get to the desired data detail as quickly as possible, and were not interested in the story of the data.

Final Design

I worked closely on the final design with a skilled visual designer. He was inspired by artwork seen at the client location, which led to the final design. The color scheme was innocuous enough to be used on top of other tools, but the pattern reflected brain cell imagery artwork.

Final Design

FINAL DESIGN: This was the main designed page from the final deliverable.

Outcome

This project was considered a success because the client: