Top Banner
Newsability How to shape data and change perceptions Nikita Lukianets
75

Newsability

Jan 28, 2015

Download

Design

how to shape data and change perceptions
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Newsability

NewsabilityHow to shape data and change perceptions

Nikita Lukianets

Page 2: Newsability

This presentation was made possible with the great help of use-age organization and, specially, Teresa Colombi

Page 3: Newsability

Theodor Roosevelt

It’s not our resources that make us a great nation, but

how we use them

Page 4: Newsability

90% of information input is visual channel

Page 5: Newsability

Attention Economy

Page 6: Newsability

And we can build a model :)

Concentration [Y/N]

Volume

[#]

Stability

[∆T]

Switch

[∆E]

Page 7: Newsability

Big Amounts of Data and growing

Page 8: Newsability

Attention is scarce resource

Page 9: Newsability

primary → secondary priority

Attention is disturbed, deteriorated

Page 10: Newsability

Attention = luxury

Page 11: Newsability

Attention Economy

Attention = €

Page 12: Newsability

wepay attention

Page 13: Newsability

We stop reading, just sliding through materials

Page 14: Newsability

News, becoming old by one day, are now obsolete in hours,

and just because we pay attention to “newer” news

Page 15: Newsability

Content is very important

Page 16: Newsability

Spiked growth of information causes

attention deficit.

Herbert Simon “Information Law”, 1971

Page 17: Newsability

Attention deficit

hurts the economic model of news sites, blogs, search engines, online

stores, web advertising

Attention deficit

Page 18: Newsability

It’s about history

Page 19: Newsability

Interest with compliance weight

Page 20: Newsability

APML – Attention Profile Markup Language

Page 21: Newsability

What about design

Page 22: Newsability

Fictional

Design-wise: Use dashboard

Page 23: Newsability

Your Design

A Better Design

Optimized at Local Maxima

Current

Focus and Optimization

Page 24: Newsability

Tool: infographics

Page 25: Newsability

Data, Information, Knowledge

lat. informatio — explanation;gr. γραφικος — illustrative

Page 26: Newsability

Not tables

Page 27: Newsability

Not images

Page 28: Newsability

Tărtăria tablets [5500 BC], it has a long history

Page 29: Newsability

Examples: infographics

Page 30: Newsability

Mapping. Dynamics + Distribution

Page 31: Newsability

Heat Map

Page 32: Newsability

Heat Map

Page 33: Newsability

Inclusion

Page 34: Newsability

Scale

Page 35: Newsability

Mapping - comparison

Page 36: Newsability

Process )

Page 37: Newsability

Or this way

Page 38: Newsability

Clustering at http://www.elmundo.es/

Page 39: Newsability

Structure ~ real objects

Page 40: Newsability

Coding with Chernoff Faces

The Use of Faces to Represent Points in K-Dimensional Space Graphically, by Herman Chernoff © 1973 American Statistical Association.

Page 41: Newsability

Structure again: Coffee is different

Page 42: Newsability

Scaling

Page 43: Newsability

Trees

©Nikita Lukianets, LimeJam

Page 44: Newsability

All-in-one

Page 45: Newsability

Comics

Page 46: Newsability

Instruments

Page 47: Newsability

Geo-mapping

ImapBuilder - http://www.imapbuilder.com/

amMap - http://www.ammap.com/

Page 48: Newsability

Project Crescent, Power Pivot

Crescent (in SQL Server 2012)

Page 49: Newsability

Affinity analysis

Touch Graphhttp://www.touchgraph.com

Page 50: Newsability

Frase-frequency analysis

Wordle Text Cloudshttp://www.wordle.net/

Page 51: Newsability

Bin connection analysis

GATE – General Architecture for Text Engineering, IBM many Eyeshttp://gate.ac.uk/

Page 52: Newsability

Using Isotype Pictograms

lat. pictus — drawgr. γράμμα — mark

Keywords: Isotype, Vienna method, Otto Neurath & Gerd Arntz

Page 53: Newsability

Numbers and Meanings

Page 54: Newsability

Color Grades

COLOURlovershttp://www.colourlovers.com

Kuler Adobehttp://kuler.adobe.com/

Page 55: Newsability

Choosing the right visualization type

Page 56: Newsability

A formula

Page 57: Newsability

Statement we need to show

{X} is [huge]

Page 58: Newsability

Fact that looks crazy

[9 876 543 210 000 000 000 000] {X} [created] each [second]

Page 59: Newsability

Link to a tangible object

It is as [many] as [50x][stadiums] of [people]

Page 60: Newsability

Reinforce statement

and {X} is as [big] as [Jupiter]

Page 61: Newsability

Reinforce the statement with metaphor

If we imagine that {X} is …It will be …

Page 62: Newsability

TUFTE rules

1. Compare, show difference.

2. Show structure and mechanisms.

3. Use polivariant data, at least 2 dimensions.

4. Get to full integration of text, numbers, graphics.

5. Show sources and metadata.

6. Remember about content, it’s core.

Page 63: Newsability

Just try

Page 64: Newsability

Hormones rule our lives

schizophrenia anxiety happiness

depression love stress

Dopamine

Serotonin

Oxytocin

Noradrenaline

Adrenalin

Page 65: Newsability

Yes, you can train attention

Ivan Pavlov, 1904

Page 66: Newsability

Get your hands dirty

Page 67: Newsability

Go-do

Define objects and Structure

Define relationships

Align sequence of

actions, events

Set quantitative

criteria

Find the right model-

presentation

Page 68: Newsability

Why to change through design?

The IT and data-driven revolution has made business more reliable, but it has also driven courage and intuition out of management.

Bridging design thinking with management science will create better leadership. Any attempt to drive innovation with design needs to acknowledge that there are many factors within the client organization that can affect the ability to deliver innovation.

Page 69: Newsability

[email protected], twitter: nikiluk

Page 70: Newsability

nikitalukianetsI Help companies to bring meaning to their products and services.

Start-up, Microsoft, Milano, UX, LimeJam, Hitchhike, Dance

Page 71: Newsability

P.S. Read Books

Page 72: Newsability

The Visual Display of Quantitative Information

Tufte, Edward R.

Page 73: Newsability

Visual Complexity: Mapping Patterns of Information

Manuel Lima

Page 74: Newsability

The Attention Economy: Understanding the New Currency of Business

Thomas H. Davenport

Page 75: Newsability

The Cinematic Mode of Production: Attention Economy and the Society of the Spectacle (Interfaces: Studies in Visual Culture)

Jonathan Beller