Interaction Design and Implementation for Multimodal Mobile Semantic Web Interfaces

Similar documents
SmartWeb Handheld Multimodal Interaction with Ontological Knowledge Bases and Semantic Web Services

SmartWeb: Towards Semantic Web Services for Ambient Intelligence

Human Interaction Container Paradigm

Smart Documents Timely Information Access For All T. V. Raman Senior Computer Scientist Advanced Technology Group Adobe Systems

SOFTWARE DESIGN AND DEVELOPMENT OF MUTIMODAL INTERACTION

Flexible Multimodal Human-Machine Interaction in Mobile Environments

Design av brukergrensesnitt på mobile enheter

Key differentiating technologies for mobile search

Data Synchronization in Mobile Computing Systems Lesson 12 Synchronized Multimedia Markup Language (SMIL)

6 Designing Interactive Systems

A Multimodal Mobile B2B Dialogue Interface on the iphone

Session 3 Presentation and Dialogue Design. Presentation Techniques. Design for Attention. Planning thematic threads through several media

6 Designing Interactive Systems

DFKI Approach to Dialogue Management. Norbert Reithinger, Elsa Pecourt, Markus Löckelt

Context-Sensitive Multimodal Mobile Interfaces

Computer-Aided Semantic Annotation of Multimedia. Project Presentation. June 2008

Multimodal Applications from Mobile to Kiosk. Michael Johnston AT&T Labs Research W3C Sophia-Antipolis July 2004

Interacting with the Ambience: Multimodal Interaction and Ambient Intelligence

CS Human Computer Interaction

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Emacspeak Direct Speech Access. T. V. Raman Senior Computer Scientist Adobe Systems. c1996 Adobe Systems Incorporated.All rights reserved.

Speech Applications. How do they work?

Enhanced retrieval using semantic technologies:

Models, Tools and Transformations for Design and Evaluation of Interactive Applications

Adobe Campaign (15.12) Voluntary Product Accessibility Template

Mymory: Enhancing a Semantic Wiki with Context Annotations

2 Basic HCI Principles

The Need for Mobile Multimodal Dialogue Systems

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY

INTELLIGENT INTERFACES FOR UNIVERSAL ACCESS: CHALLENGES AND PROMISE

M150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1

User Interfaces for Web Sites and Mobile Devices. System and Networks

Design Rules. increasing generality. increasing authority. Guide lines. Standards. increasing authority. increasing generality

Component Model for Multimodal Web Applications

CS6008-HUMAN COMPUTER INTERACTION Question Bank

CPE/CSC 486: Human-Computer Interaction

The universaal UI Framework.

Assessing the Quality of Natural Language Text

Enterprise Multimedia Integration and Search

Abstract. 1. Conformance. 2. Introduction. 3. Abstract User Interface

An Adaptive Approach to Collecting Multimodal Input

UNIFYING SEMANTIC ANNOTATION AND QUERYING IN BIOMEDICAL IMAGE REPOSITORIES One Solution for Two Problems of Medical Knowledge Engineering

Energy Data Innovation Network GA N

Designing for Multimedia

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

History of Ubicomp. Page 1. Agenda. Why study history? Paradigms. Shwetak Patel. Review history of Ubicomp

CHIST-ERA Projects Seminar Topic IUI

6 Designing Interactive Systems

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015

stanford hci group / cs376 Design Tools Ron B. Yeh 26 October 2004 Research Topics in Human-Computer Interaction

Ontology driven voice-based interaction in mobile environment

AGL Requirements Specification V2.0

Applying Usability to elearning

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Durchblick - A Conference Assistance System for Augmented Reality Devices

How to create dialog system

IMOTION. Heiko Schuldt, University of Basel, Switzerland

A personal digital assistant as an advanced remote control for audio/video equipment

Introducing the VoiceXML Server

7 Implementing Interactive Systems

Model-Based UI W3C XG

Chapter 6: Interfaces and interactions

MESH. Multimedia Semantic Syndication for Enhanced News Services. Project Overview

Dialogue systems. Volha Petukhova Saarland University

Topics. From UI prototype... About user interfaces. ... via design to implementation. Pearson Education 2005 Chapter 7 (Maciaszek - RASD 2/e) 6

