Recuperação de Informação B Cap. 10: User Interfaces and Visualization 10.8.1, 10.8.2, 10.8.3, 10.8.4 November 29, 1999.

Slides:



Advertisements
Similar presentations
Recuperação de Informação B Cap. 10: User Interfaces and Visualization 10.1,10.2,10.3 November 17, 1999.
Advertisements

Creating posters and flyers Lesson -IV. Editing pictures inside Office Office 2007 has tools to edit photos and pictures in the document. Office 2007.
Design, prototyping and construction
GroupBar: The TaskBar Evolved Greg Smith, Patrick Baudisch, George Robertson, Mary Czerwinski, Brian Meyers, Daniel Robbins, and Donna Andrews Microsoft.
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Microsoft ® Office Training Get up to speed with the 2007 system presents:
Introduction to Microsoft Office 2007 with focus on MS Word
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
ORGANIZING THE CONTENT Physical Structure
Copyright 1999 all rights reserved Select the Proper Kinds of Windows.
1 Windows CIS*2450 Advancing Computing Techniques.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Information Retrieval: Human-Computer Interfaces and Information Access Process.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
Patch to the Future: Unsupervised Visual Prediction
From requirements to design
With Microsoft ® Office 2010© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office.
More Interfaces for Retrieval. Information Retrieval Activities Selecting a collection –Lists, overviews, wizards, automatic selection Submitting a request.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Lecture 7 Date: 23rd February
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Lecture 5 Word Processing. ©1999 Addison Wesley Longman5.2 Text Editors Utility program for creating and modifying text files. Do not embed control characters,
Information Retrieval: Human-Computer Interfaces and Information Access Process.
With Microsoft ® Office 2010© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 GO! with Microsoft ® Office 2010 Common Features Using the Common.
Microsoft Visio is diagramming software for Microsoft Windows. It uses vector graphics to create diagrams. The 2007 Standard and Professional editions.
WMES3103: INFORMATION RETRIEVAL WEEK 10 : USER INTERFACES AND VISUALIZATION.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Academic Computing Services 2010 Microsoft ® Office Visio ® 2007 Training Get to know Visio.
Write today’s date and title in the front of your book. Underline it.
Microsoft ® Office 2007 Get up to speed with the 2007 system Murray State University College of Education:
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Systems Analysis – Analyzing Requirements.  Analyzing requirement stage identifies user information needs and new systems requirements  IS dev team.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
CIS—100 Chapter 9—PowerPoint 1. The PowerPoint User Interface 2 There is a tall band across the screen that contains many, very visual commands arranged.
Get up to speed with the 2007 Office system The new Office: Made for you Yes, there’s a lot of change to familiar Microsoft Office programs. But it’s good.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Exploring Your Desktop To run presentation, please click on bottom arrow to right to change to next frame.
Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Microsoft ® Office Training Get up to speed with the 2007 system.
With Microsoft ® Office e© 2013 Pearson Education, Inc. Publishing as Prentice Hall1 Common Features Using the Common Features of Microsoft ® Office.
Basic ICT Skills Getting to know Microsoft ® Office 2007 Get up to speed with the Office 2007 system.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
Get up to speed Get your bearings—what’s changed and why The most noticeable change in PowerPoint 2007 is at the top of the window. Instead of menus and.
National Diploma Unit 4 Introduction to Software Development Human Computer Interaction – HCI.
Software Architecture
Computer Information Technology – Section 4-1 Some text and examples used with permission from:
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Matthew van Cittert Supervisor: Prof. Shaun Bangay A second look at the “glorified text-editor”
Recuperação de Informação B Cap. 10: User Interfaces and Visualization , , 10.9 November 29, 1999.
CS 275Tidwell Course NotesPage 16 Chapter 2: Organizing The Content There are two primary ways to organize the planned content of your software application’s.
Chapter 13 Andrew Bates Jay Babb Steve Haroz. Introduction We want as much information on the screen as possible without too much eye- head movement Window.
How to create a Scientific poster for the Group 4 presentation.
Microsoft Outlook 2010 Instructor: Julie Thorngren
Build a database V: Create forms for a new Access database Overview: A window into your data So far in this series of courses, you’ve built tables, relationships,
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Different Types of HCI CLI Menu Driven GUI NLI
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 28 Behavior.
IA and the Small Screen Carolyn Watters & Bonnie MacKay Web Information Filtering Lab Dalhousie University.
Chapter Five Working with Words ©1999 Addison Wesley Longman5.2 Chapter Outline The Word Processing Process The Wordsmith’s Toolbox The Desktop Publishing.
Human Computer Interface INT211
1 Evaluating the User Experience in CAA Environments: What affects User Satisfaction? Gavin Sim Janet C Read Phil Holifield.
Microsoft® Access Generate forms quickly 1 Modify controls in Layout View 2 Work with form sections 3 Modify controls in Design View 4 Add calculated.
© 2013 Pearson Education, Inc. Publishing as Prentice Hall1 with Microsoft ® Office for Mac 2011 Common Features Using the Common Features of Microsoft.
The Task Gallery A 3-D Window Manager Presented By - - Priya Shivakumar Developed By – - Microsoft Research George Robertson Daniel Robbins..
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
1 Unit E-Guidelines (c) elsaddik SEG 3210 User Interface Design & Implementation Prof. Dr.-Ing. Abdulmotaleb.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Topic 2: Information Architecture and Application Structure
Presentation transcript:

Recuperação de Informação B Cap. 10: User Interfaces and Visualization , , , November 29, 1999

Motivation n It is clear that humans are more complex than computer systems, and their motivations e behaviors are more difficult to measure and characterize. It is clear too that the information access is a complex activity. n Thus, the user interface of a information access system should aid in the understanding and expression of information needs. It should also help users formulate their queries, select among available information sources, understand search results, and keep track of the progress of their search.

Introduction n In information systems, the layout of information is very important. n There are many ways to arrange the information in a screen and each different system do it in a distinct way. n The user interface designer must make decisions about how to arrange various kinds of information on the computer screen and how to structure the possible sequences of interactions.

Interfaces for String Matching The findoperation

Interfaces for String Matching The find function

Interfaces for String Matching A common problem

Interfaces for String Matching Solutions for a common problem Solutions: u erases the current result set as soon as the new query is typed; u brings up a new window for every new query; u stacks the queries and results lists in a compact format and allows the user to move back and forth among the stacked up prior searches.

Interfaces for String Matching Functionality n Trying to augmented the functionality, simple interfaces should: u have a spell-checking function that suggests alternatives for query terms that have low frequency in the collection; u suggest thesaurus terms associated with the query terms at the time the query terms are entered (a form of query preview).

Window Management n How to lay out the various choices and information displays within the interfaces? n Traditional bibliographic search systems use TTY- based command-line interfaces or menus. Problem: u the user must remember the context. n In modern graphical interfaces, the windowing system can be used to divide functionality into different, simultaneously displayed views.

Window Management n When arranging information within windows, the designer must choose between: u a monolithic display; u tiled windows; u overlapping windows.

Window Management Monolithic Interface n Advantages: u organization of the various options; u simultaneous visibility of all information; u features are placed in familiar positions, making them easier to find. n Disadvantages: u works best if occupying the full viewing screen; u the number of views is limited by the amount of room available on the screen.

Window Management A problem n A problem for any information access interface is an inherent limit in how many kinds of information can be shown at once. n Information access systems must always reserve room for a text display area, and this must take up a significant proportion of screen space in order for the text to be legible. n For legibility reasons, it is difficult to compress many of the information displays needed for an information access system.

Tiled Windows

Window Management Overlapping windows n Advantage: u provides flexibility in arrangement. n Disadvantage: u it can quickly lead to a crowded, disorganized display. Researchers have observed that much user activity is characterized by movement from one set of functionally related windows to another.

Window Management Multiple Virtual Workspace n System developed by Henderson and Card. n Objective: to make easier for user to move between multiple virtual workspace (notion defined by Bannon et al.). n The system uses a 3D spatial metaphor, where each workspace is a room, and users transition between workspaces by moving through virtual doors. By travelling from one room to the next, users can change from one work context to another.

Window Management Elastic Windows n It is an extension to the workspace or rooms notion to the organization of 2D tiled windows. n Main idea: make the transition easier from one task to another, by adjusting how much of the screen real estate is consumed by the current role. n The user can resize the windows, but all the information still fit on the screen without overlap.

Example Systems Information Access Interfaces n The InfoGrid Layout: typical example of a monolithic layout. n The SuperBook Layout n The DLITE Interface: makes a number of interesting design choices. n The SketchTrieve Interface: description of information access as an informal process.

The InfoGrid Layout It is for retaining documents of interest A graphical history of earlier interactions

The SuperBook Layout

The DLITE Interface

The SketchTrieve Interface

Examples of Poor Use of Overlapping Windows n Sometimes conversion from a command-line- based interface to a graphical display can cause problems: u when designers make a literal transformation from a TTY interface to a graphical interface. n Consequences: u LEXIS-NEXIS interface: the interface does not retain window context when the user switches from one function to another.

Conclusion n The layout of an interface is very important because it is made for the users. n The designers must try to put on the screen the main information of the system, and avoid to show a lot of it making the interface not good for the users. n The designers must think about font design, screen space, user need information and others things that can improve the quality of the interface.