How (not) to lie with visualization cs5984: Information Visualization Chris North.

Slides:



Advertisements
Similar presentations
Lecture 06: Design II February 5, 2013 COMP Visualization.
Advertisements

Multi-Dimensional Data Visualization
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Dynamic Queries cs5984: Information Visualization Chris North.
Graph Visualization cs5764: Information Visualization Chris North.
cs5764: Information Visualization Chris North
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
CS 5764 Information Visualization Dr. Chris North.
CS 5764 Information Visualization Dr. Chris North GTA: Beth Yost.
______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] |
SLIDE 1IS 240 – Spring 2007 Prof. Ray Larson University of California, Berkeley School of Information Tuesday and Thursday 10:30 am - 12:00.
1 User Centered Design and Evaluation. 2 Overview My evaluation experience Why involve users at all? What is a user-centered approach? Evaluation strategies.
User Testing CSE 510 Richard Anderson Ken Fishkin.
Online Chat Visualization Mahesh B Mungara. Chatting With A “Purpose”  Lack of support for chatting with a purpose  Three major requirements -Need of.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Debates: Overview+Detail vs. Focus+Context 2-D vs. 3-D cs5984: Information Visualization Chris North.
2-D: Focus+Context cs5984: Information Visualization Chris North.
Information Design and Visualization
04/26/11 Changing Dimensions Today’s Plan: -Warm up -Changing Dimensions -Assignment LT: I will describe how increasing or decreasing a measurement will.
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Turn in your Quiz!!! Complete the following:. Section 11-5: Common Logarithms The questions are… What is a common log? How do I evaluate common logs?
Data Models, Representation, Transformation. Visualization Framework Displays Visualization Techniques Design Process Iterative design Design studies.
Multi-Dimensional Functions cs5984: Information Visualization Chris North.
Advanced Scientific Visualization
A Human Eye Approach to Information Display Ahmed Sidky, Alex Kalita, Ming Luo, Qiang Yu, Vishal Nakra.
2-D cs5984: Information Visualization Chris North.
Document Collections cs5984: Information Visualization Chris North.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, November 1, 2012 Session 9: Visualization.
V Material obtained from summer workshop in Guildford County, July-2014.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Multiple View Strategies cs5984: Information Visualization Chris North.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
3-D Data cs5984: Information Visualization Chris North.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Bongshin Lee, Greg Smith, George Robertson, Mary Czerwinski, Desney Tan Computational User Experiences (CUE) Visualization and Interaction Research Group.
Ch16: User Interface Design Users often judge a system by its interface rather than its functionality Poorly designed interfaces can cause users to make.
Review Chris North cs3724: HCI. Midterm Topics Scenario-based design: (ch 1-4) SBD background –metrics, tradeoffs, scenarios Requirements analysis –Field.
DATA OUTPUT  maps  tables. DATA OUTPUT output from GIS does not have to be a map many GIS are designed with poor map output capabilities types of output:
WorkSpaces cs5984: Information Visualization Chris North.
3-D Information cs5764: Information Visualization Chris North.
Visual Overview Strategies cs5984: Information Visualization Chris North.
3-D cs5984: Information Visualization Chris North.
Multi-Dimensional Data Visualization
How (not) to lie with visualization Chris North cs3724: HCI.
Debates: Comparison of commercial tools 2-D vs. 3-D cs5984: Information Visualization Chris North.
Multi-Dimensional Data Visualization cs5984: Information Visualization Chris North.
Katy Börner Teaching & Research Teaching & Research Katy Börner
FINANCIAL VISUALIZATION SUPPORT FOR BREAKDOWN ANALYSIS A method to visualize multiple foci polyarchies by successive breaking down of visualization based.
Information Visualization: Navigation Chris North cs3724: HCI.
Visualization Design Principles cs5984: Information Visualization Chris North.
Jun Wang Abhishek Agrawal Anil Bazaz Supriya Angle
Quiz.
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
cs5764: Information Visualization Chris North
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Visualizing Document Collections
Information Design and Visualization
cs5984: Information Visualization Chris North
Advanced Programming Behnam Hatami Fall 2017.
How (not) to lie with visualization
cs5984: Information Visualization Chris North
CHAPTER 7: Information Visualization
cs5984: Information Visualization Chris North
Map Information Visualization
Welcome! Knowledge Discovery and Data Mining
cs5984: Information Visualization Chris North
Multi-Dimensional Data Visualization 2
Presentation transcript:

How (not) to lie with visualization cs5984: Information Visualization Chris North

Final Quiz 7 information types: 1d 2d 3d Multi-d Trees Graphs Doc collections

Where are we? Information Types: Multi-D 1D 2D Hierarchies/Trees Networks/Graphs Document collections 3D Topics: Design Principles Empirical Evaluation Java Development Visual Overviews Multiple Views Peripheral Views Workspaces Debates Vis. Lies

How (not) to lie with visualization Show and tell “USA Today” graphs…

Stock Market Crash?! $ Market

Show entire scale $10, Market

Show in context $10, Market

Another example

Percentages: 0% – 100% Employment rate = 100 – unemployment rate

Tufte’s Rule Visual attribute value should be directly proportional to data attribute value Lie factor = (visual effect) / (data effect) truth = 1.0

Company financial status

The hidden 0-points Lie factor = ?

Changing Scale ?

Changing Scale

…with linear time scale

Down = Bad ?

Make it explicit  Better Other examples: user performance, questionnaire results

Logarithmic data  log scale

Size Coding

Size Coding: width or area? =?

Size Coding

Width or Area Width = value Height = value Area = value 2 or Area = value width*height = value width = height = value 0.5 Problem: Using 2 dimensions to represent 1 dimension.

Volume coding? Height? Diameter? Surface area? Volume? 73 – 79 data difference = 5.5x 73 – 79 volume difference = 270x

Problem with area encoding Width Area Volume

Width & height encoding Width Width & Height

Solution: just use width (or height)

A Propaganda Classic

Hmmm… Low rank = good! Different time scales Not really tuition Artistic mood

How not to lie Show entire scale Show data in context Consistent, linear scale Log scale for log data Up vs. down: indicate direction of improvement Avoid size coding Use width OR height Don’t use both for same data attribute Avoid area coding

Visualization = Communication Communication is person dependent People have a lot of “baggage”

Expectations Paris in the the spring Life is a a highway Now is the the time

Re-training Red spades, black hearts Poor user performance even after being told

Orientation Who are they?

Orientation

Homework 3 Results Hinite bites. Too much hypertexty stuff Not enough zooming, infovisy stuff Keep trying to break out of the box!

Projects Visualization in the periphery - evaluation »David, Christa, Ali, Jon Visualizing Multi-D functions »Reenal, Priya, Mrinmayee Visualization of data structures – evaluation »Kunal, Vikrant, Anuj Snap-together visualization »Rohit, Varun, Jeevak, Atul Visual Break-down analysis with Financial data »Ganesh, Anusha, Muthukumar, Sandeep Human-eye view »Alex, Qiang, Ming, Vishal, Ahmed Bioinformatics »Quoc, Mudita, Dhananjay Online chat/video-conference visualization (virtual school) »Mahesh, Ben, Samal, Kuljeet, Harsha, Parool Digital libraries »Jun, Supriya, Abhishek, Anil Maps and in-vehicle interfaces »Ying, Xueqi, Zhiping, Rui Dec 4 Dec 6 Dec 11

Your Last InfoVis Assignment! Dec 18: Project Final Paper due Dec 7: ACM CHI short papers due Other destinations: March?: IEEE InfoVis papers due …