Quest for Emotional Engagement: Information Visualization (v1.5)

u es The t Version 1.5Q t a o g for l ent na em io g m nE E @stephenanderson #uxiliveInformation VisualizationSte phen P. Anderson

ProductStephen P. Strategy aND n Deonsisuglting C Anderson

information

How do we make sense ofcomplex information information?

(Rebooting your Windows PC)

How do we make sense ofcomplex information information?

Identifying information peoplehave difficulty making sense of…

The Villains: lists spreadsheets grid views dashboards

The Villains: THERE’S SOMETHING MISSING FROM THESE DESIGN PATTERNS… RELATIONSHIPS! spreadsheets lists INCLUDING PROCESSES, PROPORTIONS & CHANGES OVER TIME grid views dashboards

The Villains: lists spreadsheets grid views dashboards

The Villains: Guilty of...? spreadsheets lists F ailure to aid dashboards in m aking sense grid views of compley information!

Villain N o: 1 P retends to be more useful & engaging, by being visual. But, aside from a pictured. or product shot, nothing much is adde It’s simply list data, disquised as more. grid layout

W hi ch ca m er ash ou ld I bu y ,a nd w hy ?

!!!Dang!Whew! GoodFun Toy

W ha t a re t hed if fe re nc es ?H el p m e m a ke se ns eof m y op t io ns !

WHAT’S NOT IMPORTANT!

WHAT IS IMPORTANT!the reviews on amazon.compricing (as an indicator of quality) in-depth review from placeslike dpreview.com actual photos taken with camera search results, just t0 see what comes up

cameras older than ‘x’ years! http://amazon.com

INSPIRATION!

http://dpreview.com

http://labs.digg.com

Resultsarranged on a timelineOLDER NEWEST

