Date post: | 06-Aug-2015 |
Category: |
Design |
Upload: | selwynjacob90 |
View: | 59 times |
Download: | 1 times |
break conventions
1
1What if?But why?How can I?
1Conventions to break conventions
1. Understand the context2. Do not break for the sake of breaking3. Refer to 2
1
What if?dashboards are collaborative by nature
But why?should discussions take place elsewhere
How can we?weave a visual story around collaboration
1Don’t stick with plain ol’ conventions. Go the extra mile and show your users that you care.
#happinesstip
Simplify
2
Remove content that doesn’t support data.It is information that viewers read without a reward
2
- You don’t have to show everything- Avoid meaningless visual content- Drill-down if necessary- White space is a good thing. Really.
2
Data-Ink Ratio =
2Ink used to show data
Total ink used on the graphic
Edward Tufte - The Visual Display of Quantitative Data
Tufte’s Principles
2Edward Tufte - The Visual Display of Quantitative Data
1. Above all else show data 2. Maximize data-ink ratio 3. Erase non-data ink 4. Erase redundant data-ink 5. Revise and edit
Don’t bring in unwanted varietyIncreases cognitive load and perceptual strategy for interpreting content
It is many people’s jobDon’t make them work harder than necessary
2
Reason before you add. Every new item competesfor attention, space, and action.
#happinesstip
2
love at first sight
3info
Easy to read, understand, and monitor
3
- Provide adequate context- Maintain visual hierarchy- Express measures meaningfully- Guide the flow and attention
3
3Source: Phoenix Government
3Source: Williamsburg City Government
3Actionable, productive information VS Interesting but extraneous information
3
Bullet Graph
3
KPI Data Labels
3
Line Chart
3
Spark Lines
3
Bar Graph
3Design information to be self-guiding, contextual,and actionable.
#happinesstip
get extra makeup out of the way
4
Avoid- Unnecessary decoration- Cute visuals with no meaning- Color abuse- Fancy typography- Automobile Gauges. Please.
4
We know 3D is cool, but …
4
Don’t try to entertain at the expense of communication
4
At every step, question if visual design aids content.
#happinesstip
4
Books- The visual display of quantitative information - Edward Tufte- Information dashboard design - Stephen Few- Designing with the mind in mind - Jeff Johnson- Design for Information - Isabel Meirelles