class: center, middle

Dashboard design

Par Vincent Beauregard (🍳/🥓/☕)

???

Format of communication : Audience and objectives

Will it be used ?


class: center, middle

bit.ly image

📃 https://bit.ly/bios2-dashboard

🎥 Zoom link


class: full-width, middle

car_dashboard

???

NOTES

What information are displayed ?

Interactive ?

What are the users objectives ? What decision are made from these measures ?

How often each of those information are updated ? Consulted ?

Is there a reason information is organized this way ? What about the size ? What about the colors ?

Who is the audience ? What is their expertise ?

Is it a good dashboard ? What makes it good or bad ?

Is it similar to our purpose ? How ?


class: full-width, middle

beer-fridge

???

NOTES

What information are displayed ?

What are the users objectives ? What decision are made from these measures ?

How often each of those information are updated ? Consulted ?

Is there a reason information is organized this way ? What about the size ? What about the colors ?

Who is the audience ? What is their expertise ?

Is it a good dashboard ? What makes it good or bad ?

Is it similar to our purpose ? How ?


class: definition, middle, center

(1) A dashboard is a visual display

of the

(2) most important information needed to achieve one or more objectives

and uses

(3) organization and interactivity to make key information accessible

so it can be

(4) monitored at a glance


Evaluation criterias

🍕 Information

  • Sufficient to achieve objectives and make decisions
  • No superfluous or overwhelming
  • Interactivity and filtering of meaningful properties
  • Updated adequately
  • Fits user expertise
  • Terminology is meaningful to the user

🥗 Organization

  • Salience. Position and size of information reflects their importance
  • Important information is highlighted
  • Grouped or colocated by similar activities and entities
  • Compared information are close
  • Workflow from top-left or top-center

🍒Visual appeal

  • Color is used purposefully
  • Legibility
  • Use of space

class: middle

🌎Explored dashboards

Quebec Covid Dashboard

G15+

Données CDPNQ

SUS Montreal

Half Earth

Quebec Living Planet Index


class: middle

🧩 Ressources and components

Material Design

Component gallery