Information Visualization for E-content David Modjeska Assistant Professor Faculty of Information Studies University of Toronto Information Highways 2002.

Slides:



Advertisements
Similar presentations
Map of Human Computer Interaction
Advertisements

1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Information Visualization (Shneiderman and Plaisant, Ch. 13)
What is navigation? Navigation is the cognitive process of acquiring knowledge about a space, strategies for moving through space, and changing one’s metaknowledge.
Web- and Multimedia-based Information Systems. Assessment Presentation Programming Assignment.
PaperLens Understanding Research Trends in Conferences using PaperLens Work by Bongshin Lee, Mary Czerwinski, George Robertson, and Benjamin Bederson Presented.
Information Retrieval in Practice
1 CS 430 / INFO 430 Information Retrieval Lecture 15 Usability 3.
COMP6703 : eScience Project III ArtServe on Rubens Emy Elyanee binti Mustapha Supervisor: Peter Stradzins Client: Professor Michael.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
Psychological Aspects Presented by Hanish Patel. Overview  HCI (Human Computer Interaction)  Overview of HCI  Human Use of Computer Systems  Science.
Evaluating Non-Visual Feedback Cues for Touch Input Device Selina Sharmin Project for the course New Interaction Techniques Spring.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
©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.
Teaching Multimedia. Multimedia is media that uses multiple forms of information content and information processing (e.g. text, audio, graphics, animation,
2D or 3D ? Presented by Xu Liu, Ming Luo. Is 3D always better than 2D? NO!
Task analysis 1 © Copyright De Montfort University 1998 All Rights Reserved Task Analysis Preece et al Chapter 7.
Overview of Search Engines
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
P INNOVATION IN TEACHING AND LEARNING IN HIGHER EDUCATION WITH 3D VIRTUAL TECHNOLOGIES Fernando Maciel Barbosa M. Travassos Valdez 1, C. Machado.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Debates: Overview+Detail vs. Focus+Context 2-D vs. 3-D cs5984: Information Visualization Chris North.
Annual SERC Research Review - Student Presentation, October 5-6, Extending Model Based System Engineering to Utilize 3D Virtual Environments Peter.
Developing Health Geographic Information Systems (HGIS) for Khorasan Province in Iran (Technical Report) S.H. Sanaei-Nejad, (MSc, PhD) Ferdowsi University.
Virtual Reality Design and Representation. VR Design: Overview Objectives, appropriateness Creating a VR application Designing a VR experience: goals,
Library User Studies Hsin-liang Chen SLIS, Indiana University.
Human Computer Interaction Semester 1, 2013/2013.
Vienna University of Economics and Business Administration User-centered Navigation Re-Design for Web-based Information Systems Michael Hahsler, Department.
Information Design and Visualization
1 Shengdong Zhao Department of Computer Science University of Toronto July 9, 2008 earPod: Efficient, Hierarchical, Eyes-free Menu Selection.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Information Visualization Learning Modules Katy Börner, InfoVis Lab, School of Library and Information Science Indiana University, Bloomington Motivation.
Automatic Subject Classification and Topic Specific Search Engines -- Research at KnowLib Anders Ardö and Koraljka Golub DELOS Workshop, Lund, 23 June.
Visual User Interfaces David Rashty. “Grasping the whole is a gigantic theme. Arguably, intellectual history’s most important. Ant-vision is humanity’s.
Evaluation of Adaptive Web Sites 3954 Doctoral Seminar 1 Evaluation of Adaptive Web Sites Elizabeth LaRue by.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
1 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Larry.
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
Web Engineering Web engineering is the process used to create high quality WebApps. Web engineering is not a perfect clone of software engineering. But.
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
 Part I. Introduction to the concept of 3D learning and the emerging 3D Web environment.  Part II. Learning Objects, Disciplinary Content Object Model.
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
Information Enhancement of Synthetic Environments Nicholas F. Polys Virginia Bioinformatics Institute Virginia Tech Computer Science & Center for Human.
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.
1 CS430: Information Discovery Lecture 18 Usability 3.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
1. Where to use Multimedia ? 2  Business  Government  Education  Broadcasting & Entertainment  Research & Development  Health.
Chapter 2. 3D User Interfaces: History and Roadmap.
Assistive Technology in the Classroom Setting Rebecca Puckett CAE6100 – GQ1 (24494) Dec. 7, 2009.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.
Introduction to Information Retrieval Example of information need in the context of the world wide web: “Find all documents containing information on computer.
On-To-Knowledge review Juan-Les-Pins/France, October 06, 2000 Hans Akkermans, VUA Hans-Peter Schnurr, AIFB Rudi Studer, AIFB York Sure, AIFB KMKMMethodology.
Virtual Information and Knowledge Environments Workshop on Knowledge Technologies within the 6th Framework Programme -- Luxembourg, May 2002 Dr.-Ing.
Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.
Debates: Comparison of commercial tools 2-D vs. 3-D cs5984: Information Visualization Chris North.
Katy Börner Teaching & Research Teaching & Research Katy Börner
Information Retrieval in Practice
Web Development A Visual-Spatial Approach
Visualization of Web Search Results in 3D
Chapter 12: Automated data collection methods
HCI in the curriculum The human The computer The interaction
Information Design and Visualization
Saul Greenberg Human Computer Interaction Presented by: Kaldybaeva A., Aidynova E., 112 group Teacher: Zhabay B. University of International Relations.
User interface design.
Information Visualization (Part 1)
Lecture 8 Information Retrieval Introduction
HCI What ? HCI Why ? What happens when a human and a computer system interact to perform a task? task -write document, calculate budget, solve equation,
Map of Human Computer Interaction
Presentation transcript:

Information Visualization for E-content David Modjeska Assistant Professor Faculty of Information Studies University of Toronto Information Highways 2002

Overview 1.Information Visualization and E-content 2.Research Project and Demo 3.Future Directions

1.Information Visualization

Online Information - Overview of Structure Difficult to get an overall sense of structure using textual representations. –Amount of online information increasing –Search engines provide access via queries –Directories such as Yahoo provide a hierarchical view.

Information Visualization This decade, much interest in visualizing information structure. –Capitalizes on human skills for scanning visual presentations quickly and efficiently. –Several algorithms and techniques –Little evaluative research for guidance in this area.

Desktop 3D Environments Desktop 3D environments provide experience of navigating in a world on desktop computer –E.g., in a first-person action game. –Can also represent information hierarchies, where concepts or items are represented as buildings or regions in model world. –Potential application areas include the Web and information systems.

Interesting Research Info structure - spatial vs. semantic (Dillon et al.) Info visualization (Card et al.; Chen) IR Visualization (Chalmers et al.; Hemmje et al.) “Focus+context” - cone tree, hyperbolic browser, XML3D (Robertson et al., Lamping & Rao; Risden et al.) Wayfinding (Lynch; Passini; Darken & Sibert) 3D info design (Waterworth; Vinson)

Document Landscape

Cone Tree (Vertical)

Hyperbolic Browswer

XML3D

Information Islands

Interesting Products Star Tree Viewer from Inxight File System Navigator from SGI VisualNet from Antarcti.ca

Star Tree Viewer from Inxight

File System Navigator from SGI

VisualNet from Antarcti.ca

2. Research Project

Information Systems Design Usability Evaluation Software Engineering Information Visualization

Goals Develop new technique for visualizing hierarchical data in desktop 3D environments Investigate design trade-offs between spatial and semantic structure in visualizations Implement and empirically validate proposed visualization designs Explore prototypes’ implications for Web/intranet browsing with semantic structural overview Investigate value of 3rd dimension and role of spatial ability

Tools Created toolkit for prototyping desktop VR and hypertext visualization designs ( ) –input: data hierarchies in ASCII files (~ 1 MB each) –filter: C++ software (~ 10,000 lines) –output: virtual worlds in VRML files (~ 3 MB each) Developed tool to log user’s virtual navigation (Study 4) Acquired hierarchical data for user studies –filtered subset of Yahoo! Web index (1998) –~ 1500 info items on six levels Studies used SGI or PC workstation, fast graphics card, monitor, mouse, keyboard

“Efficient” Day World

Map View of “Efficient” Day World

(Demo)

Methods Conducted user study with 20 participants Compared two visualization designs During each study session: 1) spatial ability test (a previous day) 2) Introduction and UI training (30 minutes) 3) 2 blocks of trials (20 minutes per block) a) “Scavenger hunt” for data items (0 -30 trials) b) After each block, test for structure-learning ability 4) Questionnaire and debriefing

