1 Shengdong Zhao Department of Computer Science University of Toronto July 9, 2008 earPod: Efficient, Hierarchical, Eyes-free Menu Selection.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Graphical input techniques
Mobile learning with a mobile game Design and motivational effects.
1 Slipping and Drifting: Using Older Users to Uncover Pen-based Target Acquisition Difficulties Karyn Moffatt and Joanna McGrenere Department of Computer.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Cognitive Walkthrough More evaluation without users.
Flower Menus: A New Type of Marking Menus with Large Menu Breadth, Within Groups and Efficient Expert Mode Memorization Gilles Bailly Eric Lecolinet Laurence.
ACTIVELY ENGAGING THE STAKEHOLDER IN DEFINING REQUIREMENTS FOR THE BUSINESS, THE STAKEHOLDER, SOLUTION OR TRANSITION Requirements Elicitation.
User Interface Design Notes p7 T120B pavasario sem.
User Testing & Experiments. Objectives Explain the process of running a user testing or experiment session. Describe evaluation scripts and pilot tests.
SienceSpace Virtual Realities for Learning Complex and Abstract Scientific Concepts.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
Class 6 LBSC 690 Information Technology Human Computer Interaction and Usability.
Evaluation Adam Bodnar CPSC 533C Monday, April 5, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 13, 2003.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
Evaluating Non-Visual Feedback Cues for Touch Input Device Selina Sharmin Project for the course New Interaction Techniques Spring.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
1 CS 430 / INFO 430 Information Retrieval Lecture 24 Usability 2.
Using a head joystick in a one axis manipulation.
TimeCleanser: A Visual Analytics Approach for Data Cleansing of Time-Oriented Data Theresia Gschwandtner, Wolfgang Aigner, Silvia Miksch, Johannes Gärtner,
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Chapter 12 Designing the Inputs and User Interface.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Information Visualization for E-content David Modjeska Assistant Professor Faculty of Information Studies University of Toronto Information Highways 2002.
Agile Design Exploration: User Interface Concepts for Future Navigation Systems Volker Paelke, Karsten Nebe Leibniz University Hannover, University of.
ENTERFACE ‘08: Project4 Design and Usability Issues for multimodal cues in Interface Design/ Virtual Environments eNTERFACE ‘08| Project 4.
Federal Highway Research Institute Evaluation of the Tactile Detection Response Task (TDRT) in a laboratory test using a surrogate driving set-up Roland.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Lecture 6 User Interface Design
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
Ch 14. Testing & modeling users
IMPRINT Pro Usability Assessment Pratik Jha, Julie Naga and Dr. Raja Parasuraman George Mason University.
BlindSight: Eyes-free mobile phone interaction Kevin Li, University of California, San Diego Patrick Baudisch, Microsoft Research Ken Hinckley, Microsoft.
CS 5150 Software Engineering Lecture 11 Usability 2.
Handhelds in the Automobile: The Denali Navigation System Human Computer Interaction Institute School of Computer Science Carnegie Mellon University Brad.
Chapter 15: Design and Evaluation in the Real World: Communicators and Advisory Systems Group 4: Tony Masi, Sam Esswein, Chris Troisi, Brian Rood.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
ENTERFACE ‘08: Project4 Design and Usability Issues for Multimodal Cues in Interface Design/ Virtual Environments eNTERFACE ‘08| Project 4.
Methodology and Explanation XX50125 Lecture 3: Usability testing Dr. Danaë Stanton Fraser.
INFS 6225 Object-Oriented Systems Analysis & Design Chapter 10: Human Computer Interaction Layer.
Usability Testing Chapter 6. Reliability Can you repeat the test?
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
University of Toronto earPod: Eyes-free Menu Selection with Touch Input and Reactive Audio Feedback Shengdong Zhao Pierre Dragicevic Mark Chignell Ravin.
INTERACTION DESIGN PROCESS Textbook: S. Heim, The Resonant Interface: HCI Foundations for Interaction Design [Chapter 3] Addison-Wesley, 2007 February.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
University of Toronto at Scarborough © Kersti Wain-Bantin CSCC40 user dialogue 1 why good interface design? reduces input and usage errors lowers the cost.
Users’ Quality Ratings of Handheld devices: Supervisor: Dr. Gary Burnett Student: Hsin-Wei Chen Investigating the Most Important Sense among Vision, Hearing.
School of something FACULTY OF OTHER Facing Complexity Using AAC in Human User Interface Design Lisa-Dionne Morris School of Mechanical Engineering
1 Human Computer Interaction Week 5 Interaction Devices and Input-Output.
CS CS 5150 Software Engineering Lecture 12 Usability 2.
Z556 Systems Analysis & Design Session 10 ILS Z556 1.
DESIGNING FOR MOBILE EARLY STAGE UX DESIGN PROCESS.
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.
Knowledge Based Systems ExpertSystems Difficulties in Expert System Development u Scarce resources – new technology – demand for trained personnel u Development.
Unit 6 of COMP648 User Interface and Interaction Methods Dr Oscar Lin School of Computing and Information Systems Faculty of Science and Technology Athabasca.
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.
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
SIE 515 Design Evaluation Lecture 7.
Chapter 16: User Interface Design
Usability Evaluation, part 2
NBKeyboard: An Arm-based Word-gesture keyboard
SY DE 542 User Testing March 7, 2005 R. Chow
CIS 210 Systems Analysis and Development
Multimodal Human-Computer Interaction New Interaction Techniques 22. 1
Human Computer Interaction
Team #3: Lighter Load Low-Fi Prototyping & Pilot Testing
Cognitive Walkthrough
Presentation transcript:

1 Shengdong Zhao Department of Computer Science University of Toronto July 9, 2008 earPod: Efficient, Hierarchical, Eyes-free Menu Selection

Outline Research problem Previous research Research questions Research strategy and focus Prototype Empirical studies Contributions Future work 2

Research problems and objectives Motivating problem – How can users interact with information devices in mobile environments when their visual attention is taken up by other tasks (e.g navigation through the environment) Objective – To develop interactive techniques that support user control and feedback without relying on the visual modality Scope – This research focuses on menu selection because this is an elemental task (Foley et al. ‘84) 3

Previous research Visual menus – Linear menus (e.g., Sear and Schneiderman ’94; Cockburn and Gin ‘06, etc.) – Radial menus (e.g., Callahan et al. ‘88; Kurtenbach ’93, etc.) Auditory applications – Accessibility for the blind (e.g., Edwards ‘89; Mynatt and Weber ‘94, etc.) – Mobile auditory interfaces (e.g., Roy and Schmandt ‘96; Pirhonen et al. ’02, etc.) Auditory menus – Interactive Voice Response (IVR) systems (e.g., Marics and Engelbeck 1997; Resnick and Virzi ’92, etc.) – Head gesture auditory pie menu (Brewster et al. ‘03) 4

Research questions How to design usable eyes-free menus? – Designing interfaces with reasonable levels of efficiency and ease of use – Facilitating a smooth novice to expert transition How to work around the problems with serial and temporal audio feedback? – Facilitating scan and compare of menu items – Providing users with a sense of control and responsiveness 5

Research strategy Define research problem Review literature Define general design concept Perform iteratively design and pilot studies for prototype Conduct empirical studies to explore prototype properties Derive design recommendations based on empirical results 6

Selected input and output modalities Touch input – Combines relative and absolute pointing (Hinckley ‘01) – Can be robustly operated in motion (Buxton et al. ‘85) – Can be combined with other input devices (Hinckley and Sinclair ‘99; Rekimoto et al. ‘03) Auditory feedback – The other primary remote sense (Gaver ‘97) – The only other sense with a natural language* 7

earPod prototype A touch-sensitive device with software to perform eyes-free, hierarchical menu selection earPod prototype used commercial touchpad augmented with custom-built plastic cover, with cable to computer for voice output Built in University of Toronto in 2006 with Pierre Dragicevic 8

earPod Prototype 9

earPod interaction 10 NoviceIntermediate Expert

Video - browsing 11

Video - fast browsing 12

Video - very fast browsing 13

Video - expert use 14

Prototype design Efficiency – By-pass audio – Use interruptible audio feedback – Use non-speech audio Sense of control – Synchronous communication (reactive audio feedback) Simplicity and power – Gliding and tapping Easy to learn – Use spatial audio to reinforce mental model – Self-discoverable transition 15

Empirical studies Motivating questions: 1.How does earPod compare with a popular visual menu selection technique used by iPod? 2.How does earPod compare with a number of competitor techniques with different modalities and menu styles? 3.What are learning behaviors for earPod and the related techniques? 4.How does earPod and the related techniques perform with a visually demanding primary task? 16

