Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Remove to Improve (the data-ink ratio)

Joey Cherdarchuk
August 20, 2013
Design
42
370k

Remove to Improve (the data-ink ratio)

The next time you are trying to improve a chart, consider what you can take away rather than what you can add.

Joey Cherdarchuk

August 20, 2013
Tweet

More Decks by Joey Cherdarchuk

See All by Joey Cherdarchuk
Data Looks Better Naked: Maps Edition
cherdarchuk
15
23k
Data Looks Better Naked: Pie Chart Edition
cherdarchuk
30
130k
Clear Off the Table
cherdarchuk
81
300k

Other Decks in Design

See All in Design
いかに開発効率と品質を高めるか: ドメイン駆動設計と組織パターンの視点から考える
j5ik2o
PRO
1
650
Erin Casali Sketch Note
uxevents
PRO
0
120
0→1の開発チームでのUXライターの動き方・改
aguringo
0
100
DESIGN PERSPECTIVES　制作会社から大企業のデザイナーに転職して気づいたこと
koel
0
210
DDDEU2023 Keynote - Systems thinking in large-scale modeling
xinyao
1
1.6k
神速でワイヤーフレームを作るためのライブラリ
448jp
1
550
2023年度 尾道市立大学 特別講義「デザインと編集」
ikuhotamura
0
160
UXA2023 Andy Budd - Design’s Mid-Life Crisis
uxaustralia
PRO
0
250
Climate Designers Japan #1 気候変動課題にチャレンジするデザイナーのコミュニティはじめます。
toshiotsuka
0
110
Amebaブログ Brand Guidelines
spindle
3
450
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
160
ホワイトペーパー制作代行サービス（旧）
siteengine
0
130

Featured

See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
265
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
36
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
41
11k
What's new in Ruby 2.0
geeforr
336
30k
Art, The Web, and Tiny UX
lynnandtonic
285
18k
The Cost Of JavaScript in 2023
addyosmani
9
1.5k
Optimizing for Happiness
mojombo
368
67k
Statistics for Hackers
jakevdp
787
210k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
351
28k
The Language of Interfaces
destraynor
149
22k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
130
9k
For a Future-Friendly Web
brad_frost
168
8.2k

Transcript

  1. Remove
    improve
    to
    (the data-ink ratio)
    Created by Darkhorse Analytics www.darkhorseanalytics.com

    View Slide

  2. Remove backgrounds
    0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods French
    Fries
    Potato
    Chips
    Bacon
    Pizza
    Chili Dog

    View Slide

  3. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods French
    Fries
    Potato
    Chips
    Bacon
    Pizza
    Chili Dog
    Remove backgrounds

    View Slide

  4. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods French
    Fries
    Potato
    Chips
    Bacon
    Pizza
    Chili Dog
    Remove backgrounds

    View Slide

  5. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods French
    Fries
    Potato
    Chips
    Bacon
    Pizza
    Chili Dog
    Remove redundant labels

    View Slide

  6. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods
    Remove redundant labels

    View Slide

  7. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g
    Remove redundant labels

    View Slide

  8. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Type of Food
    Calories per 100g
    Remove redundant labels

    View Slide

  9. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove redundant labels

    View Slide

  10. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove borders

    View Slide

  11. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove borders

    View Slide

  12. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove borders

    View Slide

  13. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove borders

    View Slide

  14. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Reduce colors

    View Slide

  15. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Reduce colors

    View Slide

  16. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove special effects

    View Slide

  17. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove special effects

    View Slide

  18. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove special effects

    View Slide

  19. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove bolding

    View Slide

  20. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove bolding

    View Slide

  21. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Remove bolding

    View Slide

  22. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten labels

    View Slide

  23. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten labels

    View Slide

  24. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten labels

    View Slide

  25. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten lines

    View Slide

  26. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten lines

    View Slide

  27. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten lines

    View Slide

  28. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Lighten lines

    View Slide

  29. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Or remove lines

    View Slide

  30. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Or remove lines

    View Slide

  31. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Or remove lines

    View Slide

  32. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Or remove lines

    View Slide

  33. 0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Direct label

    View Slide

  34. French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Direct label

    View Slide

  35. 607
    542 533
    296
    260
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    Direct label

    View Slide

  36. Less
    is more
    (effective)

    View Slide

  37. Less
    is more
    (attractive)

    View Slide

  38. Less
    is more
    (impactive)

    View Slide

  39. Before
    0
    100
    200
    300
    400
    500
    600
    700
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Number of Calories
    Type of Food
    Calories per 100g for different foods French
    Fries
    Potato
    Chips
    Bacon
    Pizza
    Chili Dog

    View Slide

  40. 607
    542 533
    296
    260
    French
    Fries
    Potato
    Chips
    Bacon Pizza Chili Dog
    Calories per 100g
    After

    View Slide

  41. www.darkhorseanalytics.com

    View Slide