1. Human-Computer
Interaction
Kris Luyten

2. Human-Computer Interaction: why the technical side
 Growing awareness of importance of HCI
 Quest for better user experience, higher productivity, more
reliable system, usable and useful interfaces,…
 New application domains, new or improved systems and
interaction devices, better graphics,…
2

3. Human-Computer Interaction: why the technical side
 IBBT progresses the state-of-the-art in HCI
 for end-users, software developers and interface
designers
 before, during and after the development process
3

4. Overview HCI competences in IBBT
 Model-Based User-Interface Design/Development
 HCI in Mobile, context-aware and pervasive systems
 HCI in Interactive Collaborative Workspaces
 3D/multimodal interaction techniques
 Standardization
 Tool support and code frameworks
 Enabling technologies for multimodal interaction
4

5. Model-Based User Interface
Design/Development
Presentation
Users
Tasks
 What is a model?
 An aspect of an interactive system
 Sensible way to describe properties of an interactive
Devices and system
Platforms
Dialogs
Functional
Interaction
Domain Environment 5

6. Model-Based User Interface Design/Development
Presentation
Users
Tasks
 Engineering complex state-of-the-art interactive
systems: models, models, models
 Bridging gaps: user vs designer, designer vs
Devices and software engineer
Platforms  The desired user interface for the right target
group
Dialogs
Functional
Interaction
Domain Environment
6

7. Model-Based User Interface Design/Development
XML-based
UI
Presentation
User Descriptions
Users
Models
ConcurTask-
Tasks
Trees
 Separation of concern
 The right language for the job
Device  Tool support for everyone's needs
Devices and
Profiles
Platforms
Flow
Dialogs
Diagrams Web
Functional
Services
Interaction
Object Spatial
Domain
Store Environment
Ontology
7

8. Model-Based User Interface Design/Development
XML-based
UI
Presentation
User Descriptions
Users
Models
ConcurTask-
Tasks
Trees
Device
Devices and
Profiles
Platforms
Flow
Dialogs
Diagrams Web
Functional
Services
Interaction
Object Spatial
Domain
Store Environment
Ontology
8

9. Model-Based User Interface Design/Development
XML-based
UI
Presentation
User Descriptions
Users
Models
ConcurTask-
Tasks
Trees
Device
Devices and
Profiles
Platforms
Flow
Dialogs
Diagrams Web
Functional
Services
Interaction
Object Spatial
Domain
Store Environment
Ontology
9

10. Model-Based User Interface Design/Development
10

11. Model-Based User Interface Design/Development
- Rapid Prototyping
- Usability Testing
- Round-trip
Engineering
11

12. HCI in mobile, context-aware and pervasive systems
Context-aware museum
guide interface with Automatic UI
buddy locator adaptation and
distribution
Spatial-aware
displays
12

13. HCI in mobile, context-aware and pervasive systems
13

14. HCI in mobile, context-aware and pervasive systems
14

15. Interactive Collaborative Environments
User interfaces, interaction techniques and visualizations for
collaborative work
15

16. Multimodal Interaction in 3D environments
 Use of different modalities
 Eg haptics, speech,…
 Validation through usability testing
16

17. Multimodal interaction in virtual environments
 Design of interaction techniques
 E.g. by making use of proprioception
17

18. Multimodal interaction in virtual environments
 Proprioception
18

19. Toolkits and Frameworks
 Cutting edge user interface toolkits
 Zoomable User Interfaces
 Speech API
 Mobile UI Toolkits
 XML-based interface
rendering toolkits
 UI on multiple devices:
Java + OSGI, .Net + UIML,…
 Prototyping tools
 UML-based tool support
 Haptics
 Gesture tracking
 …
19

20. Conclusions
 Sensible User Interface
Engineering
 User-Centered
 Improve user
experience
 Meet the
requirements
 Both progressing the
state-of-the-art as well
as being pragmatic
(focus on user)
20

21. Human-Computer Interaction (technical)
 Q&A
 Contact:
Kris Luyten
IBBT-EDM-UHasselt
kris.luyten@uhasselt.be
21