Evaluation issues Modality – Visual – Audio – Dual Menu style – Linear – Radial 17 Menu Style Radial (absolute) Linear (relative) Modality Audio Audio radial Audio linear Visual Visual radial Visual linear Dual Audio visual radial Audio visual linear

4 empirical studies 4 empirical studies were conducted at UofT in Experiment 1: earPod vs. iPod (audio radial vs. visual linear) Experiment 2: 3 x 2 study (3 modalities x 2 menu styles) Experiment 3: 2 x 2 longitudinal study (audio linear, visual linear, audio radial, visual radial) Experiment 4: 3 x 2 dual-task study (3 modalities x 2 menu styles) 18

Experimental 1 design Goal: compare earPod with iPod-like linear menu minute session, within-subject, counter- balanced Setup: 12 participants x 2 techniques (audio and visual) x (40+80) items for the 2 menu configurations (8 and 8x8) x 4 blocks = 11,520 menu selections in total. 19

Results: response time Block number 20

Results: response time Block number 21

Results: response time Block number 22

Experiment 1 - results and discussion earPod has comparable performance with iPod-like linear menu earPod user performance improves more rapidly than that of iPod-like linear menu With practice, earPod can outperform iPod- like linear menu 23

Experiment 2 design Goal: systematic investigation of modality of feedback and menu style 60-minute, within subject, counter-balanced Setup 12 participants x 6 techniques x 8 menu items x 13 blocks (12 blocks + 1 practice block) = 7488 menu selections in total 24

25 Response time AudioradialAudiolinearVisualradialVisuallinear Audio visual radial linear

Experiment 2 - results and discussion Accuracy – Comparable performance among all techniques Speed – visual radial ~ dual radial < audio radial ~ visual linear ~ dual linear < audio linear Modality – Visual ~ dual < audio Menu style – Radial < linear 26

Experiment 3: longitudinal study Goal: learning of earPod and related techniques 5 one-hour sessions in a week, between-subject Setup: 2 participants (per technique) x 4 techniques x 64 items for 1 menu configuration (8 x 8) x 7 blocks per day x 5 days = menu selections in total 27

Accuracy 28 Day

Response time 29 Day

Gliding to tapping transition 30 Items exploredTapping percentage Day

Experiment 3 - results and discussion Novice performance is determined by modality, expert performance is determined by menu style Rapid learning is observed for earPod Users can perform tapping for 70-80% of the 64 menu items from day 3 onwards Audio linear has comparable performance with visual linear from day 3 onwards 31

Experiment 4: dual-task study Goal: Investigate the properties of using earPod and the related techniques as a secondary task in a dual-task setting and their impact on the visually demanding primary task 32

Experiment 4: dual-task study Dual-task – Primary task: simulated driving – Secondary task: menu selection External validity: similar settings have been successfully used by Salvucci et al. ‘01, ‘02, ‘05 33

Experiment 4 design Conditions – Desktop 12 participants X 6 techniques X 8 items of 1 menu configurations X (3 + 1) blocks = 2304 menu selections – Driving 12 participants X 6 techniques X 8 items of 1 menu configurations X (1 + 1) blocks = 1152 menu selections Measures – Desktop Speed & accuracy of menu selection – Driving Speed & accuracy of menu selection (secondary task) Driving performance (primary task) 34

Experiment 4 setup 35

Response time: modality 36 AudioVisualDual

Response time: menu style 37 P RadialLinear

Lateral velocity 38

Following distance 39

Experiment 4 - results and discussion Audio techniques work better with a visually demanding primary task – Comparable performance with visual techniques, less impact on primary tasks Although dual-channel techniques have similar performance with audio techniques, users prefer single channel audio feedback 40

Summary of empirical studies earPod has comparable performance with visual linear menus Transition from novice to expert for earPod is fast Audio techniques work better with a visually demanding primary task Users only pay attention to the appropriate channel when are presented with both channels of feedback 41

Contributions Developed a novel interaction technique called earPod Conducted empirical evaluations on earPod and related techniques Derived design recommendation for incorporating earPod and related techniques to mobile devices 42

Future work Explore eyes-free menu techniques for long and dynamic lists Investigate the role of compression and dichotic listening Extend earPod to other mobile scenarios (e.g., walking, running, etc.) Develop eyes-free interaction techniques for other tasks and applications (e.g., drag & drop, text entry, etc.) 43

Questions 44

45 The End