1EMODE workshop – 27-28 September 2007 Automatic Usability Assessment of Multimodal User Interfaces Based on Ergonomic Rules Adrian Stanciulescu Jean Vanderdonckt.

Slides:



Advertisements
Similar presentations
Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3.
Advertisements

Improving System Safety through Agent-Supported User/System Interfaces: Effects of Operator Behavior Model Charles SANTONI & Jean-Marc MERCANTINI (LSIS)
Programming Paradigms and languages
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
XISL language XISL= eXtensible Interaction Sheet Language or XISL=eXtensible Interaction Scenario Language.
WebRatio BPM: a Tool for Design and Deployment of Business Processes on the Web Stefano Butti, Marco Brambilla, Piero Fraternali Web Models Srl, Italy.
A Transformational Approach for Developing Multimodal Web User Interfaces Adrian Stanciulescu.
Galia Angelova Institute for Parallel Processing, Bulgarian Academy of Sciences Visualisation and Semantic Structuring of Content (some.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
WebRatio BPM: a Tool for Design and Deployment of Business Processes on the Web Stefano Butti, Marco Brambilla, Piero Fraternali Web Models Srl, Italy.
WebDynpro for ABAP Short introduction.
Software Issues Derived from Dr. Fawcett’s Slides Phil Pratt-Szeliga Fall 2009.
1 DSV-IS’2006, July 2006 Visual Design of User Interfaces by (De)composition Sophie Lepreux (1,2), Jean Vanderdonckt (1), Benjamin Michotte (1) 1.
Mobile Multimodal Applications. Dr. Roman Englert, Gregor Glass March 23 rd, 2006.
1 ICAS’2008 – Gosier, March 16-21, 2008 GrafiXML, A Multi-Target User Interface Builder based on UsiXML Benjamin Michotte, Jean Vanderdonckt Université.
Towards User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering Kênia Sousa, Hildeberto Mendonça, Jean.
User Interfaces Composition with UsiXML Sophie LEPREUX (1), Jean VANDERDONCKT (2), Christophe KOLSKI (1) (1) LAMIH “Automated Reasoning and Human-Computer.
Marco Blumendorf I July 21th, 2009 Towards a Model-Based Framework for the Development of Adaptive Multimodal User Interfaces.
Reverse Engineering of Web Pages based on Derivations and Transformations L.Bouillon, Q.Limbourg, J.Vanderdonckt, B.Michotte Université catholique de Louvain,
1 Conceptual Modeling of User Interfaces to Workflow Information Systems Conceptual Modeling of User Interfaces to Workflow Information Systems By: Josefina.
CS 355 – Programming Languages
1 DSV-IS’2008, Kingston, Ontario, Canada, July 16-18, 2008 Towards a Library of Workflow User Interface Patterns Josefina Guerrero García 1, Jean Vanderdonckt.
An intro to programming. The purpose of writing a program is to solve a problem or take advantage of an opportunity Consists of multiple steps:  Understanding.
Inés Pederiva 1, Jean Vanderdonckt 1,2, Sergio España 1, José Ignacio Panach 1 and Óscar Pastor 1 1 Universidad Politécnica de Valencia, Departamento de.
1 Belgian Laboratory of Computer-Human Interaction (BCHI) ::: UCL August 2007 Development Method for User Interfaces of Rich Internet Applications By Francisco.
1 ICAS’2008 – Gosier, March 16-21, 2008 A Transformational Approach for Pattern-based Design of User Interfaces Costin Pribeanu Jean Vanderdonckt National.
Towards Method Engineering of Model-Driven User Interface Development Kênia Sousa, Hildeberto Mendonça, Jean Vanderdonckt Université catholique de Louvain.
Towards supporting the user interfaces design using composition rules Sophie Lepreux, Jean Vanderdonckt {lepreux,
1 MDWE'2008, Toulouse, France, September 30, 2008 A Comparative Analysis of Transformation Engines for User Interface Development Juan Manuel González.
1 November 9-11, Mérida, Mexico La-Web’09 A Model-Based Approach for Developing Vectorial User Interfaces Jean Vanderdonckt, Josefina Guerrero-García,
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Reference WPx/Tx.y/YY-MM-DD/PP Distributed User Interfaces in Space and Time Jérémie Melchior Université catholique de Louvain Doctoral Consortium at EICS2011.
1 Workshop on Model Driven Software Engineering for Ambient Intelligence Applications – Darmstadt, Nov. 7 th, 2007 Distributed User Interfaces in Ambient.
Human – Computer Interaction
Rapid Prototyping of Distributed User Interfaces J. P. Molina 1,2, J. Vanderdonckt 1, P. González 2 A. Fernández 2 and M. D. Lozano 2 1 Université catholique.
1 Workshop on Business-Driven Enterprise Application Design & Implementation Cristal City, Washington D.C., USA, July 21, 2008 How to Describe Workflow.
Design Options for Multimodal Web Applications Adrian Stanciulescu and Jean Vanderdonckt {stanciulescu, UCL/IAG/BCHI.
© 2012 xtUML.org Bill Chown – Mentor Graphics Model Driven Engineering.
1 Cascading Dialog Modeling with UsiXML Marco Winckler 1,2,Jean Vanderdonckt 2, Adrian Stanciulescu 2, Francisco Trindade 3 1 IRIT, Université Toulouse.
A first draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications Francisco J. Martínez-Ruiz 1, Jaime Muñoz.
Elizabeth Furtado, Vasco Furtado, Kênia Sousa, Jean Vanderdonckt, Quentin Limbourg KnowiXML: A Knowledge-Based System Generating Multiple Abstract User.
EIS'2007 (Salamanca, Spain, March 22-24, 2007) 1 Towards an Extended Model of User Interface Adaptation: the ISATINE framework 1 Víctor M. López Jaquero,
1 November 9-11, Mérida, Mexico CLIHC’09 Towards Canonical Task Types for User Interface Design Juan Manuel Gonzalez-Calleros, Josefina Guerrero-
Model-Driven Engineering of Behaviors in User Interfaces Efrem Mbaki & Jean Vanderdonckt Université catholique de Louvain (UCL) Louvain School of Management.
Solving the Mapping Problem in UI Design by Seamless Integration in I DEAL XML Francisco Montero LoUISE Research Group University of Castilla-La Mancha.
Copyright 2006 John Wiley & Sons, Inc. Chapter 1 - Introduction HCI: Designing Effective Organizational Systems Dov Te’eni Jane Carey Ping Zhang.
Murielle Florins 1 IAG-Louvain School of Management ISYS-Information Systems Unit Graceful Degradation: a Method for Designing Multiplatform Graphical.
Design and Implementation of a Rationale-Based Analysis Tool (RAT) Diploma thesis from Timo Wolf Design and Realization of a Tool for Linking Source Code.
Nathalie Aquino 1, Jean Vanderdonckt 2, Francisco Valverde 1, Oscar Pastor 1 1 Department of Information Systems and Computation, Valencia University of.
1 PhD Public Defense, 25 June 2008 A Methodology for Developing Multimodal User Interfaces of Information Systems Adrian Stanciulescu Université catholique.
A Transformational Approach for Multimodal Web User Interfaces based on UsiXML Adrian Stanciulescu, Quentin Limbourg, Jean Vanderdonckt, Benjamin Michotte.
Visualization Four groups Design pattern for information visualization
Murielle Florins 1, Francisco Montero Simarro 2, Jean Vanderdonckt 1, Benjamin Michotte 1 1 Université catholique de Louvain 2 Universidad de Castilla-la-Mancha.
Flippable User Interfaces for Internationalization Iyad Khaddam and Jean Vanderdonckt LILAB – Louvain Interaction Laboratory Université catholique de Louvain.
Conceptual Design Dr. Dania Bilal IS588 Spring 2008.
1 Interaccion 2008, IX Congreso de Interacción Persona-Ordenador, Albacete, 9-12 June 2008 ECOOL: Generation of Collaborative Multiplatform Scenarios with.
Chapter 1 - Introduction
1 ACM SAC’2008 – Fortaleza, Ceará, Brazil, March 16-20, 2008 An Intelligent Editor for Multi-Presentation User Interfaces Benoît Collignon 1, Jean Vanderdonckt.
CARE properties Chris Vandervelpen
OP: A Novel Programming Model for Integrated Design and Prototyping of Mixed Objects Celine Coutrix & Laurence Nigay CNRS, University Joseph Fourier Grenoble.
1 ICAS’2008 – Gosier, March 16-21, 2008 Modeling User Interfaces to Workflow Information Systems Josefina Guerrero 1, Jean Vanderdonckt 1, Juan M. Gonzalez.
Université catholique de Louvain (UCL) Belgian Laboratory of Computer-Human Interaction (BCHI) Place des Doyens, 1 B-1348 Louvain-la-Neuve (Belgium) Presented.
1 ICAS’2008 – Gosier, March 16-21, 2008 Model-Driven Engineering of Multi-Target Plastic User Interfaces Benoît Collignon 1, Jean Vanderdonckt 1, Gaëlle.
1 February 1-7, Cancun, Mexico ACHI’09 A structured approach to support 3D User Interface Development Juan Manuel Gonzalez-Calleros, Jean Vanderdonckt.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
Muen Policy & Toolchain
Implementation support
Step-4: Develop System Menus and Navigation Schemes
Implementation support
Presentation transcript:

1EMODE workshop – September 2007 Automatic Usability Assessment of Multimodal User Interfaces Based on Ergonomic Rules Adrian Stanciulescu Jean Vanderdonckt Benoit Macq Université catholique de Louvain (UCL)

2EMODE workshop – September 2007 Outline Introduction Context –OpenInterface platform –UsiXML language –UsiXML for OpenInterface Navigation in large scale images –Existing solutions –Proposed solution Structure of the navigational tasks –Reaching the structure –Working hypopothesis Expanded UsiXML model for vocal interaction Conclusions & future work

3EMODE workshop – September 2007 Introduction Information vizualization: succesful paradigm in HCI Zoomable user interfaces –Organize information in space and scale –Interaction techniques: translation and scale –E.g.: storytelling, web browsing, browsing of maps –Few usability studies, inconclusive results Interaction devices –Traditional interaction: mouse and keyboard –New emergent interaction: vocal and tactile –The problem: optimize the interaction –Combining vocal and tactile vs. Vocal-only: faster, less error prone, less linguistic complexity, less time to complete the task

4EMODE workshop – September 2007 Introduction Our objectives: –Automatic usability assessment of MM navigational tasks over large scale images –Interactions types: translation and zooming –Interaction modalities: graphical (keyboard, mouse), vocal(speech input), tactile (finger, stylus pen) –Specification of composing elements: sequential or order-independent interaction

5EMODE workshop – September 2007 OpenInterface platform Provide an open source platform for the design and rapid development of multimodal prototyped applications –Components: pieces of software that provide services (CIDL) –Pipelines: inter-connections between components (PDCL) Advantages: –Allow seamless integration of heterogeneous software (C/C++, Java, Matlab) –Allows rapid prototyping of multimodal applications (easy software connection) –Reusability of delivered software To address: –No OI module for usability guidance at design time –A knowledge base of multimodal ergonomic rules

6EMODE workshop – September 2007 UsiXML language Structured according to four levels of abstraction (Cameleon framework) Advantages: –Support for multimodal I/O –Separation of modalities –Support for CARE properties –Extendibility to new modalities Shortcomings: –Non-hierarchical structure of the grammars –Undefined order of specification for grammar elements –No means to specify the cardinality of grammar elements

7EMODE workshop – September 2007 UsiXML for OpenInterface Usability adviser tool Multimodal OpenInterface Applications UsiXML Specification Usability Evaluation Ergonomic rules Abstraction

8EMODE workshop – September 2007 Usability adviser tool Shortcomings of the existing tools: –No tool to assess the usability of both web and non-web UIs –Formalized language to specify the ergonomic rules: limitations with respect to the quality of the evaluation Our objectives: –Real time guidance during the development life cycle –Evolutional knowledge base –Multiplatform ergonomic rule validation (UsiXML specifications) –Ergonomic rules expressed in a formal language close to natural language –No need to learn the formal language (rule specification assistant) –Portability of the knowledge base (single file storing the rules)

9EMODE workshop – September 2007 Navigation in large scale images Existing solutions –Combine multiple smaller displays into a single one –Multiple LCDs butted together into a single one –Cost-intensive, space-intensive, or both Our proposal: –Navigational techniques are required –3 X 3 overlaying grid –Meaningful symetrical pairs (Top/Bottom, Left/Right)

10EMODE workshop – September 2007 Taxonomy of the navigational tasks Translation: top / bottom / left / right / main diagonal up (Bottom Left) / main diagonal down (Top Right)/ second diagonal up (Bottom Right)/ second diagonal down (Top Left) –Translate without specifying a value: the user decides when to stop the translation –Translate by specifying the number of grid units Zooming: zoom in / zoom out –Zooming without specifying the zoom factor: it is inferred from the selected zoomed area and the size of the display window –Zooming with a zoom factor: Fixed zoom factor: zoom by steps Specified zoom factor: the value is specified by the user – Zooming in a single selected grid unit (e.g., zoom in Top Left / zoom in Centre, zoom in Bottom Right) – Zooming in multiple selected grid units: Adjacent horizontal grid unit selection: zoom in Horizontal Top/ zoom in Horizontal Centre / zoom in Horizontal Bottom Adjacent vertical grid unit selection: zoom in Vertical Left / zoom in Vertical Centre / zoom in Vertical Right Diagonal grid unit selection: (e.g., zoom in Left Centre to Bottom Right / zoom in Centre to Top Right.

11EMODE workshop – September 2007 Reaching the structure General structure: Instruction:= {Action, Object, Parameter} EBNF specific format: Instruction:= {{Action}- [Object] [{Parameter}]}- Instanciation of the instruction:

12EMODE workshop – September 2007 Working hypothesis A.Hypothesis 1: Action applied over 1 optional Object which has 2 Parameters B.Hypothesis 2: Action-Parameter order Ordered instruction: Instruction: = Action >> Parameters Order-independent instruction: Instruction: = Action |=| Parameters

13EMODE workshop – September 2007 Working hypothesis C.Hypothesis 3: Equivalent navigational instructions: { Sub-instruction} : groups one or more elements of an instruction specified by employing a monomodal/multimodal interaction

14EMODE workshop – September 2007 Expanded UsiXML model VUI support added: –Grammar –Part –Item Advantages: –Flexibility –Reusability

15EMODE workshop – September 2007 Conclusions & future work Conclusions: –Large number of choices when deciding in the favour of a particular set of navigational tasks and the employed modality –Usability studies required: speed, error rates and subjective satisfaction –Usability guideline are limited and no yet validated –Automatic usability assesment based on a knowledge base of ergonomic rules Future work: –Address the tactile interaction –Expand UsiXML to support tactile interaction –Adding new ergonomic rules related to MM interaction

16EMODE workshop – September 2007 Thank you very much for your attention BCHI Lab Similar netork of Execellence User Interface eXtensible Markup Language OpenInterface