ics3211 lecture 05
TRANSCRIPT
![Page 1: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/1.jpg)
ICS3211 - Intelligent
Interfaces IICombining design with technology for effective
human-computer interaction
Week 5Department of Intelligent Computer
Systems,University of Malta,
2016
![Page 2: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/2.jpg)
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;
![Page 3: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/3.jpg)
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;
![Page 4: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/4.jpg)
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?
![Page 5: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/5.jpg)
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;
![Page 6: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/6.jpg)
Designing Interfaces• Effective &
appropriate use of the medium;
• Element of time;
• Consistent & appropriate visual language;
• Navigation aids;
• Graphics/icons;
• Metaphor;
• Colour;
• Legibility
• Readability
![Page 7: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/7.jpg)
Adaptive User Interfaces
• Context awareness; • Pervasive information visualisation;• Ontologies in information visualisation;• Information visualisation services;
![Page 8: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/8.jpg)
![Page 9: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/9.jpg)
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;
![Page 10: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/10.jpg)
Designing for Human Information Processing
• Stimulus- Response compatibility: classes; • S-S• S-R• S-C-R• R-R• R-E
![Page 11: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/11.jpg)
• 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
![Page 12: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/12.jpg)
• 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
![Page 13: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/13.jpg)
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
![Page 14: ICS3211 lecture 05](https://reader035.vdocuments.mx/reader035/viewer/2022062823/58766c001a28abd0018b5621/html5/thumbnails/14.jpg)
–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.”