An Ontology-based Adaptation Framework for Multimodal Interactive Systems

DEPARTMENT OF COMPUTER SCIENCE UNIVERSITY OF TORONTO CSC318S THE DESIGN OF INTERACTIVE COMPUTATIONAL MEDIA. Lecture Feb.

Human-Computer Interaction IS4300

Pearson Education 2005 Chapter 7 (Maciaszek - RASD 2/e) 2

Human-Computer Interaction (HCI) Interaction modality and Multimodality Laurence Nigay

Visteon Position Paper i. Visteon Position Paper

Dan Henderlong July 27, 2017

Adobe Sign Voluntary Product Accessibility Template

Creating outstanding digital cockpits with Qt Automotive Suite

AN ADVANCED VIRTUAL REALITY MULTIMODAL INTERFACE FOR DESIGN

Fatima Michael College of Engineering & Technology Department of Computer Science & Engineering

MULTIMODAL ENHANCEMENTS AND DISTRIBUTION OF DAISY-BOOKS


> droidcon Berlin 2016 > InMoBS > Jörg Belz. Jörg Belz, DLR e.v. How Android can improve blind people s mobility

Using context information to generate dynamic user interfaces

Location-Based Web Services for Car Infotainment

Towards Model-drivenDevelopment of Mobile Multimodal User Interfaces for Services

Giving instructions, conversing, manipulating and navigating (direct manipulation), exploring and browsing, proactive computing

SmartKom: Towards Multimodal Dialogues with Anthropomorphic Interface Agents

EVALITA 2009: Loquendo Spoken Dialog System

User-Centered Analysis & Design

Make text readable and understandable Make content appear and operate in predictable ways Help users avoid and correct mistakes

ISCA Archive. Usability Engineering as approach to Multimodal Human Machine Interaction 1. INTRODUCTION. Robert Neuss

A Mobile Scenario for the XX Olympic Winter Games Torino 2006

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

Adobe Experience Manager 6.0 Voluntary Product Accessibility Template

Modern Systems Analysis and Design Seventh Edition

Interaction Design. Ruben Kruiper

Chapter 6: Interfaces and interactions

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

Designing the User Interface

Learn Saas with the Ultra Experience Voluntary Product Accessibility Template August 2017

CS5340 Human-Computer Interaction.! February 21, 2013!!

User Interface Design

Transcription:

HCI International, Beijing, China, 27th July 2007 Interaction Design and Implementation for Multimodal Mobile Semantic Web Interfaces Daniel Sonntag German Research Center for Artificial Intelligence 66123 Saarbruecken, Germany daniel.sonntag@dfki.de Agenda SmartWeb and Multimodal HCI Requirements Architecture Approach Interaction Design and Implementation Conclusions 27/07/2007 2 1

SmartWeb and Multimodal HCI Requirements goal: Intuitive multimodal access to a rich selection of Web-based information services. HCI and dialogue system goals: Provide concise and correct multimedia answers in a multimodal way. Show how knowledge retrieval from ontologies and Web Services can be combined with advanced dialogical interaction, e.g., system clarifications. Provide ontology-based integration of verbal and non-verbal system input (fusion) and output (reaction/presentation). 27/07/2007 3 The SmartWeb Consortium European Media Lab Ludwig-Maximilians- Universität München Berkeley, USA Funded by the German Government and Industry IMS Institut für Maschinelle Sprachverarbeitung, Universität Stuttgart Funding: 13.7 M, Budget: 24 M Scientific Director: Wolfgang Wahlster Project Duration: 2004-2008 More than 60 Researchers and Engineers 27/07/2007 4 2

Smartweb Requirements Multimodal dialogue with question answering functionality. Speech is dominant input modality for interaction. 3G smartphone Multimodal recognition for speech or gestures. Modality interpretation and fusion, intention processing. Modality fission, result rendering for text, images, videos, graphics, and synthesis of speech. Reuse already existing components. Control the message flow in the system. Motorbike cockpit Dashboard display 27/07/2007 5 Interactive Multimodal Semantic Web Access? (1) Lack of computational power (2) Small screen (3) Exploit contextual information (4) New interaction possibilities Challenges Opportunities Q&A System Dialogue System Semantic Mediator Web Service Access Agent Based Web Access Knowledge Server 27/07/2007 6 3

