1 Control Menus: Execution and Control in a Single Interactor Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot École Nationale Supérieure des.

Slides:



Advertisements
Similar presentations
LingTour
Advertisements

Prof. Yitzchak Rosenthal
What we will cover today… Where is the camera on my phone? Taking a photo Zoom in and out Deleting a photo Where do my photos go to? Viewing my photos.
User Guide. Put the cursor on the desktop, click the Right button on the mouse or the right button on the Touch Pad in the laptop and select in the following.
Working with Profiles in IX1D v 3 – A Tutorial © 2006 Interpex Limited All rights reserved Version 1.0.
ZoomText, Step-by-Step IU Adaptive Technology Center.
ORGANIZING THE CONTENT Physical Structure
Excel Navigation. Instructions Use this PowerPoint presentation as you answer the Excel Navigation worksheet questions. Have Excel open also and use ALT.
Microsoft Word 2010 Lesson 1: Introduction to Word.
As you play this presentation, fill in the Word Window Worksheet. On the following slide, click on each labeled part of the window to identify the part.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Automating Tasks With Macros
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
Automating Tasks With Macros. 2 Design a switchboard and dialog box for a graphical user interface Database developers interact directly with Access.
This demo shows how to create a simple multiple choice exercise using drop down menu boxes with the forms tool within MSWord.
Creating FrontPage Tasks The task view allows you to add information about what you want to accomplish when creating your Web site.
How the World Wide Web Works
Module 3 Productivity Programs Common Features and Commands Microsoft Office 2007.
1 CGS1060 Mobile UIs Copyright 2012 by Janson Industries.
Exploring the Basics of Windows 8
Creating a MagicInfo Pro Screen Template
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
User Models Predicting a user’s behaviour. Fitts’ Law.
Getting Started with Application Software
Aver Vision 300 AF+. Software is needed rt-av300afplus.asp rt-av300afplus.asp.
 The World Wide Web is a collection of electronic documents linked together like a spider web.  These documents are stored on computers called servers.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
1 The EDIT Program The Edit program is a full screen text editor that allows you to: Create text files Create text files Edit an existing text files Edit.
Productivity Programs Common Features and Commands.
Copyright © 2010 Wolters Kluwer Health | Lippincott Williams & Wilkins Introduction to Windows Chapter 2.
Word 2010 Vocabulary List 1. Click and Type - A feature that allows you to double-click a blank area of a document to position the cursor in that location,
XP New Perspectives on Microsoft Windows 2000 Professional Windows 2000 Tutorial 1 1 Microsoft Windows 2000 Professional Tutorial 1 – Exploring the Basics.
Computer Information Technology – Section 4-1 Some text and examples used with permission from:
Accessible Word and PDF documents
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Lesson 2: Manipulating Text Courseware #: 3240
© 2010 Pearson Education, Inc. | Publishing as Prentice Hall1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 1: Starting with Microsoft.
By Felixberto Dominic B. Eruela.  Using a computer to create, edit, and print documents. Of all computer applications, word processing is the most common.
I NTRODUCTION TO A UTO CAD P ART 2 Lab 8. CHAPTER OBJECTIVES Creating New Layers Assigning Colors to Layers Assigning Linetypes Assigning Lineweight Changing.
Copyright © 2006 Prentice-Hall. All rights reserved.1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Project 1: Taking a Tour of Windows.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
Unit 1 Primer: AutoCAD Basics DT2510: Advanced CAD Methods.
1. Chapter 20 Managing Shared Documents 3 Working Together on Documents Word provides features to help workgroup members collaborate on documents. Insert.
Copyright © 2009 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 4: Events Programming with Alice and Java First Edition by John Lewis.
The Excel model for information processing The Excel model is a grid of cells in which items of information are stored and processed. Any information that.
1 Introduction to Microsoft Windows Lecture Outline.
1. Chapter 1 Creating, Printing, and Editing Documents.
Windows 95/NT/XP. What is Windows 95/NT/XP n A program that sets up an environment for you to work in on your computer, based on colorful pictures (icons)
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Brugergrænseflader til apparater BRGA Presentation 12: Touch.
Oct 091 Example Program DemoInputValidation1.java DemoInputValidation2.java.
Microsoft Word CERTIFICATION PREP. Lesson 1 Basic Overview RIBBON The main command interface in Microsoft office 2013 is the ribbon. The Ribbon is a centralized.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
1 Copyright © 2014 Tata Consultancy Services Limited Assessment Knowledge Center – Item Creation Training Document.
Customizing Menus and Toolbars CHAPTER 12 Customizing Menus and Toolbars.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Access Queries and Forms. Adding a New Field  To insert a field after you have saved your table, open Access, and open the table  It is easier to add.
XP New Perspectives on Microsoft Windows XP Tutorial 1 1 Microsoft Windows XP Creating a Web Site Tutorial 1.
Lesson 2: Working with Windows Programs. Introducing Windows  Windows is your operating system. Some of the important roles Windows plays are:  Manages.
Human Computer Interaction Lecture 07 The Interaction.
Wave Menus: Improving the novice mode of Hierarchical Marking Menus Gilles Bailly 1,2 Eric Lecolinet 2 Laurence Nigay 1 LIG Grenoble 1 France 2 ENST Paris.
Click the mouse button or press the Space Bar to display the answers.
Microsoft Windows XP Inside Out Second Edition
Objectives To define terminology associated with Windows operating systems. To examine uses of Windows in business and industry. To explain techniques.
The mouse controls the movement of the pointer on your screen.
How to submit preferences in TAMS as a Faculty member
Form Creation.
Making a non-linear slide show
Presentation transcript:

1 Control Menus: Execution and Control in a Single Interactor Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot École Nationale Supérieure des Télécommunications ( ENST / INFRES ), France Infobiogen, France Généthon, France

2 The Problem  Choose and control continuous operations  Example: Acrobat Reader  three ways to zoom: dialog box, option menu, mouse button  three ways to pan: dialog box, scroll bar, mouse button  Various problems:  many ways and modes  multiple focus switches  non contextual  screen space  repeated uses

3 Control Menu  New type of pop-up menu  visually similar to a marking menu  Combines choice and control  single continuous reversible action  no focus switches  immediate feedback We propose a new type of pop-up menu that is circular and visually similar to marking menu. A control menu is shown here. As this menu is a pop-up it is contextual. The mouse click used to pop-up the menu indicates where the action chosen by the menu is to be applied. The gesture used to pop-up the menu continues so as to select an operation from the menu and to then control this operation. We propose a new type of pop-up menu that is circular and visually similar to marking menu. A control menu is shown here. As this menu is a pop-up it is contextual. The mouse click used to pop-up the menu indicates where the action chosen by the menu is to be applied. The gesture used to pop-up the menu continues so as to select an operation from the menu and to then control this operation.

4 Uses in Zoomable User Interfaces this short video shows the mouse movements used to select the zoom operation from the menu and to zoom the image. The mouse logo next to the cursor shows when the mouse button was pressed. I was not able to capture the change in cursor at the start and end of the zoom operation. this short video shows the mouse movements used to select the zoom operation from the menu and to zoom the image. The mouse logo next to the cursor shows when the mouse button was pressed. I was not able to capture the change in cursor at the start and end of the zoom operation.  Lots of mouse driven operations  One control menu sufficient for all  Each controlled by a single gesture  All operations unified

5 Control vs. Marking Menus  Control and marking menus:  novices see the menu  experts don’t  Control menu:  distance rather than the form of the gesture  (proportional) control bidirectional interactor  replaces menu and two scroll bars Both marking and control menus have novice and expert gestures. We saw the novice’s gesture on the video. The gesture of an expert is the same as that of a novice except without the third of a second pause that causes the menu to be shown. A user that knows the location of a menu item doesn’t have to wait to see menu. If she is unsure a short pause at the beginning of the operation will cause the menu to be drawn. Control menus differ from marking menus in that with a marking menu it is the form not the scale of the user’s gesture that is important. With a control menu it is the distance that is important. A control menu incorporates the control of an action into the gesture used to select it. This control is proportional to the user’s mouse movements and can be in two different directions. A control menu can thus replace up to two scroll bars for each menu item. Both marking and control menus have novice and expert gestures. We saw the novice’s gesture on the video. The gesture of an expert is the same as that of a novice except without the third of a second pause that causes the menu to be shown. A user that knows the location of a menu item doesn’t have to wait to see menu. If she is unsure a short pause at the beginning of the operation will cause the menu to be drawn. Control menus differ from marking menus in that with a marking menu it is the form not the scale of the user’s gesture that is important. With a control menu it is the distance that is important. A control menu incorporates the control of an action into the gesture used to select it. This control is proportional to the user’s mouse movements and can be in two different directions. A control menu can thus replace up to two scroll bars for each menu item.

6 Panning and expert use i3: The second (and last) video will show a control menu used to pan an application and the use of the control menu by someone who knows the location of the difference menu items. i3: The second (and last) video will show a control menu used to pan an application and the use of the control menu by someone who knows the location of the difference menu items.

7 Status and Future Directions  Zomit and HuGeMap  in Java (  browse biological database  Other applications  word processor We have used a control menu to control a Zoomable User Interface. The user interface part of this program is in Java and can be tested over the Web. This Zoomable User Interface is a browser for a biological database. We are currently working on adapting our control menu for use in different types of applications. Word processor are one example that we are developing. We have used a control menu to control a Zoomable User Interface. The user interface part of this program is in Java and can be tested over the Web. This Zoomable User Interface is a browser for a biological database. We are currently working on adapting our control menu for use in different types of applications. Word processor are one example that we are developing.