Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the...

38
Technische Universität Darmstadt Telecooperation Prof. Dr. Max Mühlhäuser Multimodal Interaction for the Non-Desktop User

Transcript of Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the...

Page 1: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Technische Universität Darmstadt

TelecooperationProf. Dr. Max Mühlhäuser

Multimodal Interaction for theNon-Desktop User

Page 2: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

2

Page 3: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Motivation

?: Major problems solved re. …:

1. … gadgets (devices)?

don‘t worry – global ‚race‘

2. … interaction i.e.

human centered …: NO

3. … integration i.ecooperation (‚systems‘): NO

MMEDIA Athens 2010

Mainframe Era: 1:N

PC Era: 1:1

UbiComp Era:N:1

Non Desktop Users --- Ubiquitous Computing:

Research Fields:1. Integration / Cooperation:

integration of (& synergy among) people, computers, things?

2. Interaction:multimodal Uis, ease-of-use for beyond-desktop users & groups

3. Protection:privacy/trust/security in the face of UbiComp – protection by means of UbiComp

3

Page 4: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Research Fields Project Areas

MMEDIA Athens 2010

Cooperation(Integration)

Peer-to-Peer Networks(Adaptivity, Resilience, Code

Mobility; Emergency Response, SocialTV)

Smart Environments (Middleware & Tools,

Context&Location, Internet-of-Services)

Ambient Learning & Knowledge Work

(Digital Lecture Halls, Global Team Work, Algorithm

Visualization)

Interaction

Smart Interaction(proactive federatedinteraction w/ smart

products & processes)

Model Driven Interaction Design

(…for multimodal UIs)

Talk‘n‘TouchInteraction

(voice centric & multi touchUis; ‚Knowledge-Venue‘)

Tangible Interaction(paper & pen UIs, hybrid interaction)

Media&Sensor Interaction(sensor assisted & non-linear AV interaction; activity modeling)

Protection

Security in UbiComp(ID-proof pseudonyms,

trusted mobile devices assecure key to UbiComp)

Trust & Privacy Models(trusted compu-ting for

Internet of Services)

Public Security(command center

interaction & cooperation, roll-out incident sensors

& infrastructures)

4

Page 5: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

MMEDIA Athens 2010

No UbiComp w/o Mark Weiser

Virtual reality: world computer

Embodied virtuality: computer world

note: both views reconciled today, „digital and physical worlds merge“

– room for human @ center

5

Page 6: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

“The Human in The Center” – How?

Keyboard & Screen?

… in cell phone size???

hands&eyes-devices formouth&ears-function!

tangible vs. wearable

MMEDIA Athens 2010 6

Page 7: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Ubiquitous Computing: Interaktion

1st time in Computer Science history: no dominating interaction paradigm!

3 “Layers”:

‘abstract interaction’(SW Engineering)model driven // related towork place & primary task …

‘better’ interaction: context aware, proactive,federated, ‘natural’

new interaction styles:paper centric, tangible,tabletop, voice, …

UbiComp prone

devices & interaction strategies

Voice UIsPaperCentric

Computing

Surface

Computing

HCI software engineering

Interaction design

for workplaces

model driven

development

distributed multimodal interaktion

dynamische

Föderation *3proactive

interactiondynamische

Föderation *3dynamic

federation *3

Sensors & infrastructure

Body & room

sensorsmiddleware

MMEDIA Athens 2010 7

Page 8: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

8

Page 9: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Voice UIs: Past Research @ TK(In Essence: Everything ‚Beyond Recognition‘)

MMEDIA Athens 2010

Talking Assistant: voice centric wearable w/ context & ID mgmt.

voice to its full potential:

– STAIRS Audio Web/Doc browser

– mixed initiative: patterns

– task switching / recovery

domain appropriation:e.g., 3 x automotive

federation: secure adhoc

security/trust: cf. ‘ME’

location awareness:multiple sys. (ctx server)

attention awareness:orientation, smart env.

… in smart environmentpub/sub integration

… in smart environmentw/ smart products

WEME = Minimal Entity

US = User aSsociable

IT = smart ITem

