Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch.

Slides:



Advertisements
Similar presentations
Database Ed Milne. Theme An introduction to databases Using the Base component of LibreOffice LibreOffice.
Advertisements

Chapter 19 Design Model for WebApps
1 Official Interface Guidelines by David Catmull User interface documentation published by Apple and Microsoft.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
UBIGIous – A Ubiquitous, Mixed-Reality Geographic Information System Daniel Porta Jan Conrad Sindhura Modupalli Kaumudi Yerneni.
1 Presented by Jean-Daniel Fekete. 2  Motivation  Mélange [Elmqvist 2008] Multiple Focus Regions.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman (HCIL TR 91-06) Steve Betten.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
DENIM A Sketching Tool for Prototyping Web and Desktop UIs Mark Newman and Jimmy Lin Group for User Interface Research UC Berkeley July 8, 1999.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
AMI GUI Design V1.1 by Kilian Pohl - Reflects changes in AMI MRML Structure - Includes feedback from AMI Workshop in Dec 09.
Pad++ A Zooming Graphical Sketchpad for Exploring Alternative Interface Physics Benjamin B. Bederson, James D. Hollan, Ken Perlin, Jonathan Meyer, David.
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Pad++1 Pad++ A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented by Dilshad Akhter by Benjamin B. Bederson James D. Hollan.
3231 Software Engineering By Germaine Cheung Hong Kong Computer Institute Lecture 12.
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
MULTIMEDIA DEFINITION OF MULTIMEDIA
Web Page Aesthetics Analysis Paper Main Points. Visual Appeal & Effectiveness Coherence, clarity, balance, innovation, form, size, perspective, layout,
Ch 4, HCI Remixed Sutherland, Sketchpad: A Man-Machine Graphical Communication System Bederson, Hollan, Pad++: A Zooming Graphical Interface for Exploring.
Introduction to ArcGIS for Environmental Scientists Module 1 – Data Visualization Chapter 4 - Layouts.
Introduction to Interactive Media Interactive Media Components: Text.
IAT Overview + Detail Focus + Context ______________________________________________________________________________________ SCHOOL OF INTERACTIVE.
Andrew S. Budarevsky Adaptive Application Data Management Overview.
1 CS430: Information Discovery Lecture 18 Usability 3.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
C. Lawrence Zitnick Microsoft Research, Redmond Devi Parikh Virginia Tech Bringing Semantics Into Focus Using Visual.
Jinwook Seo Pad++: A Zoomable Graphical Sketchpad For Exploring Alternative Interface Physics Benjamin B. Bederson, James D. Hollan, Ken Perlin, Jonathan.
Pad++: A Zoomable Graphical User Interface. Motivations View information at multiple scales –Semantic zooming Tap into natural spatial ways of thinking.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Benjamin B. Bederson and James D. Hollan Presented by Daniel Schulman.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
CSS FOUNDATIONS IN-DEPTH The nitty-gritty of css...
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
Managing the content of web pages
Objective % Select and utilize tools to design and develop websites.
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Web Design and Development
Windows 8 Microsoft Windows is the dominant operating system on personal computers around the world. The operating system is the most important software.
Objective % Explain concepts used to create websites.
.NET and .NET Core 7. XAML Pan Wuming 2017.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Introduction to PowerPoint
CIS 376 Bruce R. Maxim UM-Dearborn
Objective Explain concepts used to create websites.
Objective % Select and utilize tools for digital animation production.
Week: 09 Human-Computer Interaction
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented By: Daniel Loewus-Deitch

Introduction Pad++ is a zooming graphical interface. Possible alternative to traditional windows/icon interface design. A different direction than many other groups exploring 3D virtual worlds.

Metaphor vs. Physics Metaphor-based approaches have certain limitations –Too much focus on old media. –Underutilizing potential of mechanisms associated with new computerized media. Physics approach views interface design differently –Appearance and behavior of informational objects.

Metaphor vs. Physics Examples of informational physics: –Useful representations to show extent of use for an object (i.e. dog-eared pages in real world). –History-enriched digital objects. –New physics for interacting with graphical data (i.e. zooming).

Metaphor vs. Physics 4 problems with metaphor-based model: –Metaphors always pre-exist their use. Metaphor must be familiar. Limits resources and choices.

Metaphor vs. Physics –Metaphors are temporary bridging concepts. Eventually they die as a metaphor and take on a common meaning in the computer environment. After metaphor dies, it can still restrict functionality when trying to keep the metaphor from being violated. –Metaphor-based interface is not easily scalable. –Metaphors may lead users to expect functionality associated with the source object that is not actually included in the interface.

Metaphor vs. Physics Issues with physics-based model –Can’t rely on user familiarity to same extent (learnability consequences). –Make sure physics mechanisms are easily discoverable and learnable.

Motivation Desktop metaphor has hit a dead end. Present large amounts of information with the same rich structure and dynamic character of the real world. Create physics that symbolically relate to informational objects and exploit semantic relationships. Attempting to fully utilize our natural spatial abilities.

Motivation Pad++ provides more choices than just the inclusion or exclusion of information. Make it easier to find specific information in large dataspaces. Complements traditional filtering and recommendation approaches. –Highly rated information is largest. –Lower rated information is smaller and off to the side.

Pad++ System General purpose Supports these standard objects: –Colored text –Text files –Hypertext –Graphics –Images Zooms around current cursor position.

Pad++ System Originally designed for use with a 3-button mouse. Semantic zooming –When zoomed out, object is represented differently. It is not just scaled down.

Recent Advances Focus on smooth zooming with large graphical datasets. Essential that frame rates be consistently maintained because of nature of interaction. Coded in C++

Efficiency New efficiency methods: –Spatial indexing –Restructuring –Spatial level-of-detail –Clipping –Refinement –Adaptive render scheduling Search for balance between local detail and global context.

Efficiency Parallel lazy loading –Helps avoid start-up costs of parsing and loading database when accessing external information sources. –Only loads portion of database that is currently visible. –Performed in background. Ephemeral objects –Automatically deleted if not viewed within several minutes.

Hypertext Multiscale layouts –Graphically represent parent-child relationship between links. –Linked data is loaded to side and made smaller. Then view is animated to center new data.

Interface to TCL/TK 3 classes: –Create objects –Handle objects –Render scene Every object assigned a unique integer id. Procedural objects support semantic zooming.

Interface to TCL/TK Navigation and search mechanisms provided. Most of panning is performed while zoomed out. –Gives sense of context. –Speeds up animation.

Visualizations Pad++ directory browser –For viewing large hierarchical databases. –Square frame = directory –Solid square = file –Text names shown when zoomed in. –Search by zooming in and out of directory tree or by content-based search. –Zooming into file loads text inside colored square.

Visualizations Timeline –Helpful to look at history using different scales. –Zoom into particular years to see content in detail.