This document provides an overview of the topics to be covered in Week 5 of the course ICS3211 - Intelligent Interfaces II. The week will cover input devices, design guidelines for interfaces, designing interfaces, adaptive user interfaces, and designing interactions for specific audiences. Students will learn about visual design principles, comparing interfaces and intelligent interfaces, case studies of intelligent user interface design, and how to design interfaces that consider metaphors, mental models, navigation and interaction. Learning outcomes include being able to list design principles, describe intelligent interface case studies, and draw inferences about designing interfaces that account for various user factors.

1. ICS3211 - Intelligent
Interfaces II
Combining design with technology for effective human-
computer interaction
Week 5
Department of Intelligent Computer Systems,
University of Malta,
2016

2. Designing Interactions
Week 5 overview:
• Input Devices - recap;
• Design Guidelines;
• Designing Interfaces;
• Adaptive User Interfaces
• Visualisation & Information processing
• Designing for Interactions - an illustration of case study examples;
• Designing for specific target audiences: children, elderly and physically
impaired groups;

3. Learning Outcomes
At the end of this session you should be able to:
• List the various visual design principles for interfaces;
• Compare and contrast the design of interfaces vs. intelligent
interfaces;
• Describe a number of case studies in the design of intelligent
user interfaces;
• Draw inferences about the design of interfaces that take into
account metaphors, mental models, navigation and interaction;

4. Recap
• Take the Quiz on MOODLE VLE
• What properties characterise input devices?
• Consider 3 games using 3 different interfaces. What
user behaviour is expected? What tasks is the user
expected to accomplish to reach the goals of the
game? How does the use of the input device and
technology chosen for the game, affect the efficiency of
task completion?

5. Design Guidelines
• Poster Analogy
• Design for the most difficult common denominator;
• Avoid overuse of saturated colours;
• Consider different users’ levels of skill;
• Be aware of the fatigue factor;
• Other differences to consider;
• Use the squint test;

6. Designing Interfaces
• Effective & appropriate
use of the medium;
• Element of time;
• Consistent &
appropriate visual
language;
• Navigation aids;
• Graphics/icons;
• Metaphor;
• Colour;
• Legibility
• Readability

7. Adaptive User Interfaces
• Context awareness;
• Pervasive information visualisation;
• Ontologies in information visualisation;
• Information visualisation services;

9. Designing & Visualising
Information
• Log on to the site: http://www.informationisbeautiful.net/ ;
• Explore the site and use the VLE discussion forum to
comment about it. Focus on design of the information
visualisation, and the interactivity provided by the user
interface;
• Now find:
http://www.informationisbeautiful.net/visualizations/the-
internet-of-things-a-primer/ ;
• On the VLE forum, work collaboratively in groups to
discuss how you would redesign this site with an intelligent
interface to assist the users making use of it;

10. Designing for Human
Information Processing
• Stimulus- Response compatibility: classes;
• S-S
• S-R
• S-C-R
• R-R
• R-E

11. • Compatibilities between alternate displays,
responses and consequences play important role
• Spatial compatibility for any task with spatial
properties
• Performance limitations from incompatibilities
cannot be easily overcome
• Use of Simon-type correspondence effects
• Compatibility issues arise for binary choices as well
as multiple task contexts

12. • More direct input manipulation requires taking into
consideration compatibility effects between
responses
• C:D relations can be optimised by adhering to
population stereotypes
• High compatibility essential for products intended
for use by older adults

13. Case studies: illustrated
• Work in groups
• Choose and review two case studies from the
various literature presented
• Present their methodologies and the use of
intelligence in the design of user interfaces
• Take into account the metaphors, mental models,
navigation and interactions involved in the design of
these case studies

14. –Rick Rashid
“These devices will eventually replace paper
print media. We are reaching a point in the
future where any surface can be an interactive
surface.”