WE = Wireless group Environment

THEY = Telecooperative Hierarchical ovErlaY networks

MEUS

USUS

ITIT

USUSME

THEY

9

Page 10: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Voice UIs: Current Research @ TK

Focus 1: interacting with smart environments Basis: Mundo Speech API dynamic voice channels

Experience (evaluation): „voice I/O indeed helpful, …“

Requirements („, …but:“)1.heterogeneous devices homogeneous UI

2.context awareness crucial

3.user awareness crucial

in face of multi-speaker situations

in face of human-human talking

4.device awareness crucial

in face of heterogeneous voiceTech mike arrays: recognition? headsets: usability?

Focus 2: federation w/ other modalities currently emphasizing multitouch

MMEDIA Athens 2010 10

Page 11: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Advantages of large (touch)screensgenerally improved productivityimproved spatial orientationallow multi user/collaborative interaction

Challenges:• Multi-user interaction:

Exploit the potential of collaborative interaction• Distal access:

Easier access to remote locations/objects on thescreen

• Workspace management:Adapt to the potentially larger number of activeitems/windows and increased screen real estate

WIMP for wall-size touchscreens

MMEDIA Athens 2010 11

Page 12: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

12

Page 13: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Paper Centric Computing

many established practices

reliable, manifold, simple, interaction

diverse actions

adaptability (despite paper)

document centric collaboration

support for doc centric collab

hybrid document space

unified interaction

overall:information ecology- not trad. UI work

MMEDIA Athens 2010

Paper remains ‚ubiquitous‘

for knowledge work

start:field studies

13

Page 14: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

CoScribe

MMEDIA Athens 2010 14

Page 15: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

unified interaction

MMEDIA Athens 2010

One Pen for …Paper tabletop display paper + display

15

Page 16: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

What

How

simple … manifold interaction

MMEDIA Athens 2010

……

SemanticLevel:

conceptualactivities

SyntacticLevel:

manualactivities

Annotation Linking Tagging Selection

16

Page 17: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

CoScribe

MMEDIA Athens 2010

annotation

linking

tagging

17

Page 18: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

cross media hyperlinks

+MMEDIA Athens 2010 18

Page 19: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

cross media hyperlinks

MMEDIA Athens 2010 19

Page 20: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

cross media hyperlinks

MMEDIA Athens 2010

booksdocument collections

20

Page 21: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Digital Paper Bookmarks

MMEDIA Athens 2010 21

Page 22: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Further Interaction Techniques

hand writtenannotations

tagging usingmenue cards

button tagging

process tagging using physical objects

note: UI-on-paper

MMEDIA Athens 2010 22

Page 23: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

adaptable paper UI

MMEDIA Athens 2010

Problem: paper is static ≠ GUI

adaptable print layout composite UI: dynamic combinationof UI components

23

Page 24: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

collaborative visualizations

details

document

structure

informationecology

Evaluation: series of studies (within-subject)

measurements & interviews; example:performance (‚browsing‘ in hybrid hypertext)

470

762

0

200

400

600

800

1000

CoScribe Control Setting

Ta

sk c

om

ple

tio

n t

ime

(in

se

c.)

(N = 16,p < 0.01)

MMEDIA Athens 2010 24

Page 25: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Hybrid Document Piles on Tabletops

Intuitive tangible interaction techniques forcreating and managing hybrid pilesof printed and digital documents

Example: Flexible transitions betweenrepresentations

Pile modee.g. for storage, hand-over

Spread-out modee.g. for overview, sorting

Juxtaposition modee.g. for detailed comparison

MMEDIA Athens 2010 25

Page 26: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

26

Page 27: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Proactive Context Aware IUIs

Data Input Navigation

Navigation Shortcuts

Facilitation Guidance UI Adaptation(mobile)

types ofsupportIn IUIs

VergangeneInteraktionenfrom

environmentcontext

usercontext

context as relevant forcurrent interaction

applicationcontext

locationrelevant Types ofcontext

MMEDIA Athens 2010 27

Page 28: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Augur: application spanning IUI

application independent ctx across applications

for Web apps: augment existing applications without modification

