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.

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

Simple vs. Compound Mark Hierarchical Marking Menus Shengdong Zhao, Ravin Balakrishnan.
Graphical input techniques
Graphical User Interface Design
Asper School of Business University of Manitoba Systems Analysis & Design Instructor: Bob Travica User interface Updated: December 2014.
1 Windows CIS*2450 Advancing Computing Techniques.
Menu Interfaces Benefits of menu’s: Learnability, memorability, error avoidance Minimize memory load Drawbacks: possible inefficiency hierarchical complexity.
Flower Menus: A New Type of Marking Menus with Large Menu Breadth, Within Groups and Efficient Expert Mode Memorization Gilles Bailly Eric Lecolinet Laurence.
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
User Testing & Experiments. Objectives Explain the process of running a user testing or experiment session. Describe evaluation scripts and pilot tests.
Copyright © 2005, Pearson Education, Inc. Chapter 8 Command and Natural Languages.
Tree-Maps: A Space-Filling Approach to the Visualization of Hierarchical Information Structures Brian Johnson Ben Shneiderman (HCIL TR 91-06) Steve Betten.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 13, 2003.
Cone Trees and Collapsible Cylindrical Trees
Project Ideas CS260 Kenrick Kin. Multitouch Multihand, Multifinger High bandwidth Direct-touch.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Hypotheses for the SMS user interface Richard Walker Frascati January 5, 2007.
Improving the Usability of e-Commerce Applications Using Business Processes Presenter: Te-Yen Liu 2008/02/05 Topic:
ICS 463, Intro to Human Computer Interaction Design: 10. Interaction and Windows Dan Suthers.
Single Item Search on PDAs: Effects of Font Size & Menu Style By Ketan Babaria, Sasha Giacoppo, Ugur Kuter.
Discussion Silvia Lindtner INF 132 April 07. Fitts’ law - recap A predictive model of time to point at an object Help decide the location and size of.
CSC450 Software Engineering
1 The Benefits of Using Eye Tracking in Usability Testing Jennifer C. Romano Usability Laboratory Statistical Research Division U.S. Census Bureau.
C HAPTER 7 Microsoft Windows 7. Part1: Getting Started with Windows7 Fundamentals 7.1 What is Windows 7? It is the latest version of a series of Operating.
A Visual Browser for Large-Scale Online Auctions Quang Vinh Nguyen and Mao Lin Huang Faculty of Information Technology University of Technology, Sydney.
Division of Information Management Engineering User Interface Laboratory Model-Based Evaluation of Expert Cell Phone Menu Interaction ROBERT ST. AMANT.
1 Applying cognitive theory We have a lot of models and concepts now –What good are they? Cognitive theory can be useful for things other than psychology.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
1 Shengdong Zhao Department of Computer Science University of Toronto July 9, 2008 earPod: Efficient, Hierarchical, Eyes-free Menu Selection.
Principles of User Centred Design Howell Istance.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
User Models Predicting a user’s behaviour. Fitts’ Law.
User Interface Elements of User Interface Group View.
Ch 14. Testing & modeling users
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
IMPRINT Pro Usability Assessment Pratik Jha, Julie Naga and Dr. Raja Parasuraman George Mason University.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
10 Usability Heuristics for User Interface Design.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
-1- Philipp Heim, Thomas Ertl, Jürgen Ziegler Facet Graphs: Complex Semantic Querying Made Easy Philipp Heim 1, Thomas Ertl 1 and Jürgen Ziegler 2 1 Visualization.
OLAP tool for comparing time- based data 14 th May 2008 Proposed By Pimolmas Ponchaisakuldee Advisor Dr. Paul Janecek.
Radial Marking Menu Performance Improvement and User Type Detection Tim Burke - Prepared for CMSC601.
Intuitive Database Query System, Zooming Query Results Previews Drawing upon existing literature on zooming interface technology, intuitive navigation.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
User Modeling of Assistive Technology Rich Simpson.
HCI For Pen Based Computing Cont. Richard Anderson CSE 481 B Winter 2007.
Experimental evaluation of two haptic techniques for 3D interaction: constriction polyhedron / magnetic attraction Antonio CAPOBIANCO Caroline ESSERT-VILLARD.
Microsoft Office XP Illustrated Introductory, Enhanced Started with Windows 2000 Getting.
Sketchmate: A Computer-Aided Sketching and Simulation Tool for Teaching Graph Algorithms Dissertation Proposal Kristy VanHornweder April 11, 2011.
Formal User Studies Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 13, 1999.
Pad++: A Zoomable Graphical User Interface. Motivations View information at multiple scales –Semantic zooming Tap into natural spatial ways of thinking.
1 Chapter 4: User Interface Design. 2 Introduction … Purpose of user interface design:-  Easy to learn  Easy to use  Easy to understand.
Gesture Input and Gesture Recognition Algorithms.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
User Interface Design Patterns: Part 1 Kirsten McCane.
Human Computer Interface INT211
John Lamping, Ramana Rao, Peter Porolli
1 Control Menus: Execution and Control in a Single Interactor Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot École Nationale Supérieure des.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Design Visualization Software Introduction / Review.
Pen Based User Interface Issues CSE 490RA January 25, 2005.
Visual Basic.NET BASICS Lesson 14 Menus and Printing.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
1 Unit E-Guidelines (c) elsaddik SEG 3210 User Interface Design & Implementation Prof. Dr.-Ing. Abdulmotaleb.
Software engineering USER INTERFACE DESIGN.
Copyright Catherine M. Burns
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Zone and Polygon Menus:
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

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 France

