Information Visualization

Slides:



Advertisements
Similar presentations
CS 5764 Information Visualization Dr. Chris North Purvi Saraiya GTA.
Advertisements

Dynamic Queries cs5984: Information Visualization Chris North.
Visualization Basics CS 5764: Information Visualization Chris North.
PaperLens Understanding Research Trends in Conferences using PaperLens Work by Bongshin Lee, Mary Czerwinski, George Robertson, and Benjamin Bederson Presented.
cs5764: Information Visualization Chris North
The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information R. Rao and S. K.
CS 5764 Information Visualization Dr. Chris North.
CS 5764 Information Visualization Dr. Chris North GTA: Beth Yost.
______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] |
Design Critique vs. LIS Jill Goldstein Prof. Gilok Choi Chana Ziegler Brian McMains Suki Park.
1 ES 314 Advanced Programming Lec 2 Sept 3 Goals: Complete the discussion of problem Review of C++ Object-oriented design Arrays and pointers.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Evaluation: Controlled Experiments Chris North cs3724: HCI.
Information Design and Visualization
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
Introduction GAM 376 Robin Burke Winter Outline Introductions Syllabus.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Design Chris North cs3724: HCI. Quiz What are the 3 steps in producing a UI?
HCI-631: Software Architectures for User Interface Scott Hudson Office: NSH 3523 Office Hours: Tues 3:00-4:00 (and by appointment)
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Visual Perspectives iPLANT Visual Analytics Workshop November 5-6, 2009 ;lk Visual Analytics Bernice Rogowitz Greg Abram.
Java Intro Chris North cs3724: HCI. Presentations john randal, tom shultz Vote: UI Hall of Fame/Shame?
SEMINAR WEI GUO. Software Visualization in the Large.
Software Engineering Principles. SE Principles Principles are statements describing desirable properties of the product and process.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Query Previews in Networked Information systems - K.Doan, C.Plaisant, B.Shneiderman Department of Computer Science University of Maryland, College park.
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?
Information Visualization Chris North cs3724: HCI.
1D & 2D Spaces for Representing Data Mao Lin Huang.
SBD: Information Design
Visual Overview Strategies cs5984: Information Visualization Chris North.
Information Visualiation: Trees Chris North cs3724: HCI.
Review Chris North cs3724: HCI. Midterm Topics Scenario-based design: (ch 1-4) SBD background –metrics, tradeoffs, scenarios Requirements analysis –Field.
Cs3724: Introduction to HCI Dr. Chris North GTA: Purvi Saraiya.
Interaction Styles Chris North cs3724: HCI. Presentations mike miller sean king Vote: UI Hall of Fame/Shame?
Capabilities of Humans. Gestalt More than the sum of its parts.
Cs5984: Information Visualization Chris North GTA: Purvi Saraiya Infovis meister: Nathan.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Layout and Design Chris North cs3724: HCI. Presentations john charonko jaime spicciati Vote: UI Hall of Fame/Shame?
Graphics – Day 2. Gestalt u early 1990 psychology theory u based on groupings and how people perceive information.
CS 235: User Interface Design April 28 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Components Chris North cs3724: HCI. Presentations taylor mitchell chris henry Vote: UI Hall of Fame/Shame?
Information Visualization: Navigation Chris North cs3724: HCI.
Visualization Design Principles cs5984: Information Visualization Chris North.
Multiple Views cs5984: Information Visualization Chris North.
Table Lens Paper – The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information.
Information Visualization: Navigation
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE)
Usability & Visual Design
CSC420 Page Layout.
HI 5354 – Cognitive Engineering
cs5764: Information Visualization Chris North
How do we realize design? What should we consider? Technical Visual Interaction Search Context of use Information Interacting/ transacting.
Information Visualization 2: Overview and Navigation
Information Visualization Picture worth 1000 words...
Human Capabilities: Attention
cs3724: Introduction to HCI
Jianping Fan Dept of CS UNC-Charlotte
GUI Graphics Chris North cs3724: HCI.
Information Design and Visualization
cs5984: Information Visualization Chris North
حيـــم الر حمن الر الله بســـم.
Information Visualization 2: Overview and Navigation
Information Visualization (Part 1)
Educational Computing
Human Capabilities: Attention
Comp 15 - Usability & Human Factors
Presentation transcript:

