healthcare
dashboard

accessible and extensible UX for complex data

Blue Health Intelligence
Information Architecture, Visual Design

Harnessing Big Data in Healthcare

gotomedia partnered with BHI to create their new National Benchmark Web Application with a goal towards a developing a design that could be extended to future BHI products. Key priorities were modular layouts, consistent interaction methods and flexible visual design. BHI Healthcare intelligence is facilitated by Big Data creating opportunity through improvements, anomaly detection, and accurate predictions.


Outcomes
  • Streamlined steps to access data & reports
  • Simplified interface by grouping tools & filters
  • Created useful pathways for novice & 
experienced users
  • Reduced need for training
  • Surfaced most requested features
  • Enhanced visual information display
  • Aligned design with company brand that easily extends to new screens & products

Exploring Methods of Interaction ux concepts

The strategy for the UX approach was explored using high level conceptual models prior to screen level wireframing. The three concepts solve the needs of stakeholders and users in different ways.

Concept A: Workspaces

A concept diagram for the BHI dashboard. The concept is illustrated with small thumbnails of different key pages. This cocnept shows the user dividing taskes between discrete "Explore", "Design" and "Share" modes.

Concept B: Guided steps

A concept diagram for the BHI dashboard. The concept is illustrated with small thumbnails of different key pages. This concept shows the interface oriented around creating new sheets, with the suer selecting whether to create sheets based on selected data, selected charts, or broader search results.

Concept C: Simple Sheets

A concept diagram for the BHI dashboard. The concept is illustrated with small thumbnails of different key pages. For this concept, users build their sheets piecemeal by adding specific charts or datasets one at a time.

Laying the Groundwork information architecture

wireframes

The IA phase expanded on and evolved the Workspaces Concept.  The high fidelity wireframes articulated the application features & their associated interactions.

Mapping Key Moments interaction design

interactive prototypes

Low fidelity prototypes enabled a low risk method of exploring the application functionality and organization. The final prototype provided guidance to developers to understand complex interactions that may not be obvious in two dimensional wireframes.

Establishing Look & Feel visual design

modular & malleable visual language

The dense and layered dashboards required visual designs that emphasized clarity and legibility through their typography, iconography, and visual patterns.

design & interaction guidelines

The visual language developed in the designs was then captured in a comprehensive guidelines document that set parameters for generating new screens, components, and interactions beyond the finished project.

Have a project for us?

Let's chat

ARM Website Redesign

IHA Healthcare Atlas