POPULARITY n sales ranking)(f rom Flickr and Amazo

Customermazon) A Reviews (from

(H over state) PRICING PHOTOS SPECS REVIEWS

(Photos taken PRICING with this camera PHOTOSSPECS from Flickr) REVIEWS View more on Flickr

etc. PRICING PHOTOSSPECS REVIEWS

“DATA” CAN BE:• Numbers• Metadata• Any information contained in a spreadsheet• Anything you can get via an API! (photos, images, text info)• Anything you can calculate from base data (difference between to numbers)• Anything you can derive from data (sentiment analysis)

Villain N 2 o: This pat ern doesn’t even try to be useful or engaging. S een in lists of all kinds & search engine results pages lists

The Blue Sky of BenefitsFinally, something good!Drowning in a Sea of Deductiblesamount of money that the insured must pay before anybeneﬁts from the health insurance policy can be used.

The Blue Sky of BenefitsFinally, something good! Co-insurance This is usually a percentage amount that is the Co-payments insureds responsibility. A common co-insurance split is 80/20. This means that the insurance The co-payment is a ﬁxed amount that company will pay 80% of the procedure and the the insured is required to pay at the time insured is required to pay the other 20%. of service. It is usually required for basic doctor visits and when purchasing 100% prescription medications. 90/10 $10/ $45 / $55 80/20 $10/ $35 / $45 Emergencies and Specialists Office Visits Prescriptions Gabe-endo, Elijah’s oral surgery, Erin’s wrist, chiropractor, x-rays Pharmaceutical Deductible $250/pp ? Individual DeductibleDrowning in a Sea of Deductiblesamount of money that the insured must pay before anybeneﬁts from the health insurance policy can be used. Family Deductible

Villain N o: 3 Is the workhorse used by many people.” Extr emely flexible- can be what anyone needs it to be. C onsequently, it ends up being atliitoln,e more than a treasure trove of iwsformof data. n hidden beyond rows and ro “t he spreadsheet” Places burden of usefullness entirely ESliv li, aSPnRgEAoDSsHEET,dORif eDAreTAt GRnaIDmSes upon user. AeKAs:amTAe BL e by n th

Packaged Order Order Shipped Shipped Tracking EstimatedOrder # Items Ordered Cut On for Placed Received Out On By Number Arrival Delivery 1 box olive mat329103 board 1/15 1/15 - - 1/21 UPS 1/23 3 of something 1 super special329100 1/12 1/13 1/15 1/15 1/19 UPS SCG78299 1/23 frame 5 sheets (8ʼx4ʼ)329099 1/12 1/13 N/A 1/16 1/17 FedEx FJ8989221 1/20 AG Glass

Movie Title Ceremony DateOscar Year Screener Leaked by Oscar Night?US Release Date Screener/Retail DVD Leaked by Oscar Night?Screener Release US Release to DVD-BluRay LeakCam LeakTelesync LeakTelecine, R5 or PPV LeakScreener LeakRetail DVD-BluRay LeakUS Release to First LeakUS Release to Screener LeakScreener Release to Screener Leak

Movie Title Oscar Year Durationked)Release Type (before lea Leak type US Release to Screener Leak Screener LeakUS Release Date US Release to DVD-BluRay Leak Telesync LeakScreener Release US Release to First Leak Telecine, R5 or PPV LeakRetail DVD-BluRay Release Screener Release to Screener Leak Cam Leak Retail DVD-BluRay Leak Screener Leaked by Oscar Night? Screener/Retail DVD Leaked by Osc Ceremony Date

Movie TitleOscar Year Durationked) (before lea Release Type Leak type Screener Leak Telesync Leak US Release Date US Release to First Leak Telecine, R5 or PPV Leak Cam Leak US Release to Screener Leak Screener Release Screener Release to Screener Leak Retail DVD-BluRay Leak Retail DVD-BluRay Release US Release to DVD-BluRay Leak Screener Leaked by Oscar Night? Screener/Retail DVD Leaked by Oscar Night? Ceremony Date

Screener Leak Telesync Leak Telecine, R5 or PPV LeakUS Release Date US Release to Screener Leak Cam Leak

US Release Date US Release to Screener Leak Screener Leak Telecine, R5 or PPV Leak Cam Leak Telesync

US Release Date US Release to Screener Leak X Telecine, R5 or PPV Leak Screener Leak Cam Leak Telesync

Date Duration DateUS Release Date US Release to Screener Leak X Telecine, R5 or PPV Leak Screener Leak Cam Leak Telesync

Date Duration DateUS Release Date US Release to Screener Leak X Telecine, R5 or PP Screener Leak Cam Leak Telesync

Date DateUS Release Date X

DateUS Release Date X

Date X

align by date OR by [ initial ] release Align by: Date Initial Release Oscas Night 11/26 12/9 1/26 11/26 12/9 1/26 x x x x xDark Knight x Dark Knight 11/26 12/9 1/26 11/26 12/9 1/26 x x x x x Bolt x Bolt 12/9 11/26 1/21 12/9 11/26 1/21 x xx x Benjamin x Button Benjamin x Button

Villain N 4 o: Two words: Information Overload. A lot of useful data, some information, very lit le that is actionable. the dashboard

March 2010 Overall, your performance improved. However, while you did better (+21% increase!) following up on new opportunities, you didn’t have as many Wins this month (-14%) as in previous months NOTE: ACES ARE HIGH! 213 73 64 53 38 12 Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & PaidWow. This was 112% While 73 isn’t a bad Text commenting on Text commenting on Text commenting on Text commenting onof your target. Good number, at 32% it’s this performance this performance this performance this performancejob!! below last months average of 45%. VIEW PIPELINE DETAILS FOR MARCH 2010 How does this compare? My Peers: Previous Months Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & Paid

My Peers: Previous Months Leads Contacted Contacts Qualified Interviews Proposals Written Sales Closed! Closed & Paid 1. Harold F. 1. Yvonne R.1. John S. 1. John S. 1. George B. 1. George B. 2. John S. 2. Harold F.2. George B. 2. Yvonne R. 2. José A. 2. John S. 3. George B. 3. John S.3. José A. 3. George B. 3. John S. 3. José A. 4. José A. 4. George B.4. Yvonne R. 4. José A. 4. Yvonne R. 4. Yvonne R. 5. Yvonne R. 5. José A.5. Harold F. 5. Harold F. 5. Harold F. 5. Harold F. By the Numbers:$21,304 " 17 ! INBOUND LEADS 82 OUTBOUND LEADS 137REVENUE THIS MONTH WINS THIS MONTH MAIN SOURCE OF WINS:$19,497 19 Advertising (8) Cold Calling (4)AVG MONTHLY REVENUE AVG WINS PER MONT Something else (3)$116,927 120 TOP 3 OBJECTIONS:REVENUE YTD WINS THIS YEAR Happy with current vendor Price to high Contract to restrictive WHY OPPORTUNITIES WENT DEAD: Happy with current vendor GROUP AVERAGE Price to high Contract to restrictive YOUR AVERAGE

Present Past

5 ? o:Villain N“He-w ho-has-!et- to- be-named ” The one that is com plained about... where there is con fusion & compleyit! Can often found

Visualizing research papers referenced in a selection of books

Visualizing research papers referenced in a selection of books (sort by date released)

AN EXERCISE! LIST SOME THINGS YOUQ| (OR YOUR FIND CUSTOMERS CONFUSING /CLIENTS)

AN EXERCISE! LIST SOME THINGS YOUQ| (OR YOUR FIND CUSTOMERS CONFUSING /CLIENTS) • My AT&T phone bill • The world of artisan cheese s • IP addresses, domain names, hosting, email, URLs/U RIs, etc. • Playing the “rewards points” game w/ Hotels, Airlines Cr edit Cards • Understanding international sh ipping opt ions across carriers • YOUR TURN!

Identifying information peoplehave difficulty making sense of…

A CHALLENGE: Have you found aLook beyond these place where complexpatterns: information might be best represented in a visual way? Spreadsheets Dashboards If so, make it so! If not, keep looking… Grid Views Search Results

Why this is about so muchmore than pretty pictures…

YOUR BRAIN

WORKING YOUR BRAINMEMORY

WORKING YOUR BRAIN MEMORYJUDGEMENT

WORKING YOUR BRAIN MEMORY UNDERSTANDINGJUDGEMENT RELATIONSHIPS

Short-term memory is wherethe real work of sense-makingtakes place WORKING YOUR BRAIN MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPSShort-term memory has alimited amount space.

Short-term memory is wherethe real work of sense-makingtakes place WORKING YOUR BRAIN MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPS We can help this guy out!Short-term memory has alimited amount space.

“PRE-ATTENTIVE PROCESSING”

Form: Orientation Line Length Line Width

Form: Size Enclosure Shape

Form: Curvature Proximity Proximity

Color: Hue Intensity

Spatial Position: 2-D Position

Motion:

HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCHSENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING JUDGEMENT RELATIONSHIPS BALANCE PAIN TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.

HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.

HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH METAPHORS /SCHEMA SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN SEMIOTICS TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.

The Blue Sky of BenefitsFinally, something good! Co-insurance This is usually a percentage amount that is the Co-payments insureds responsibility. A common co-insurance split is 80/20. This means that the insurance The co-payment is a ﬁxed amount that company will pay 80% of the procedure and the the insured is required to pay at the time insured is required to pay the other 20%. of service. It is usually required for basic doctor visits and when purchasing 100% prescription medications. 90/10 $10/ $45 / $55 80/20 $10/ $35 / $45 Emergencies and Specialists Office Visits Prescriptions Gabe-endo, Elijah’s oral surgery, Erin’s wrist, chiropractor, x-rays Pharmaceutical Deductible $250/pp ? Individual DeductibleDrowning in a Sea of Deductiblesamount of money that the insured must pay before anybeneﬁts from the health insurance policy can be used. Family Deductible

HEARING Short-term memory is where the real work of sense-making TASTE takes place SMELL TOUCH METAPHORS /SCHEMA SENSORY ORGANS SHORT-TERM LONG-TERM MEMORY MEMORY UNDERSTANDING UNDERSTANDINGPRE-ATTENTIVE PROCESSING JUDGEMENT RELATIONSHIPS RELATIONSHIPS BALANCE PAIN SEMIOTICS TIME Short-term memory has a TEMPERATURE AND MORE! limited amount space.

Why this is about so muchmore than pretty pictures…

Thinking and doing.

Thinking and doing.Thinking through doing.

“By rearranging the board, the player acquired information that was otherwise difficult to perceive. Although she could have acquired this information by mentally simulating the move, it was simpler and faster to physically carry out the move and then reverse it. More importantly, the problem space is now partly in the head and partly in the world, with interaction linking and blending these two spaces together.Interacting with the environment—in this example, rearranging it to address animmediate epistemic need—can generate insight into a problem by treating theenvironment as a resource for reducing cognitive complexity. Instead of relyingexclusively on an internal representation, the player creates, and operates on, anexternal representation of the problem space. Thus, interaction creates bothphysical and informational changes in the environment. The player can thenleverage these informational changes to simplify cognitively complex tasks.”— KARL FAST, “Interaction and the epistemic potential of digital libraries” Read this! http://www.springerlink.com/content/4755373gw24g00l8/?MUD=MP

Conversing: Manipulating: Navigating:conveying intended touching, grasping, moving from oneactions through or handling visually location or piece oflanguage (i.e., the perceptible aspects information tomouth and talking). (i.e., the hands and another (i.e., the handling). feet and walking). adapted from Karl Fast “Interaction and the epistemic potential of digital libraries”

Why this is thrilling…

LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 1 2 3 TO RESPOND

LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 2 3 TO RESPOND

LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION 3 TO RESPOND

LIMITED WAYSABUNDANCE OF (BIOLOGICALLY) CRUD* TOOLS INFORMATION TO RESPOND

PresentC.R.U.D. TOOLS *

PresentC.R.U.D. TOOLS *CREATEREADUNDODELETE

PresentC.R.U.D. TOOLS *CREATEREADUNDODELETE(ALSO BROWSE, SEARCH, & FILTER)

Present FutureC.R.U.D. TOOLS *CREATE TOOLS FOR UNDERSTANDINGREADUNDODELETE(ALSO BROWSE, SEARCH, & FILTER)

Present FutureC.R.U.D. TOOLS *CREATE TOOLS FOR UNDERSTANDINGREAD COMPAREUNDO COMPREHENDDELETE EXPLORE(ALSO BROWSE, SEARCH, & FILTER) ANALYZE EVALUATE SYNTHESIZE

Why visual interactions?

Why visual interactions?…to help people make informed decisions(understand what is already known, but hasn’t been shown)

Why visual interactions?…to help people make informed decisions(understand what is already known, but hasn’t been shown)…to explore possibilities…to affect behavior change…to create a shared platform for conversation…to explore what is unknown

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown)…to explore possibilities …to explore possibilities …to affect behavior change …to create a shared platform for conversation …to explore what is unknown

