Heidi Boehm

Design influencer: systems, digital, tech, enterprise, the future

Smartsheet’s
DAShboard

car dashboard.jpg

THE DASHBOARD

Smartsheet is a very robust collaboration tool. Imagine a glorified spreadsheet document that has charts, metrics, that everyone can tap into and are all linked to one another. It’s a powerful program with a unique dashboard feature that can surface up everyone’s documents to help companies make knowledgeable and impact business decisions.

Approximately 75% of the Fortune 500 companies use Smartsheet internally. Unfortunately 40% of customers do not utilize the dashboard feature and have not learned the value that dashboards can provide.

The following examples are some of the changes that were made during the redesign of the dashboard.

 

DESIGN IMPLEMENTATION

New design features added to the dashboard widget:

  1. Designed new IA for the dashboard

  2. Increased visibility to create and edit a dashboard

  3. Replaced editing modal with right panel

  4. New 12 column grid that widgets snap to

  5. Visual indicator of viewing vs editing mode

  6. Improved overflow actions on widget

  7. Added toolbar interaction onto widget for editing

Navigation bar
re-design

The existing navigation was challenging for users as most actions were hidden and scattered. It was also difficult to tell the difference between viewing and editing a dashboard. The architecture was recreated, actions renamed and moved into File/Edit/View menus which are more thoughtful and familiar to users.

[1.0] Original empty state dashboard with limited navigation and hidden actions

[1.0] Original empty state dashboard with limited navigation and hidden actions

[1.1] Updated dashboard with new information architecture

[1.1] Updated dashboard with new information architecture

[1.2] New File/Edit/View menu

[1.2] New File/Edit/View menu

 

Title dashboard
widget

[2.0] Previous title widget

[2.0] Previous title widget

[2.1] Current title widget creation and flow

[2.1] Current title widget creation and flow

[2.2] Title widget specs and hand-off to Engineering

[2.2] Title widget specs and hand-off to Engineering

 

Rich text dashboard
widget

[3.0] Previous rich text widget

[3.0] Previous rich text widget

[3.1] Re-designed rich text creation and flow

[3.1] Re-designed rich text creation and flow

[3.2] Rich text specs for hand-off to Engineering

[3.2] Rich text specs for hand-off to Engineering

 

Explorations