Information Visualization Chris North cs3724: HCI

Presentations terrence witt Vote: UI Hall of Fame/Shame?

Homework1 results Avg: ~76 User and Task analysis? HCI metrics? principles? “Learning time is good” “Learning time is good because users have knowledge X and we know that because of Z”

Quiz Some principles for layout design: fitts law: distance, size Start top left, left to right, top to bottom Avoid scroll bars at all cost!!! …

discussion “What about my mom…?”

What is Information Visualization? The use of computer-supported, interactive, visual representations of abstract data to amplify cognition

The Big Problem How? contacts, dict/thes, music, news, email, web Books, papers, scientific data, VB ref Human Data Data Transfer How? vision: 90Mb/sec Hear: 10/s, 44k/s Smell: 1 Touch: Taste Neural link: huge esp

Human Vision Highest bandwidth sense Fast, parallel Pattern recognition Pre-attentive Extends memory and cognitive capacity (Multiplication test) People think visually Impressive. Lets use it!

Find the Red Square: The pop-out effect

Which state has highest Income? Relationship between Income and Education? Outliers?

College Degree % Per Capita Income

Visual Representation Matters! Text vs. Graphics What if you could only see 1 state’s data at a time? (e.g. Census Bureau’s website) What if I read the data to you?

The Big Problem Human Data Data Transfer How?

The Bigger Problem Data Human Data Transfer How?

Interactive Graphics Homefinder

forms Avoid the temptation to design a form-based search engine More tasks than just “search” How do I know what to “search” for? What if there’s something better that I don’t know to search for? Hides the data

Visualization can do this! User Tasks Excel can do this Easy stuff: Min, max, average, % These only involve 1 data item or value Hard stuff: Patterns, trends, distributions, changes over time, outliers, exceptions, relationships, correlations, multi-way, combined min/max, tradeoffs, clusters, groups, comparisons, context, anomalies, data errors, Paths, … Visualization can do this!

More than just “data transfer” Glean higher level knowledge from the data Hides data Hides “information” Nothing learned Zero insight Reveals data Reveals information about data that is not necessarily “stored” in the data Learn = data  information Insight!

More than just “data transfer” Glean higher level knowledge from the data The Insight Factor Hides data Hides “information” Nothing learned Zero insight Reveals data Reveals information about data that is not necessarily “stored” in the data Learn = data  information Insight!

Class Motto Show me the data!

What’s the Big Deal?

Presentation is everything!

My Philosophy: Optimization Computer Serial Symbolic Static Deterministic Exact Binary, 0/1 Computation Programmed Follow instructions Amoral Human Parallel Visual Dynamic Non-deterministic Fuzzy Gestalt, whole, patterns Understanding Free will Creative Moral Visualization = the best of both Impressive computation + impressive cognition

Homework #2: Info. Vis. Tools Get some data: Tabular, >=5 attributes (columns), >=500 items (rows) Use 2 visualization tools + Excel: Spotfire, TableLens, Parallel Coordinates Mcbryde 104c 2 page report: Discoveries in data Comparison of tools Due: Feb 19: A-K Feb 21: L-Z

Project 2: Java 3 students per team Ambitious project 0: form team (feb 14) 1: design (feb 28) 2: initial implementation (mid march) 3: final implementation (end march)

February Feb 14: Project 2, java: teams due Feb 19,21: Homework #2, info vis Feb 26: midterm Feb 28: Project 2, java: design due 2 tracks: Infovis, design, eval Java

Next Project 1 due now Presentations: proj1 design Next Tues: jerome holman, john gibson Next Thurs: john randal, tom shultz