Watch this!http://vimeo.com/36579366

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown)…to explore possibilities …to explore possibilities …to affect behavior change …to create a shared platform for conversation …to explore what is unknown

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities…to affect behavior change …to affect behavior change …to create a shared platform for conversation …to explore what is unknown

http://mattmckeon.com/facebook-privacy/

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities…to affect behavior change …to affect behavior change …to create a shared platform for conversation …to explore what is unknown

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change…to create a a shared platformfor conversation …to create shared platform for conversation …to explore what is unknown

http://www.businessmodelgeneration.com/

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change…to create a a shared platformfor conversation …to create shared platform for conversation …to explore what is unknown

Why visual interactions? …to help people make informed decisions (understand what is already known, but hasn’t been shown) …to explore possibilities …to affect behavior change …to create a shared platform for conversation…to explore what is unknown …to explore what is unknown

A single DNA sequencer cannow generate in a day whatit took 10 years to collect forthe Human Genome Project.

http://datavisualization.ch/tools/pathline-connecting-designers-with-scientists/

“ The 19th Century culture was defined by the novel. The 20th Century culture was defined by the cinema. The culture of the 21st Century will be defined by the interface.” — LEV MANOVICH, media theory professor of Visual Arts, University of California, San Diego http://www.ted.com/talks/aaron_koblin.html

