Information Visualization. Overview. What is Information Visualization? SMD157 Human-Computer Interaction Fall 2003
|
|
- Solomon Harrington
- 6 years ago
- Views:
Transcription
1 INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Information Visualization SMD157 Human-Computer Interaction Fall 2003 Dec-1-03 SMD157, Information Visualization 1 L Overview What is information visualization? What do we need to do? Guidelines for design of information seeking applications The human visual system Perception plus the Gestalt principles Coding of data Dec-1-03 SMD157, Information Visualization 2 L INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET What is Information Visualization? Dec-1-03 SMD157, Information Visualization 3 L 1
2 Information versus Scientific Visualization Dec-1-03 SMD157, Information Visualization 4 L 5 L Why Information Visualization? Comprehension Context Interaction Patterns Dec-1-03 SMD157, Information Visualization INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET What Do We Need to Do Shneiderman s Abstract Tasks Dec-1-03 SMD157, Information Visualization 6 L 2
3 What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Graphical Fisheyes Dec-1-03 SMD157, Information Visualization 7 L What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Dec-1-03 SMD157, Information Visualization 8 L What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Dec-1-03 SMD157, Information Visualization 9 L 3
4 What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Dec-1-03 SMD157, Information Visualization 10 L What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Dec-1-03 SMD157, Information Visualization 11 L What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Dec-1-03 SMD157, Information Visualization 12 L 4
5 What do we need to do? Overview Zoom Filter Details-ondemand Relate History Extract Visage Dec-1-03 SMD157, Information Visualization 13 L INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Guidelines for Designing Information Seeking Applications Dec-1-03 SMD157, Information Visualization 14 L Guidelines Visualization is not always the best solution. User tasks must be supported. Three dimensions are not necessarily better than two. Navigation and zooming do not replace filtering. The graphic method should depend on the data. Multiple views should be coordinated. Test your designs with users. Dec-1-03 SMD157, Information Visualization 15 L 5
6 Visualization Is Not Always the Best Solution Dedicated procedures are: - Faster - Less error prone Use visualization when: - User goals are less well-defined. - Good algorithms are lacking - The user needs to explore the data Dec-1-03 SMD157, Information Visualization 16 L User Tasks Must Be Supported Specific support is better than general tools. Example, comparing two directories Dec-1-03 SMD157, Information Visualization 17 L Three Dimensions Are Not Necessarily Better Than Two Pros: - Extra continuous data dimension - Easier to separate coincident points Cons: - Increased navigation time - Occlusion - Judging size difficult Dec-1-03 SMD157, Information Visualization 18 L 6
7 Two Studies Using Three Dimensions Network Visualization, Ware and Franck Hierarchical Visualization, Wiss and Carr Dec-1-03 SMD157, Information Visualization 19 L Networks and 3D Compared four conditions - Static 2D view - 3D view, stereo perspective, static - 3D view, mono, head-coupled perspective - 3D view, stereo, head-coupled perspective Test to compare error rates in determining node connectivity Random networks, random pairs Dec-1-03 SMD157, Information Visualization 20 L Sample Task Are the two red nodes connected? Dec-1-03 SMD157, Information Visualization 21 L 7
8 Experiment Results Static, 2D Stereo 3D Head-coupled, mono 3D Head-coupled, stereo 3D Dec-1-03 SMD157, Information Visualization 22 L 3D Networks, Analysis The networks were random; this may not transfer to real networks. The 2D view was static; zooming, filtering, and selective highlighting may have given different results. Navigation was head-coupled, manipulating controls may affect the results. Still, it seems that head-coupled, stereo viewing helps people cope with visual complexity. Dec-1-03 SMD157, Information Visualization 23 L Hierarchies and 3D Three 3D hierarchical visualizations: - Information Landscape - Cam Tree - Information Cube Three task types: - Search (Zoom task based) - Count (Relate task based, parent-child) - Compare (Overview task based) Dec-1-03 SMD157, Information Visualization 24 L 8
9 Hierarchies and 3D, Results 250 Time to Complete 50 Successful Tasks Search Count Compare Search Count Compare Info Land Cam Tree Info Land Cam Tree Info Cube Info Cube Dec-1-03 SMD157, Information Visualization 25 L Hierarchies and 3D, Analysis Navigation time overriding factor - Task-based navigation support vital Occlusion contributes to errors and disorientation - Overview very important Study too short to comment on learning - Participants were still learning during the study. A good 2D visualization would have allowed doing the tasks by inspection. Dec-1-03 SMD157, Information Visualization 26 L Navigation and Zooming Do Not Replace Filtering Filtering - Reduces data to be considered - Helps for studying items that are not adjacent - Supports logical identification of records Navigation and Zooming do not support: - Reduction on non-adjacent data - Logical identification Dec-1-03 SMD157, Information Visualization 27 L 9
10 The Graphic Method Should Depend on the Data 1-Dimensional - program source code - wrapped lines 2- Dimensional - geographic data, floor plans - maps,... 3-Dimensional - volume data in the real world - needs slicing, transparency, and multiple views Multi-dimensional - most data bases - dynamic queries with a 2D or 3D representation Temporal - animation (transitory) - Users need control for: + Speed + Step-by-step + Start and end points - time lines Hierarchical - budgets - trees Networks - communications networks - node-link diagrams Dec-1-03 SMD157, Information Visualization 28 L 1D, Source Code, SeeSoft SeeSoft Dec-1-03 SMD157, Information Visualization 29 L 2-Dimensional Dec-1-03 SMD157, Information Visualization 30 L 10
11 3-Dimensional Special color coding Slicing Dec-1-03 SMD157, Information Visualization Visible Human 31 L 32 L 33 L Temporal Data - LifeLines Dec-1-03 SMD157, Information Visualization Multi-Dimensional Dec-1-03 SMD157, Information Visualization 11
12 Hierarchical Directory Browsers Dec-1-03 SMD157, Information Visualization 34 L Networks, SeeNet3D Dec-1-03 SMD157, Information Visualization 35 L Multiple Views Should Be Coordinated Users need context to be maintained Should be based on the data and not graphics Snap Together Viz Dec-1-03 SMD157, Information Visualization 36 L 12
13 Test Your Designs with Users There is little hard design knowledge about visualization. The existing knowledge is primarily from: - Laboratory settings - Novice use Best results are obtained with something tailored to your users and their tasks. Dec-1-03 SMD157, Information Visualization 37 L INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET The Human Visual System Dec-1-03 SMD157, Information Visualization 38 L Components of the System Three stage processing - The eye - 1 st stage mental processing - 2 nd stage mental processing Early Processing for contour, color, texture, and spatial cues. Perception for: action spatial layout Motor output, long-term motor memory Long-term object memory Object identification Natural language Visual working subsystem memory Dec-1-03 SMD157, Information Visualization 39 L 13
14 Characteristics of the Eye Two areas of vision - Central (fovea) + narrow field (.5-2 ), sharp, adapted for detail - Edges + wide field (perhaps 200 ), fuzzy, adapted for motion Central focus always in motion (move-fixate-move) Uses differential processing - Method to adapt to a wide variety of light, color,... Dec-1-03 SMD157, Information Visualization 40 L Characteristics of Processing Centers 1 st Stage - Operates in parallel - Extract environmental features such as: + Color + texture + contour + 2 nd Stage - Largely sequential - 2 parallel subsystems + Motor control + Language Dec-1-03 SMD157, Information Visualization 41 L INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Perception, plus the Gestalt Principles We see with our minds, not our eyes! Dec-1-03 SMD157, Information Visualization 42 L 14
15 Pre-Attentive Processing Information that pops out must: - Use pre-attentive processing - Otherwise, one must think about it and this takes time Attributes must be processed early - Form, color, motion, position Time to process is independent of number of irrelevant objects (distracters). Dec-1-03 SMD157, Information Visualization 43 L Pre-Attentive Processing, Example Search for the 3 s Dec-1-03 SMD157, Information Visualization 44 L Pre-Attentive Attributes, Details Form - Line orientation - Line length - Line width - Deviation from collinear lines - Size - Curvature - Spatial grouping - Added marks - Number of group symbols Color - Hue - Intensity Motion - Flicker - Direction Spatial Position - 2D position - Stereoscopic depth - Convex/concave shape from shading Dec-1-03 SMD157, Information Visualization 45 L 15
16 Gestalt Principles Pragnanz: - Structure is seen as simply as possible. Proximity: - Nearby objects tend to be grouped. Similarity: - Similar items tend to be grouped. Closure: - Nearby contours tend to be united. Continuation: - Grouping tends to occur along simple curves. Common fate: - Elements that move together tend to be grouped. Familiarity: - The familiar or meaningful tends to be grouped. Dec-1-03 SMD157, Information Visualization 46 L INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Coding of Data Dec-1-03 SMD157, Information Visualization 47 L Three Types of Data Nominal (= or, e.g., apples, oranges, pears) Ordinal (< relation, e.g., 1st, 2nd,...) - Ordinal Time Quantitative (can do arithmetic) - Spatial - Geographical - Time Dec-1-03 SMD157, Information Visualization 48 L 16
17 Visual Structures for Data Presentation Spatial substrate - Up to three dimensions Position encoding techniques - Composition (orthogonal placement, the scatter plot) - Alignment - Folding (SeeSoft) - Recursion (e.g., the desktop metaphor) - Overloading (multiple plots in the same space, tiling) Dec-1-03 SMD157, Information Visualization 49 L Composition Dec-1-03 SMD157, Information Visualization 50 L Alignment Dec-1-03 SMD157, Information Visualization 51 L 17
18 Folding in SeeSoft Dec-1-03 SMD157, Information Visualization 52 L Recursion Dec-1-03 SMD157, Information Visualization 53 L Overloading Dec-1-03 SMD157, Information Visualization 54 L 18
19 Visual Structures Marks - Points, lines, areas, volumes Graphical attributes of the marks - Position (spatial) Extent - Size - Gray Scale Limited Extent,Differential - Orientation - Color Differential - Texture - Shape Dec-1-03 SMD157, Information Visualization 55 L Effectiveness of Graphical Attributes Attribute Quantitative Ordinal Nominal Position Size Gray scale o + - Orientation o o + Color o o + Texture o o + Shape Dec-1-03 SMD157, Information Visualization 56 L Attribute Qualities Position - X, Y are strongest - Z interacts with size Size - Reasonable differences limit number of categories - Small differences can be perceived if adjacent and the same shape. Dec-1-03 SMD157, Information Visualization 57 L 19
20 Attribute Qualities Gray scale - Hard to perceive many discrete steps (about 4 max.) - Interactions with background make absolute value perception difficult - Small differences are however relatively easy to detect Dec-1-03 SMD157, Information Visualization 58 L Attribute Qualities, Color Subject to interference - Blue X and box are the same color - Blue+red causes focus problems People can recognize about 12 distinct colors These colors are culturally independent Summary - Especially good for categories white black red green yellow yellow green X X blue brown pink purple orange gray Dec-1-03 SMD157, Information Visualization 59 L Attribute Qualities Orientation - Rotation can express values - Perception of absolute difference limited to about 45 + higher for adjacent symbols - Perception tends to blend areas of nearly identical adjacent symbols Texture - Best adapted to comparisons - Contrast/Intensity can give some absolute values - Similar adjacent areas blend Shape - No nature mapping to value - Useful for nominal data with many values Dec-1-03 SMD157, Information Visualization 60 L 20
21 Questions? Dec-1-03 SMD157, Information Visualization 61 L References Card, S., Mackinlay, J., and Shneiderman, B. eds. Readings in Information Visualization Using Vision to Think, Morgan Kaufmann, 1999, ISBN Wiss, U. & Carr, D. An empirical study of task support in 3D information visualizations, Proceedings IEEE Conference on Information Visualization (IV 99), ( Carr, D., "Guidelines for Designing Information Visualization Applications", Proceedings of ECUE'99, Stockholm, Sweden, December 1-3, ( Ware & Franck, Evaluating stereo and motion cues for visualizing information nets in three dimensions; ACM Trans. Graph. 15, 2, Apr. 1996), Ware, Information Visualization: Perception for Design; Morgan Kaufmann, 2000, ISBN Dec-1-03 SMD157, Information Visualization 62 L 21
Glyphs. Presentation Overview. What is a Glyph!? Cont. What is a Glyph!? Glyph Fundamentals. Goal of Paper. Presented by Bertrand Low
Presentation Overview Glyphs Presented by Bertrand Low A Taxonomy of Glyph Placement Strategies for Multidimensional Data Visualization Matthew O. Ward, Information Visualization Journal, Palmgrave,, Volume
More informationInformation Visualization - Introduction
Information Visualization - Introduction Institute of Computer Graphics and Algorithms Information Visualization The use of computer-supported, interactive, visual representations of abstract data to amplify
More informationcs6630 September VISUAL ENCODING Miriah Meyer University of Utah
cs6630 September 9 2014 VISUAL ENCODING Miriah Meyer University of Utah 1 administrivia... 2 - introducing Dr. Josh Levine 3 last time... 4 data abstraction the what part of an analysis that pertains to
More informationApproaches to Visual Mappings
Approaches to Visual Mappings CMPT 467/767 Visualization Torsten Möller Weiskopf/Machiraju/Möller Overview Effectiveness of mappings Mapping to positional quantities Mapping to shape Mapping to color Mapping
More informationLast update: May 4, Vision. CMSC 421: Chapter 24. CMSC 421: Chapter 24 1
Last update: May 4, 200 Vision CMSC 42: Chapter 24 CMSC 42: Chapter 24 Outline Perception generally Image formation Early vision 2D D Object recognition CMSC 42: Chapter 24 2 Perception generally Stimulus
More informationGrundlagen methodischen Arbeitens Informationsvisualisierung [WS ] Monika Lanzenberger
Grundlagen methodischen Arbeitens Informationsvisualisierung [WS0708 01 ] Monika Lanzenberger lanzenberger@ifs.tuwien.ac.at 17. 10. 2007 Current InfoVis Research Activities: AlViz 2 [Lanzenberger et al.,
More informationExample Videos. Administrative 2/1/2012. Comp/Phys/Mtsc 715. Pre-Attentive Characteristics: Information that Pops Out
Comp/Phys/Mtsc 715 Pre-Attentive Characteristics: Information that Pops Out 1 Example Videos Linked feature-map and 3D views for DTMRI Parallel Coordinates, slice, 3D for Astro-Jet Vis 2011: Waser: Ensemble
More informationVisual Design. Simplicity, Gestalt Principles, Organization/Structure
Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the
More informationUsing surface markings to enhance accuracy and stability of object perception in graphic displays
Using surface markings to enhance accuracy and stability of object perception in graphic displays Roger A. Browse a,b, James C. Rodger a, and Robert A. Adderley a a Department of Computing and Information
More informationCS 556: Computer Vision. Lecture 18
CS 556: Computer Vision Lecture 18 Prof. Sinisa Todorovic sinisa@eecs.oregonstate.edu 1 Color 2 Perception of Color The sensation of color is caused by the brain Strongly affected by: Other nearby colors
More informationExample Videos. Administrative 2/3/2014. Comp/Phys/Apsc 715. Pre-Attentive Characteristics: Information that Pops Out
Comp/Phys/Apsc 715 Pre-Attentive Characteristics: Information that Pops Out 1 Example Videos Linked feature-map and 3D views for DTMRI Parallel Coordinates, slice, 3D for Astro-Jet Vis 2011: Waser: Ensemble
More informationUsability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Usability Inspection Methods SMD157 Human-Computer Interaction Fall 2003 Nov-20-03 SMD157, Usability Inspection Methods 1 L Overview Usability
More informationDATA ABSTRACTION & INTRO TO TABLEAU
cs6630 September 4 2014 DATA ABSTRACTION & INTRO TO TABLEAU Miriah Meyer University of Utah 1 administrivia... 2 - design critiques due tonight - first assignment out today - there *might* be 3 seats available
More informationVisual Representation from Semiology of Graphics by J. Bertin
Visual Representation from Semiology of Graphics by J. Bertin From a communication perspective Communication is too often taken for granted when it should be taken to pieces. (Fiske 91) Two basic schools
More informationStep 10 Visualisation Carlos Moura
Step 10 Visualisation Carlos Moura COIN 2017-15th JRC Annual Training on Composite Indicators & Scoreboards 06-08/11/2017, Ispra (IT) Effective communication through visualization Why investing on visual
More informationINDEX UNIT 4 PPT SLIDES
INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis
More informationThis lesson introduces Blender, covering the tools and concepts necessary to set up a minimal scene in virtual 3D space.
3D Modeling with Blender: 01. Blender Basics Overview This lesson introduces Blender, covering the tools and concepts necessary to set up a minimal scene in virtual 3D space. Concepts Covered Blender s
More informationMultivariate Data & Tables and Graphs. Agenda. Data and its characteristics Tables and graphs Design principles
Topic Notes Multivariate Data & Tables and Graphs CS 7450 - Information Visualization Aug. 27, 2012 John Stasko Agenda Data and its characteristics Tables and graphs Design principles Fall 2012 CS 7450
More informationThe process of a junior designer
For some fun The process of a junior designer https://medium.com/the-year-of-the-looking-glass/junior-designers-vs-senior-designers-fbe483d3b51e The process of a senior designer https://medium.com/the-year-of-the-looking-glass/junior-designers-vs-senior-designers-fbe483d3b51e
More informationLecture 2 Map design. Dr. Zhang Spring, 2017
Lecture 2 Map design Dr. Zhang Spring, 2017 Model of the course Using and making maps Navigating GIS maps Map design Working with spatial data Geoprocessing Spatial data infrastructure Digitizing File
More informationMiriam Butt & Dominik Sacha LingVis: Visual Analytics for Linguistics DGfS
Visualization Theory Miriam Butt & Dominik Sacha LingVis: Visual Analytics for Linguistics DGfS 2016 24.-26.2.2016 For More Detailed Information IDV book Covers all important InfoVis aspects Good starting
More informationthe Hick Hyman Law Pearson Addison-Wesley. All rights reserved. 6-1
the Hick Hyman Law describes the time it takes for a person to make a decision as a result of the possible choices he or she has; that is, increasing the number of choices will increase the decision time
More informationChapter 6. Task-Related Organization. Single Menus. Menu Selection, Form Fill-in and Dialog Boxes. Binary Menus Radio Buttons Button Choice
Chapter 6 Menu Selection, Form Fill-in and Dialog Boxes Task-Related Organization "The primary goal for menu, form fill-in, and dialog-box designers is to create a sensible, comprehensible, memorable,
More informationProf. Fanny Ficuciello Robotics for Bioengineering Visual Servoing
Visual servoing vision allows a robotic system to obtain geometrical and qualitative information on the surrounding environment high level control motion planning (look-and-move visual grasping) low level
More informationWhich is better? Sentential. Diagrammatic Indexed by location in a plane
Jeanette Bautista Perceptual enhancement: text or diagrams? Why a Diagram is (Sometimes) Worth Ten Thousand Words Larkin, J. and Simon, H.A Structural object perception: 2D or 3D? Diagrams based on structural
More informationMultivariate Data & Tables and Graphs. Agenda. Data and its characteristics Tables and graphs Design principles
Multivariate Data & Tables and Graphs CS 7450 - Information Visualization Aug. 24, 2015 John Stasko Agenda Data and its characteristics Tables and graphs Design principles Fall 2015 CS 7450 2 1 Data Data
More informationS. Rinzivillo DATA VISUALIZATION AND VISUAL ANALYTICS
S. Rinzivillo rinzivillo@isti.cnr.it DATA VISUALIZATION AND VISUAL ANALYTICS Perception and Cognition vs Game #4 How many 3s? 1258965168765132168943213 5463479654321320354968413 2068798417184529529287149
More informationVisual Thinking Algorithms
Visual Thinking Algorithms Colin Ware University of New Hampshire The End of Science? John Horgan Physics Cognitive Science The rise of the cognitive cyborgs How does visual thinking work Visual working
More informationInfoVis: a semiotic perspective
InfoVis: a semiotic perspective p based on Semiology of Graphics by J. Bertin Infovis is composed of Representation a mapping from raw data to a visible representation Presentation organizing this visible
More informationPerceptual Organization and Visual Design
Perceptual Organization and Visual Design Heidi Lam January 20, 2003 Outline Perceptual Organization: Theory Gestalt Laws Transparency Summary 1 Perceptual Organization How all the bits and pieces of visual
More informationCS 534: Computer Vision Segmentation and Perceptual Grouping
CS 534: Computer Vision Segmentation and Perceptual Grouping Spring 2005 Ahmed Elgammal Dept of Computer Science CS 534 Segmentation - 1 Where are we? Image Formation Human vision Cameras Geometric Camera
More informationMultivariate Data & Tables and Graphs
Multivariate Data & Tables and Graphs CS 4460/7450 - Information Visualization Jan. 13, 2009 John Stasko Agenda Data and its characteristics Tables and graphs Design principles Spring 2009 CS 4460/7450
More informationComputational Foundations of Cognitive Science
Computational Foundations of Cognitive Science Lecture 16: Models of Object Recognition Frank Keller School of Informatics University of Edinburgh keller@inf.ed.ac.uk February 23, 2010 Frank Keller Computational
More informationToday s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface.
1 Today s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface. 2 And this is the new interface. (If you can t read the image, go to http://www.google.com/advanced_search.)
More informationSome properties of our visual system. Designing visualisations. Gestalt principles
Designing visualisations Visualisation should build both on the perceptual abilities of the human and the graphical conventions that have developed over time. Also the goal of the visualization should
More informationINTEGRATION AND TESTING OF THE WEB BASED SPATIAL DECISION SUPPORT SYSTEM
Annex: 28 INTEGRATION AND TESTING OF THE WEB BASED SPATIAL DECISION SUPPORT SYSTEM Test plan report and procedures 1 SUMMARY 1 OVERALL DESCRIPTION... 3 2 TEST PLAN REPORT AND PROCEDURES... 4 2.1 INTRODUCTION...
More informationMENU SELECTION, FORM FILL-IN, AND DIALOG BOXES
MENU SELECTION, FORM FILL-IN, AND DIALOG BOXES 1-1 6-1 Task-Related Organization "The primary goal for menu, form fill-in, and dialog-box designers is to create a sensible, comprehensible, memorable, and
More informationUser Interface Design
Chapter 3 User Interface Design Charmaine Ryan 3.1 Overview of User Interface Design This chapter discusses standards and guidelines for graphical user interface design in relation to reports and other
More informationGeography 281 Map Making with GIS Project Two: Map Design Issues in ArcMap
Geography 281 Map Making with GIS Project Two: Map Design Issues in ArcMap This activity provides an introduction to the map design process. It takes you through a typical sequence from the initial decision
More informationVisualizing Flow Fields by Perceptual Motion
Visualizing Flow Fields by Perceptual Motion Li-Yi Wei Wei-Chao Chen Abstract Visualizing flow fields has a wide variety of applications in scientific simulation and computer graphics. Existing approaches
More informationHuman-Computer Interaction: An Overview. CS2190 Spring 2010
Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems
More informationVisual Search Editor for Composing Meta Searches
Appears in ASIST 2004, November 13-18, 2004, Providence, RI, USA. Visual Search Editor for Composing Meta Searches Anselm Spoerri Department of Library and Information Science School of Communication,
More informationBuffers, Textures, Compositing, and Blending. Overview. Buffers. David Carr Virtual Environments, Fundamentals Spring 2005 Based on Slides by E.
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Buffers, Textures, Compositing, and Blending David Carr Virtual Environments, Fundamentals Spring 2005 Based on Slides by E. Angel Compositing,
More informationVisual Design + Gestalt Principles. Professor Michael Terry
Visual Design + Gestalt Principles Professor Michael Terry For Friday A resume and business card design pair The visual design of the resume and business card should match Business card should have a front
More informationVisual Perception. Visual contrast
TEXTURE Visual Perception Our perception of the visual shape, size, color, and texture of things is affected by the optical environment in which we see them and the relationships we can discern between
More informationColor and Shading. Color. Shapiro and Stockman, Chapter 6. Color and Machine Vision. Color and Perception
Color and Shading Color Shapiro and Stockman, Chapter 6 Color is an important factor for for human perception for object and material identification, even time of day. Color perception depends upon both
More information[Slides Extracted From] Visualization Analysis & Design Full-Day Tutorial Session 4
[Slides Extracted From] Visualization Analysis & Design Full-Day Tutorial Session 4 Tamara Munzner Department of Computer Science University of British Columbia Sanger Institute / European Bioinformatics
More informationScalar Visualization
Scalar Visualization 5-1 Motivation Visualizing scalar data is frequently encountered in science, engineering, and medicine, but also in daily life. Recalling from earlier, scalar datasets, or scalar fields,
More informationIntroduction to Computer Graphics. Overview. What is Computer Graphics?
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Introduction to Computer Graphics David Carr Fundamentals of Computer Graphics Spring 2004 Based on Slides by E. Angel Graphics 1 L Overview What
More informationData Visualization. Fall 2016
Data Visualization Fall 2016 Information Visualization Upon now, we dealt with scientific visualization (scivis) Scivisincludes visualization of physical simulations, engineering, medical imaging, Earth
More informationRINGS : A Technique for Visualizing Large Hierarchies
RINGS : A Technique for Visualizing Large Hierarchies Soon Tee Teoh and Kwan-Liu Ma Computer Science Department, University of California, Davis {teoh, ma}@cs.ucdavis.edu Abstract. We present RINGS, a
More information4. You should provide direct links to the areas of your site that you feel are most in demand.
Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must
More informationDepth. Common Classification Tasks. Example: AlexNet. Another Example: Inception. Another Example: Inception. Depth
Common Classification Tasks Recognition of individual objects/faces Analyze object-specific features (e.g., key points) Train with images from different viewing angles Recognition of object classes Analyze
More informationIntroduction to Interactive Systems. Overview. What Is an Interactive System? SMD158 Interactive Systems Spring 2005
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Introduction to Interactive Systems SMD158 Interactive Systems Spring 2005 Jan-14-05 1997-2005 by David A. Carr 1 L Overview What is an interactive
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
More informationMODELS AND FRAMEWORKS. Information Visualization Fall 2009 Jinwook Seo SNU CSE
MODELS AND FRAMEWORKS Information Visualization Fall 2009 Jinwook Seo SNU CSE Wednesday Prof. Hee-Joon Bae, Seoul National University Bundang Hostpital blood pressure and END (early neurologic deterioration)
More informationMultimedia Technology CHAPTER 4. Video and Animation
CHAPTER 4 Video and Animation - Both video and animation give us a sense of motion. They exploit some properties of human eye s ability of viewing pictures. - Motion video is the element of multimedia
More informationEnabling Users to Visually Evaluate the Effectiveness of Different Search Queries or Engines
Appears in WWW 04 Workshop: Measuring Web Effectiveness: The User Perspective, New York, NY, May 18, 2004 Enabling Users to Visually Evaluate the Effectiveness of Different Search Queries or Engines Anselm
More informationVisualization Re-Design
CS448B :: 28 Sep 2010 Visualization Re-Design Last Time: Data and Image Models Jeffrey Heer Stanford University The Big Picture Taxonomy task data physical type int, float, etc. abstract type nominal,
More informationchapter 3 the interaction
chapter 3 the interaction ergonomics physical aspects of interfaces industrial interfaces Ergonomics Study of the physical characteristics of interaction Also known as human factors but this can also be
More informationDesign Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2005 Nov-4-05 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines
More informationCMPSCI 670: Computer Vision! Grouping
CMPSCI 670: Computer Vision! Grouping University of Massachusetts, Amherst October 14, 2014 Instructor: Subhransu Maji Slides credit: Kristen Grauman and others Final project guidelines posted Milestones
More informationDesign Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2003 Nov-6-03 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines
More informationCOLOR AND SHAPE BASED IMAGE RETRIEVAL
International Journal of Computer Science Engineering and Information Technology Research (IJCSEITR) ISSN 2249-6831 Vol.2, Issue 4, Dec 2012 39-44 TJPRC Pvt. Ltd. COLOR AND SHAPE BASED IMAGE RETRIEVAL
More informationWhy Should We Care? More importantly, it is easy to lie or deceive people with bad plots
Plots & Graphs Why Should We Care? Everyone uses plots and/or graphs But most people ignore or are unaware of simple principles Default plotting tools (or default settings) are not always the best More
More informationMultidimensional (Multivariate)
Multidimensional (Multivariate) Data Visualization IV Course Spring 14 Graduate Course of UCAS May 9th, 2014 1 Data by Dimensionality 1-D (Linear, Set and Sequences) SeeSoft, Info Mural 2-D (Map) GIS,
More informationWallpaper Groups and Statistical Geometry
Wallpaper Groups and Statistical Geometry John Shier Abstract. The arrangement of regions filled by statistical geometry into arrays with specific symmetry properties is studied for the space groups p2mm,
More informationInformation Visualization. Visualization and Cognition. Visualization and Graphics. External Cognition. Overview. Reference
Information Visualization Overview External Cognition Information Visualization (definitions, origins, applications) Cognitive Amplification (Knowledge crystallization) Mapping Data to Visual Form (Visualization
More informationBMVC 1996 doi: /c.10.41
On the use of the 1D Boolean model for the description of binary textures M Petrou, M Arrigo and J A Vons Dept. of Electronic and Electrical Engineering, University of Surrey, Guildford GU2 5XH, United
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
More informationLecture 7: Depth/Occlusion
Lecture 7: Depth/Occlusion Information Visualization CPSC 533C, Fall 2006 Tamara Munzner UBC Computer Science 3 October 2006 Readings Covered Ware, Chapter 8: Space Perception and the Display of Data in
More informationThis page outlines some of the alternate pieces that can be used for building.
Artbotics Exploring Mechanisms with Lego Mindstorms EV3 This packet contains information on each mechanism you will be using, including a to-scale image of all of the pieces needed to build each one and
More informationCreating Digital Illustrations for Your Research Workshop III Basic Illustration Demo
Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Final Figure Size exclusion chromatography (SEC) is used primarily for the analysis of large molecules such as proteins
More informationWe will start at 2:05 pm! Thanks for coming early!
We will start at 2:05 pm! Thanks for coming early! Yesterday Fundamental 1. Value of visualization 2. Design principles 3. Graphical perception Record Information Support Analytical Reasoning Communicate
More informationInformation Visualization. SWE 432, Fall 2016 Design and Implementation of Software for the Web
Information Visualization SWE 432, Fall 2016 Design and Implementation of Software for the Web Today What types of information visualization are there? Which one should you choose? What does usability
More informationDARLS: Differencing and Merging Diagrams Using Dual View, Animation, Re-Layout, Layers and a Storyboard
DARLS: Differencing and Merging Diagrams Using Dual View, Animation, Re-Layout, Layers and a Storyboard Loutfouz Zaman Department of Computer Science and Engineering York University Toronto, Ontario M3J
More informationDesign Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Elements Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Lines can Design Element:- Line Convey a mood or an emotion. Organise the design. Establish
More informationRedefining the Focus and Context of Focus+Context Visualizations
Redefining the Focus and Context of Focus+Context Visualizations Staffan Björk & Johan Redström PLAY: Applied research on art and technology The Interactive Institute, Box 620, SE-405 30 Gothenburg, Sweden
More informationMODULATING A POLYCHROMATIC IMAGE BY A 2 ND IMAGE PLOTTED AGAINST SATURATION AND A 3 RD IMAGE PLOTTED AGAINST LIGHTNESS: PROGRAM hlsplot
MODULATING A POLYCHROMATIC IMAGE BY A 2 ND IMAGE PLOTTED AGAINST SATURATION AND A 3 RD IMAGE PLOTTED AGAINST LIGHTNESS: PROGRAM hlsplot Plotting dip vs. azimuth vs. coherence Program hlsplot Earlier, we
More informationLesson 11. Polygonal Spaceship
11 Polygonal Spaceship In this lesson, you will build and texture map a polygonal spaceship. Starting with a polygonal cube, you will extrude facets until you have a completed ship. You will then be able
More informationBringing Hollywood to Real Time. Abe Wiley 3D Artist 3-D Application Research Group
Bringing Hollywood to Real Time Abe Wiley 3D Artist 3-D Application Research Group Overview > Film Pipeline Overview and compare with Games > The RhinoFX/ATI Relationship > Ruby 1 and 2 The Movies > Breakdown
More informationPerception, Part 2 Gleitman et al. (2011), Chapter 5
Perception, Part 2 Gleitman et al. (2011), Chapter 5 Mike D Zmura Department of Cognitive Sciences, UCI Psych 9A / Psy Beh 11A February 27, 2014 T. M. D'Zmura 1 Visual Reconstruction of a Three-Dimensional
More informationSurfaces. Science B44. Lecture 11 Surfaces. Surfaces. 1. What problem do surfaces solve? 2. How are surfaces discovered
Science B44 Lecture 11 Surfaces Surfaces 1. What problem do surfaces solve 2. How are surfaces discovered, grouping 3. Modal and amodal completion 4. Border ownership and figure-ground 5. Top-down help
More informationDifferential Processing of Facial Motion
Differential Processing of Facial Motion Tamara L. Watson 1, Alan Johnston 1, Harold C.H Hill 2 and Nikolaus Troje 3 1 Department of Psychology, University College London, Gower Street, London WC1E 6BT
More informationImage Segmentation. Selim Aksoy. Bilkent University
Image Segmentation Selim Aksoy Department of Computer Engineering Bilkent University saksoy@cs.bilkent.edu.tr Examples of grouping in vision [http://poseidon.csd.auth.gr/lab_research/latest/imgs/s peakdepvidindex_img2.jpg]
More informationPrinciples of Architectural and Environmental Design EARC 2417 Lecture 2 Forms
Islamic University-Gaza Faculty of Engineering Architecture Department Principles of Architectural and Environmental Design EARC 2417 Lecture 2 Forms Instructor: Dr. Suheir Ammar 2016 1 FORMS ELEMENTS
More informationImage Segmentation. Selim Aksoy. Bilkent University
Image Segmentation Selim Aksoy Department of Computer Engineering Bilkent University saksoy@cs.bilkent.edu.tr Examples of grouping in vision [http://poseidon.csd.auth.gr/lab_research/latest/imgs/s peakdepvidindex_img2.jpg]
More informationGraphical Screen Design
1 Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency visual relationships visual organization legibility and readability
More informationA Research of User Interface Design Elements on Smart TV
A Research of User Interface Design Elements on Smart TV 저자 (Authors) Byungmi Choi, Yoojin Lee, Sam Seungho Park 출처 (Source) 아시아디지털아트앤디자인학회학술대회자료집, 2014.12, 219-222 (4 pages) 발행처 (Publisher) 아시아디지털아트앤디자인학회
More informationVisual Computing. Lecture 2 Visualization, Data, and Process
Visual Computing Lecture 2 Visualization, Data, and Process Pipeline 1 High Level Visualization Process 1. 2. 3. 4. 5. Data Modeling Data Selection Data to Visual Mappings Scene Parameter Settings (View
More informationCOMP 558 lecture 22 Dec. 1, 2010
Binocular correspondence problem Last class we discussed how to remap the pixels of two images so that corresponding points are in the same row. This is done by computing the fundamental matrix, defining
More informationBinocular cues to depth PSY 310 Greg Francis. Lecture 21. Depth perception
Binocular cues to depth PSY 310 Greg Francis Lecture 21 How to find the hidden word. Depth perception You can see depth in static images with just one eye (monocular) Pictorial cues However, motion and
More informationInformation Visualization In Practice
Information Visualization In Practice How the principles of information visualization can be used in research and commercial systems Putting Information Visualization Into Practice A Common Problem There
More informationJoint design of data analysis algorithms and user interface for video applications
Joint design of data analysis algorithms and user interface for video applications Nebojsa Jojic Microsoft Research Sumit Basu Microsoft Research Nemanja Petrovic University of Illinois Brendan Frey University
More informationDesign Guidelines: Windows. Computer users need to consult multiple sources rapidly. They require the adoption of multiplewindow display strategy.
Design Guidelines: Windows Computer users need to consult multiple sources rapidly. They require the adoption of multiplewindow display strategy. Design Challenge for Multiple- Window Strategy Offer users
More informationVisualizing Dynamic Transformations In Interactive Electronic Communication Patricia Search
Visualizing Dynamic Transformations In Interactive Electronic Communication Patricia Search Abstract In this research animated patterns of graphics and text provide an overview of the information in an
More informationMarks. Marks can be classified according to the number of dimensions required for their representation: Zero: points. One: lines.
Marks and channels Definitions Marks are basic geometric elements that depict items or links. Channels control the appearance of the marks. This way you can describe the design space of visual encodings
More informationSystem navigation. generated from the 2.0 help files. Copyright 2003 System navigation Page 1
System navigation generated from the 2.0 help files Copyright 2003 System navigation Page 1 .pdf created on 4/7/03 WebCTRL v2.0 Copyright 2003 Automated Logic Corporation. All rights reserved. 1150 Roberts
More informationText Topics. Human reading process Using Text in Interaction Design
Text SWEN-444 Text Topics Human reading process Using Text in Interaction Design Humans and Text the Reading Process Saccades quick, jerky eye movements forward 8-10 letters at a time plus CR/LF to the
More information4. Basic Mapping Techniques
4. Basic Mapping Techniques Mapping from (filtered) data to renderable representation Most important part of visualization Possible visual representations: Position Size Orientation Shape Brightness Color
More information