wrt. application

modeling:

application

application

AUGUR

usercontext

environmentcontext

applicationmodels

RequirementsApproaches

low modelingeffort

user controlover models

support fromthe start

- - +- + -+ - -learning IUIs

knowledge based IUIs

end user programmable IUIs

MMEDIA Athens 2010 28

Page 29: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Application modeling language ATML

models context – application relationships

models relationships to exististing UI

both not well supported up to now

ATML ApplicaTion Modeling Language

[Hartmann et al. 2007]

<!ELEMENT atmlModel (states | activities

|

wrappingNodes | relations)*>

<!ELEMENT activities (activity)*>

<!ELEMENT activity (#PCDATA)>

<!ATTLIST activity

id ID #REQUIRED

ref CDATA #REQUIRED

label CDATA #IMPLIED

automate (true|false) #IMPLIED

>

<!ELEMENT wrappingNodes (#PCDATA |

context |

uiContent)*>

<!ELEMENT context (#PCDATA | filter |

rule)*>

<!ATTLIST context

id ID #REQUIRED

type CDATA #REQUIRED

>[…]

MMEDIA Athens 2010 29

Page 30: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

30

Page 31: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Just 1 Slide About Federated Interaction

1. Discover interaction resourcesin the environmentMundoCore discovery

2. Match them to availableinteraction strategiesMundoMonkey

3. Interaction strategies translateevents from interaction resourcesto Webpage and vice versa

user personalizes interactivespace to his needs and prefs!

MMEDIA Athens 2010 31

Page 32: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

32

Page 33: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Mapache: MDDUI Research Plattform

MDDUI: Model Driven Development of User Interfaces

Challenge: leverage model driven approachesin face of increasing diversity of UIs per application(proliferation of modalities, devices, contexts …)

Contributions:

Modeling concept

UI framework and programing concept

Integration of layout and behavior

Specialized adaptations tools

Integration of (automatic) transformations:cf. Solverational transformation approach below

Eclipse-based (EMF/Ecore, views, code integration)

user

interface(UI Modell)

events

Behaviorsnippets

modifications

data model / application state

categorizedchange

notifications

observersnippets

modifications

MMEDIA Athens 2010 33

Page 34: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Mapache (condensed) screenshot

MMEDIA Athens 2010

Behavior viewJava code

Generic graph-

ical editor

Available interactors

from libraries

Context menu

UI refinement

Refinement

view

(Error)log with

Mapache msgs

Swing interpreter

and editor

Mapache developed& applied in automo-tive (bmbf eMode) &CivilSecurity projects(bmbf SoKNOS)

34

Page 35: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

35

Page 36: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

Ubiquitous Computing: Integration

… an issue of systems supportMiddleware: basis - Publish/Subscribe, borrow from Peer2Peer networks, …

Basic services: location&navigation, context awareness, self organization

Cooperation support: ECA rules processes ‘intelligence’

Tools for ‘visual programming’ in 2D, 3D

Integration of devices (sensors, RFIDs, …)

MMEDIA Athens 2010 36

Page 37: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

TelecooperationProf. Dr. Max Mühlhäuser

Introduction: Ubiquitous Computing, Telecooperation lab

Layer 1: talk & touch (briefly)

Layer 1: tangible interaction, focus: paper centric computing

Layer 2: proactivity & context awareness

Layer 2: device federation (1 slide)

Layer 3: model driven interaction

Layer 0: integration, sensing

Summary

MMEDIA Athens 2010

CONTENT

37

Page 38: Multimodal Interaction for the Non-Desktop User · 2016-09-11 · Multimodal Interaction for the Non-Desktop User. Telecooperation Prof. Dr. Max Mühlhäuser ... (SW Engineering)

For your long term memory

Interaction and cooperation i.e. integration remaingrand challenges in UbiComp

interaction on the move with varying modalities:

quest for advancement of each modality: cf. voice, paper, …

quest for advancement of UIs on the move: federation, context, IUI

quest for new engineering approaches! (*)

integration in smart objects environments worlds

quest for middleware, development support, services

MMEDIA Athens 2010 38