Thank you!slideshare.net/stephenpa getmentalnotes.comStephen P Anderson .@stephenandersonwww.poetpainter.com

http://uxi.org.il	1678
http://www.jvetrau.com	1369
http://visualoop.com	1326
http://www.poetpainter.com	1231
http://www.cmsmagazine.ru	350
http://www.scoop.it	298
http://www.conseilsmarketing.com	160
http://juddmorgenstern.com	134
http://gridread.com	48
http://vurig.nl	35
http://feeds.feedburner.com	29
http://poetpainter.com	25
http://platformsandpixels.tumblr.com	20
http://www.vurig.nl	14
https://twitter.com	7
http://2013.staging.vurig.nl	5
http://us-w1.rockmelt.com	4
http://www.platformsandpixels.com	4
http://illist.tumblr.com	3
http://www.linkedin.com	2
https://si0.twimg.com	2
http://translate.googleusercontent.com	2
http://pinterest.com	2
http://dodi.vurig.me	2
http://www.m.techgig.com	1
http://www.bagtheweb.com	1
http://bazqux.com	1

Quest for Emotional Engagement: Information Visualization (v1.5)

by Stephen Anderson on Jun 28, 2012

Accessibility

Categories

Upload Details

Usage Rights

27 Embeds 6,753

Statistics

Quest for Emotional Engagement: Information Visualization (v1.5) Presentation Transcript