INTRODUCTION

Compound Marking Menus Hierarchical Marking Menus Compound marking Menus [Kurtenbach 93] Novice modeExpert mode Novice Mode

Compound Marking Menus Advantages –Circular design –Fluid transition –Scale independance Limitations –Screen space requirement –Number of commands Error rate in expert mode Ambiguous marks in expert mode

Multi-Stroke Marking Menus (Simple Hierarchical Marking Menus) Solution [Zhao 04] Instead of considering a spatial compound stroke, Multi-Stroke menus introduce a serie of simple strokes. Novice mode (1) (2) Expert mode

Multi-Stroke Marking Menus Require less physical input space in novice & expert modes –Overlapped marks Increase accuracy in expert mode Increase the number of items –No ambiguous gestures in expert mode [Zhao 04]

Multi-Stroke Marking Menus Interaction is degraded in novice mode To sum up, Multi-Stroke marking menus have several advantages that outperform Compound Marking Menus in expert mode. However…

Multi-Stroke Marking Menus and Novice Mode Menu parents are not visible Submenus cannot be previewed Multi-stroke Marking Menus Compound Marking Menus

Introduction NOVICE MODE

Why is the novice mode so important ? It is the first interaction mode –necessary step before the expert mode –By exploring the menu, users learn where the commands are It never disappears –Most commands are not often used –People with limited physical skills It co-exists with the expert mode –Reuse after a long lay-off period

Introduction Novice mode OBJECTIVES

Objectives A menu –As efficient as Multi-Stroke Marking Menus in expert mode –Efficient in novice mode –Usable with small screens A new technique: Wave Menus

Introduction Novice mode Objectives WAVE MENUS

Wave Menus (1/4) The main feature : Parent menus surround submenus 1)Menu appears 2)Menu is enlarged 3)Submenu appears 4)Final item is selected

Wave Menus (2/4) Exploration of the menu hierarchy: rapid scan of different submenus User looks for Paris: 1)Scan Cities 1 2)Scan Cities 2 3)Scan Cities 3 4)Select Paris

Wave Menus (3/4) Scale independance Fast animation to enlarge the root menu

Wave Menus (4/4) Submenus Previsualization –Rapid scan of possibilities Parent menus: –Always visible –Can be directly selected Visual stability of the focus of attention

Wave Menus (4/4) Few physical input space In expert mode, Wave Menus work exactly the same way as Multi-Stroke Menus (1) (2) Novice Mode Expert Mode

Introduction Novice mode Objectives Wave Menus Experiment

Comparison of novice mode efficiency –Compound Marking Menus –Multi-Stroke Marking Menus –Wave Menus –Inverted Wave Menus

Inverted Wave Menus Wave Menus: Children of the menu tree in the center Parents on the outmost rings Inverted Wave Menus Tree nodes are displayed in the opposite order Inverted Wave Menus

Task and Stimuli Exploration of a 2-level menu –Search cities Stimulus –A city name with his corresponding continent The city appears several times Ex, to find Paris in Europe, users must navigate in the three Europe submenus One target Menus to visit

Participants & Apparatus 12 volunteers Mouse rather than Stylus –Most of our users had no experience in using pen tablets –Mouse is much more commonly used

Experimental design 12 participants X 4 menu techniques X 3 submenu breadths (4,6 or 8 items) X 6 times = 864 menu selections

Results: Speed No effect on Reaction Time. Significant effect on Execution Time for menu techniques

Results: Speed No effect on Reaction Time Significant effect on Execution Time for menu techniques –Wave Menus are 18% faster than Multi-Stroke Marking Menus –Previsualization has a major effect in improving navigation. –11/12 subjects said that they could easily get lost in Multi-Stroke Marking menus.

Results: Speed No effect on Reaction Time Significant effect on Execution Time for menu techniques –With Inverted Wave Menus, Users complainted about the excessive distance between the items they had to read. –With Wave Menus, most users (10/12) said they were not bothered by the reversed hierarchy after sufficient learning time.

Results: Accuracy 97% 83%93%

Introduction Novice mode Objectives Wave Menus Experiment Conclusion

Importance of novice mode. Wave menus –As Efficient as Multi-Stroke Marking Menus in expert mode –As Efficient as Compound Marking Menus in novice mode –usable with small screens Future Work: Formalization of menu properties

? Thank you

3-Level Wave Menus