LifeLines: Visualizing Personal Histories Catherine Plaisant, Brett Milash, Anne Rose, Seth Widoff, Ben Shneiderman.

Slides:



Advertisements
Similar presentations
WNYHealtheNet Introducing your new 5010 Graphic User Interface (GUI) pages. Starting mid July users will see the following new look for WNYHealtheNet.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
The Complete Visitor Management System
Efficient and user friendly tools bring success to your customers! New releases of Vision 80/20.
Workshop: Interactive Visual Exploration of Electronic Health Records David Wang, Catherine Plaisant, Ben Shneiderman University of Maryland College Park,
Introducing… EBSCOhost 2.0 A redesigned EBSCOhost Coming in July 2008.
Visualize Success 2011 Jason Butler Sr. Project Manager Visual South, Inc. Customer/Vendor Inquiry.
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
LifeLines:Visualizing Personal Histories Plaisant, Milash, Rose, Widoff, Shneiderman Presented by Girish Kumar and Rajiv Gandhi.
A Proposed Model for GV Express October 2008 RED version.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
CS774 Human-Computer Interaction Lecturer: Roger D. Eastman
INFORMATION MURAL A technique for displaying and navigating large information spaces Dean F. Jerding and John T. Stasko Graphics, Visualization, and Usability.
Introduction to ZPORTAL Prepared by Houeida K. Charara Electronic Resources Librarian LAU Libraries ©2010.
Bad design Go To Website Less screen real estate has been used for sports news. There are more ads than sports news. A promo video plays automatically.
Lifelines: Visualizing Personal Histories Class overview Jen Golbeck 04 Feb 02.
Feb 7 th 2001CMSC 838B: Information Visualization Lifelines: Visualizing Personal Histories C. Plaisant, B.Milash, A. Rose, W.Widoff and B. Shneiderman.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Lifelines2: Hypothesis Generation in Multiple EHRs Taowei David Wang Catherine Plaisant Ben Shneiderman Shawn Murphy Mark Smith Human-Computer Interaction.
FINDING PATTERNS IN TEMPORAL DATA KRIST WONGSUPHASAWAT TAOWEI DAVID WANG CATHERINE PLAISANT BEN SHNEIDERMAN HUMAN-COMPUTER INTERACTION LAB UNIVERSITY OF.
THE PERSPECTIVE WALL Jock D Mackinlay George D Robertson Stuart K Card.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
Customizing Enterprise with Widgets Michael L. Bowden SNRG Conference June 10, 2014 Harrisburg Area Community College
WYNN Reader/Wizard Training Module Karie Lawrence Cypress-Fairbanks I.S.D.
Ch 26 & 27 User Interfaces.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
ENVIROTRAC: A Premier Chamber Monitoring and Data Acquisition System Envirotrac A Guided Tour.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
April 2011 November 2010.
Software Engineering Chapter 16 User Interface Design Ku-Yaw Chang Assistant Professor Department of Computer Science and Information.
Integrated Development Environment (IDE)
Introduction to Microsoft Office Word By: H. Cruz.
Introduction to the Visual Studio.NET IDE (LAB 1 )
SITES SOFTWARE APPLICATION SEMINAR __________________________ SITES INTEGRATED DEVELOPMENT ENVIRONMENT for WATER RESOURCE SITE ANALYSIS SITES.
Software Architecture
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
Input Design Lecture 11 1 BTEC HNC Systems Support Castle College 2007/8.
Query Previews in Networked Information systems - K.Doan, C.Plaisant, B.Shneiderman Department of Computer Science University of Maryland, College park.
BT Wholesale Broadband Escalations Portal Search Escalation.
Awalin Sopan, Catherine Plaisant, Seth Powsner, Ben Shneiderman Human-Computer Interaction Lab & Department of Computer Science, University of Maryland.
] COREY PEARSON [ ASUG INSTALLATION MEMBER MEMBER SINCE: 2008 CHAVONE JACOBS [ ASUG INSTALLATION MEMBER MEMBER SINCE: 2003 ALLAN FISHER [ ASUG INSTALLATION.
1D & 2D Spaces for Representing Data Mao Lin Huang.
2a – Object Oriented Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
 2002 Prentice Hall. All rights reserved. 1 Chapter 2 – Introduction to the Visual Studio.NET IDE Outline 2.1Introduction 2.2Visual Studio.NET Integrated.
User Interface Design Lecture #4 Part-A. 30 January, 2008Human Computer Interaction Spring 2008, Lecture #4A 2 Agenda Principles on User Interface Design.
Appropriate Appearance Presenting Information The ways you present information on the screen depend on the type of information: such as Text, Numbers,
Designing the User Interface: 5 th Edition Ben Shneiderman and Catherine Plaisant
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
1 Interface Redesign of Flight Reservation Systems Nicholas R. Jones Chris S. T. Fernandes Computer Science Union College.
1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.
DATA INPUT AND OUTPUT.
Chapter A - Getting Started with Dreamweaver MX 2004
Designing the User Interface: Strategies for Effective Human-Computer Interaction 6th Edition Ben Shneiderman, Catherine Plaisant, Maxine Cohen, Steven.
INTRODUCTION TO ADOBE ILLUSTRATOR
BasketLens: Searching for baskets of words in text collections
Stanley Lam Department of Computer Science University of Maryland
Information Visualization 2: Overview and Navigation
GRAPHICAL USER INTERFACE
Step by step guide to: Smart Search
Visualization of Continuous Communication: “Flow of Thought”
CHAPTER 14: Information Visualization
Presentation transcript:

LifeLines: Visualizing Personal Histories Catherine Plaisant, Brett Milash, Anne Rose, Seth Widoff, Ben Shneiderman

LifeLines - Overview Lifelines provide a general visualization environment for personal histories that can be applied to a wide range of biographical data. Started out as a graphical interface to juvenile records for the Maryland Department of Juvenile Services. In 1997 Univ. Of Maryland began a collaboration with IBM to bring lifelines to the web for patient medical records.

LifeLines - Graphical Interface Facets are shown as groups of events with alternating background colors. Events are shown as lines of varying size and color. Size and color dictate where different periods begin and end within the lifespan of the event or the severity of the event. Discrete events are shown as icons on the screen.

LifeLines - Capabilities Zoom capabilities, to more accurately pinpoint areas of interest. Collapsible facets make it easier to view data of interest. Text searches allow the user to locate specific pieces of data.

LifeLines – Capabilities (cont.) By double clicking on any event you are given detailed information and thus the lifelines interface acts a large menu. Control panel allows the user to decide how the information should be displayed.

LifeLines - Advantages Reduce the chances of missing information. Facilitates the spotting of anomalies and trends. Streamline the access to details (lifelines act as large menus). Simple and tailorable to a large variety of applications.

LifeLines - Problems Too much space is left unused. Data-pixel ratio is too low. Possible bias associated with color and thickness coding. Need of a more integrated data entry process (i.e. Direct data entry into the interface).

HCI Metrics Very easy to learn. Good first impression and easy to use. User satisfaction was very high. High retention over time. Error-recovery is easy due to the fact that it is hard to make errors.

Thank You