Application Scenarios Personal guide at the FIFA Worldcup 2006 Answer football related and navigation related questions. German Telekom Mobility and Navigation Scenario http://smartweb.dfki.de/smartweb_flashdemo_eng_v09.exe 27/07/2007 7 Natural Dialogue Based Mobile Interaction Example Inducting/deducing enumeration question Ellipsis resolution/ query completion Integration of verbal and non-verbal output System clarifications in Web Service interface 27/07/2007 8 4

Design Principles for Mobile Multimodal Dialogue 1. Follow general UI principles. 2. Display the recognised user input. 3. Provide interface simplicity by progressive disclosure. 4. Provide status information to the user. 27/07/2007 9 Graphical interaction areas Initial screen layout Interactions with paper prototypes Implemented system Perceptual feedback allows the user to understand the current processing state of the system. Use lively metaphors for system states and perceptual states: (1) Listening/Idle State, (2) Recording (green and red icon), (3) Understanding by presenting a semantic query interpretation, (4) Query Processing (status bar), (5) Presentation Planning, and (6) Presenting. 27/07/2007 10 5

Core User Interface 27/07/2007 11 Multimodal Interaction Guidelines Multimodality: More modalities allow for more natural communication. Encapsulation: Encapsulate user interface proper from the rest of the application. Standards: Re-use own and others resources. Representation: A common ontological knowledge base eases data flow, avoids transformations, and provide a basis for processing natural language dialogue phenomena. Principles:» No presentation without representation» No interaction without representation 27/07/2007 12 6

Representational Guidelines Consistent and homogeneous presentations from multiple answer streams is the result of ontological representations. We base all decision processes and presentation items on ontology structures. 27/07/2007 13 Ontologies An Ontology is an explicit specification of a conceptualization [Gruber 93]. a shared understanding of a domain of interest [Uschold/Gruninger 96]. Make domain assumptions explicit. Separate domain knowledge from operational knowledge. Re-use domain and operational knowledge separately. A community reference for applications Shared understanding of what particular information means 27/07/2007 14 7

Ontology Representation and Multimedia Framework for gesture and speech fusion Multimedia decomposition in space, time and frequency Link to the Upper Model Ontology to close the Semantic Gap 27/07/2007 15 Language Understanding and Text Generation Enabled by ontology representation Lexico-Semantic Mapping on word level (SPIN) Concise information presentation 27/07/2007 16 8

Feedback, correction possibilities, and focus attention ASR & Correction Semantic Paraphrase Concept Icons 27/07/2007 17 Language understanding feedback Semantic Paraphrase Semantic Ontology Query 27/07/2007 18 9

Handheld GUI Example (U) asks simple factoid and inspection questions or commands ( Who got a red card in the final? ). (S) answers questions by natural language dialogue and multimedia presentations. (U) gets feedback. (U) searches, explores, and inspects information. (U) controls the system. 27/07/2007 19 Technical and Graphical Design Implicit confirmation and language independent visualisation Technical Design Graphical Design 27/07/2007 20 10

Ontology-based result information for link generation 27/07/2007 21 NaviLink Structures 27/07/2007 22 11

Portrait and Landscape Orientation 27/07/2007 23 Informal Evaluation and Design Suggestions 1. Audio-repetition of user queries is useless; give only implicit and non-intrusive feedback. 2. Implement text editors with bigger fonts. 3. Editing of Semantic Paraphrase remains a challenge. 4. Building integrated ontological representations for mobile HCIs is very time-consuming (30% additional effort). 5. Ontology engineering has positive side-effects: No presentation without representation Profound data structure design Semantic based input data integration framework Enabler of robust input fusion, NLU, and TG tasks. -> enables design of natural language QA systems on mobile devices. 27/07/2007 24 12

Conclusions We presented interaction design and implementation for mobile Semantic Web interfaces. We (indirectly) motivated Semantic Web data structures for multimodal interaction design and implementation. Spinning the Semantic Web Further improvements: Incremental presentation of results Editing functions via concurrent pen and voice (multimodal query correction) More fine-grained co-ordination of multimodal information Graph-like visualisation / Semantic Navigation 27/07/2007 25 Thank You! 27/07/2007 26 13