Stefan Ivanov

UX Architect Local Leader

Entrepreneur and startup enthsuitsiast

Agenda

• Why?

• What?

• Graphs and charts

• Context aware design

• Good and bad practices

WHY

WHATEvery organization on the planet knows WHAT they do. There are products they sell or the services they offer.

HOWSome organizations know HOW they do it. These are the things that make them special or set them apart from the competition.

WHYVery few organizations know WHY they do what they do. WHY is not about making money. That’s a result. It’s a purpose, cause of belief. It’s the very reason your organization exists.

The Golden Circle

https://www.youtube.com/watch?v=sioZd3AxmnE

WHAT

Definition

• Structure and organization

• Easy to comprehend

• Parallel vs serial browsing

Purposes they serve

• Show key data

• Get us all on the same page

• Provide context

GRAPHS AND CHARTS

Data-ink ratio

𝑑𝑎𝑡𝑎 𝑖𝑛𝑘 𝑟𝑎𝑡𝑖𝑜 =𝑑𝑎𝑡𝑎 𝑖𝑛𝑘

𝑡𝑜𝑡𝑎𝑙 𝑖𝑛𝑘 𝑢𝑠𝑒𝑑 𝑖𝑛 𝑡ℎ𝑒 𝑈𝐼

Types of visualizations

• Time series

• Composition

• Deviation

• Distribution

• Relationship

• Comparison & ranking

CONTEXT AWARE DESIGN

https://dribbble.com/shots/1821178-Sales-Report

For small screens

GOOD AND BAD PRACTICES

http://dashboardspy.com/category/bank-dashboard/

https://dribbble.com/shots/1657051-Nest-Control-Concept/attachments/260524

http://dashboardspy.com/img/museum-dashboard.png

http://www.conceptdraw.com/samples/resource/images/solutions/dashboards-&-kpi/Comparison-Dashboard70.png meeeh…

http://www.visionplanner.nl/wp-content/uploads/2012/01/Dashboard_voorbeeld_bezetting_omzet_kosten_860.png

https://www.jaspersoft.com/imgRoot/product_assets/Dashboards_MashboardsLarge.png

Summary

• Why?

• What?

• Graphs and charts

• Context aware design

• Good and bad practices