ICS3211 - Intelligent

Interfaces IICombining design with technology for effective

human-computer interaction

Week 5Department of Intelligent Computer

Systems,University of Malta,

2016

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;

Learning OutcomesAt 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;

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?

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;

Designing Interfaces• Effective &

appropriate use of the medium;

• Element of time;

• Consistent & appropriate visual language;

• Navigation aids;

• Graphics/icons;

• Metaphor;

• Colour;

• Legibility

• Readability

Adaptive User Interfaces

• Context awareness; • Pervasive information visualisation;• Ontologies in information visualisation;• Information visualisation services;

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;

Designing for Human Information Processing

• Stimulus- Response compatibility: classes; • S-S• S-R• S-C-R• R-R• R-E

• 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

• 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

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

–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.”