Results World design: in map design, users... –overall - found more targets and rated higher efficiency –per trial - traveled less, made fewer errors, and stayed closer to target Spatial ability: lowest 25% of users... –overall - found fewer targets –per trial – traveled farther, and made more errors Structure-learning ability: higher-ability users... –Overall - found more targets –per trial - stayed closer to target

Benefits of 3D UIs for some tasks do not outweigh higher cognitive requirements. Different designs/training may be needed to compensate people with low levels of needed cognitive abilities Empirical evaluation is essential Discussion

3. Implications and Future

General Implications Humans inherently 2+ D creatures, except for acrobats, divers, and pilots These studies showed value of 2D UI for task performance, but 3D for enjoyment Naïve naturalism in desktop VR bad for task and system performance Trade-off ease of sensory representation vs. power of imaginative construction

Product Implications Computer graphics evolution + younger market demographics + information explosion  dynamic visual interfaces, tools to manage overload, and information as entertainment Visualization tools promising for intranets, digital libraries, e-business (B2C) Possibilities for real-time, multi-user communications (e.g., chat, conferencing) to add value and/or provide services

(Scenario)

Suggested Readings Card, S.K., Mackinlay, J.D., and Shneiderman, B., eds. Readings in information visualization: Using vision to think. Morgan Kaufmann, Gibson, W., Neuromancer. Ace Books, Modjeska, D. Hierarchical Data Visualization in Desktop Virtual Reality. Ph.D. thesis. University of Toronto, ( df) Stepenson, N., Snow Crash. Bantam, 2000