SlideShare a Scribd company logo
ICS3211 - Intelligent
Interfaces II
Combining design with technology for effective human-
computer interaction
Week 6
Department of Intelligent Computer Systems,
University of Malta,
2016
Visual Design for User
Interfaces
Week 6 overview:
• Recap class Activity - review literature & critique
• UX vs. UI design
• Best Practices in UI design
• Evolutionary characteristics of design
• Designing for inclusive practices
Learning Outcomes
At the end of this session you should be able to:
• 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;
• Describe the differences between UX & UI design;
• List UI design basics and make inferences about evolutionary
design principles;
• Review and make use of different user models for inclusive UIs;
Recap - 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
UX vs. UI design
• UX design - improving usability, ease of use in the
interaction;
• UI design - complements UX through look & feel,
presentation and interactivity;
• UX designers - concerned with the overall feel of the
product,
• UI designers - concerned about how the product is
laid out;
UI Design Basics
Interface Elements:
• Input Controls
• Navigational Components
• Informational Components
• Containers
Best Practices
• Keep the interface simple
• Create consistency and use common UI elements
• Be purposeful in page layout
• Strategically use colour and texture
• Use typography to create hierarchy and clarity
• Make sure the system communicates what is happening
• Think about the defaults
Evolutionary Characteristics
for Design
• Complexity
• Diversity
• Ubiquity
Designing for Inclusive
Practices
• According to WHO by 2025, population aged over 60 > 1.2
billion
• Modelling for user (dis-)ability
• Existing models include:
• GOMS
• KLM
• Cognitive Architectures
• Grammar based Models
• Application-specific Models
User Models
• Perception Model
• Cognitive Model
• Motor behaviour
User ontology for user profiling
–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.”

More Related Content

What's hot

ICS3211 Week6
ICS3211 Week6ICS3211 Week6
ICS3211 Week6
Vanessa Camilleri
 
ICS3211 Lecture 07
ICS3211 Lecture 07 ICS3211 Lecture 07
ICS3211 Lecture 07
Vanessa Camilleri
 
ICS3211 Week 4
ICS3211 Week 4ICS3211 Week 4
ICS3211 Week 4
Vanessa Camilleri
 
ICS3211 lntelligent Interfaces
ICS3211 lntelligent InterfacesICS3211 lntelligent Interfaces
ICS3211 lntelligent Interfaces
Vanessa Camilleri
 
ICS3211 lecture 10
ICS3211 lecture 10ICS3211 lecture 10
ICS3211 lecture 10
Vanessa Camilleri
 
ICS3211 Lecture 9
ICS3211 Lecture 9ICS3211 Lecture 9
ICS3211 Lecture 9
Vanessa Camilleri
 
ICS3211 lecture 04
ICS3211 lecture 04ICS3211 lecture 04
ICS3211 lecture 04
Vanessa Camilleri
 
ICS3211 lecture 11
ICS3211 lecture 11ICS3211 lecture 11
ICS3211 lecture 11
Vanessa Camilleri
 
ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020
Vanessa Camilleri
 
ICS2208 Lecture 3
ICS2208 Lecture 3ICS2208 Lecture 3
ICS2208 Lecture 3
Vanessa Camilleri
 
ICS2208 lecture1
ICS2208 lecture1ICS2208 lecture1
ICS2208 lecture1
Vanessa Camilleri
 
ICS3211 lecture 08
ICS3211 lecture 08ICS3211 lecture 08
ICS3211 lecture 08
Vanessa Camilleri
 
ICS2208 lecture2
ICS2208 lecture2ICS2208 lecture2
ICS2208 lecture2
Vanessa Camilleri
 
ICS2208 lecture4
ICS2208 lecture4ICS2208 lecture4
ICS2208 lecture4
Vanessa Camilleri
 
Conceptual Model
Conceptual ModelConceptual Model
Conceptual Model
Saqib Shehzad
 
ICS2208 lecture5
ICS2208 lecture5ICS2208 lecture5
ICS2208 lecture5
Vanessa Camilleri
 
Accessibility introduction
Accessibility introductionAccessibility introduction
Accessibility introduction
Andres Baravalle
 
Ari2132 lecture5
Ari2132 lecture5Ari2132 lecture5
Ari2132 lecture5
Vanessa Camilleri
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegaze
gazegaze1234
 
Thai hci
Thai hciThai hci
Thai hci
TaiMe Sakdisri
 

What's hot (20)

ICS3211 Week6
ICS3211 Week6ICS3211 Week6
ICS3211 Week6
 
ICS3211 Lecture 07
ICS3211 Lecture 07 ICS3211 Lecture 07
ICS3211 Lecture 07
 
ICS3211 Week 4
ICS3211 Week 4ICS3211 Week 4
ICS3211 Week 4
 
ICS3211 lntelligent Interfaces
ICS3211 lntelligent InterfacesICS3211 lntelligent Interfaces
ICS3211 lntelligent Interfaces
 
ICS3211 lecture 10
ICS3211 lecture 10ICS3211 lecture 10
ICS3211 lecture 10
 
ICS3211 Lecture 9
ICS3211 Lecture 9ICS3211 Lecture 9
ICS3211 Lecture 9
 
ICS3211 lecture 04
ICS3211 lecture 04ICS3211 lecture 04
ICS3211 lecture 04
 
ICS3211 lecture 11
ICS3211 lecture 11ICS3211 lecture 11
ICS3211 lecture 11
 
ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020
 
ICS2208 Lecture 3
ICS2208 Lecture 3ICS2208 Lecture 3
ICS2208 Lecture 3
 
ICS2208 lecture1
ICS2208 lecture1ICS2208 lecture1
ICS2208 lecture1
 
ICS3211 lecture 08
ICS3211 lecture 08ICS3211 lecture 08
ICS3211 lecture 08
 
ICS2208 lecture2
ICS2208 lecture2ICS2208 lecture2
ICS2208 lecture2
 
ICS2208 lecture4
ICS2208 lecture4ICS2208 lecture4
ICS2208 lecture4
 
Conceptual Model
Conceptual ModelConceptual Model
Conceptual Model
 
ICS2208 lecture5
ICS2208 lecture5ICS2208 lecture5
ICS2208 lecture5
 
Accessibility introduction
Accessibility introductionAccessibility introduction
Accessibility introduction
 
Ari2132 lecture5
Ari2132 lecture5Ari2132 lecture5
Ari2132 lecture5
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegaze
 
Thai hci
Thai hciThai hci
Thai hci
 

Similar to ICS3211 lecture 06

Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
 
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
digitalcoaching97
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
 
UX books
UX booksUX books
UX books
Billy Choi
 
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface DesignQualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
Mohamed Boukhebouze
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
DCU_MPIUA
 
Intro_UI _UX Design Unit 1 Introduction.pptx
Intro_UI _UX Design Unit 1 Introduction.pptxIntro_UI _UX Design Unit 1 Introduction.pptx
Intro_UI _UX Design Unit 1 Introduction.pptx
rajeswaris57
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Allison Bloodworth
 
Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
Satyajit Roy
 
Konsep-UX-Design-dikonversi 02.pdf
Konsep-UX-Design-dikonversi 02.pdfKonsep-UX-Design-dikonversi 02.pdf
Konsep-UX-Design-dikonversi 02.pdf
AgusNugrosNugroho
 
Few Words About User Experience Design
Few Words About User Experience DesignFew Words About User Experience Design
Few Words About User Experience Design
Vlad Namașco
 
UX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptxUX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptx
QasimButt35
 
User-Centered Design
User-Centered DesignUser-Centered Design
User-Centered Design
Ivano Malavolta
 
ICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdfICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdf
Vanessa Camilleri
 
ICT L4.pptx
ICT L4.pptxICT L4.pptx
ICT L4.pptx
AssemNazirova2
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
Chetu
 
UX basics inception to experience delivery
UX basics  inception to experience deliveryUX basics  inception to experience delivery
UX basics inception to experience delivery
Techved Consulting
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
MalathiKandagatla
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
MalathiKandagatla
 

Similar to ICS3211 lecture 06 (20)

Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
UX books
UX booksUX books
UX books
 
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface DesignQualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
 
Intro_UI _UX Design Unit 1 Introduction.pptx
Intro_UI _UX Design Unit 1 Introduction.pptxIntro_UI _UX Design Unit 1 Introduction.pptx
Intro_UI _UX Design Unit 1 Introduction.pptx
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
 
Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
 
Konsep-UX-Design-dikonversi 02.pdf
Konsep-UX-Design-dikonversi 02.pdfKonsep-UX-Design-dikonversi 02.pdf
Konsep-UX-Design-dikonversi 02.pdf
 
Few Words About User Experience Design
Few Words About User Experience DesignFew Words About User Experience Design
Few Words About User Experience Design
 
UX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptxUX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptx
 
User-Centered Design
User-Centered DesignUser-Centered Design
User-Centered Design
 
ICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdfICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdf
 
ICT L4.pptx
ICT L4.pptxICT L4.pptx
ICT L4.pptx
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
 
UX basics inception to experience delivery
UX basics  inception to experience deliveryUX basics  inception to experience delivery
UX basics inception to experience delivery
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 

More from Vanessa Camilleri

ICS 2208 Lecture 8 Slides AI and VR_.pdf
ICS 2208 Lecture 8 Slides AI and VR_.pdfICS 2208 Lecture 8 Slides AI and VR_.pdf
ICS 2208 Lecture 8 Slides AI and VR_.pdf
Vanessa Camilleri
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
Vanessa Camilleri
 
ICS 2208 Lecture Slide Notes for Topic 6
ICS 2208 Lecture Slide Notes for Topic 6ICS 2208 Lecture Slide Notes for Topic 6
ICS 2208 Lecture Slide Notes for Topic 6
Vanessa Camilleri
 
ICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdfICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdf
Vanessa Camilleri
 
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
ICS2208 Lecture3 2023-2024 - Model Based User InterfacesICS2208 Lecture3 2023-2024 - Model Based User Interfaces
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
Vanessa Camilleri
 
ICS Lecture 11 - Intelligent Interfaces 2023
ICS Lecture 11 - Intelligent Interfaces 2023ICS Lecture 11 - Intelligent Interfaces 2023
ICS Lecture 11 - Intelligent Interfaces 2023
Vanessa Camilleri
 
ICS3211_lecture 09_2023.pdf
ICS3211_lecture 09_2023.pdfICS3211_lecture 09_2023.pdf
ICS3211_lecture 09_2023.pdf
Vanessa Camilleri
 
ICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdfICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdf
Vanessa Camilleri
 
ICS3211_lecture_week72023.pdf
ICS3211_lecture_week72023.pdfICS3211_lecture_week72023.pdf
ICS3211_lecture_week72023.pdf
Vanessa Camilleri
 
ICS3211_lecture_week62023.pdf
ICS3211_lecture_week62023.pdfICS3211_lecture_week62023.pdf
ICS3211_lecture_week62023.pdf
Vanessa Camilleri
 
ICS3211_lecture_week52023.pdf
ICS3211_lecture_week52023.pdfICS3211_lecture_week52023.pdf
ICS3211_lecture_week52023.pdf
Vanessa Camilleri
 
ICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdfICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdf
Vanessa Camilleri
 
ICS3211_lecture 03 2023.pdf
ICS3211_lecture 03 2023.pdfICS3211_lecture 03 2023.pdf
ICS3211_lecture 03 2023.pdf
Vanessa Camilleri
 
ICS3211_lecture 11.pdf
ICS3211_lecture 11.pdfICS3211_lecture 11.pdf
ICS3211_lecture 11.pdf
Vanessa Camilleri
 
FoundationsAIEthics2023.pdf
FoundationsAIEthics2023.pdfFoundationsAIEthics2023.pdf
FoundationsAIEthics2023.pdf
Vanessa Camilleri
 
ICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdfICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdf
Vanessa Camilleri
 
ICS1020CV_2022.pdf
ICS1020CV_2022.pdfICS1020CV_2022.pdf
ICS1020CV_2022.pdf
Vanessa Camilleri
 
ARI5902_2022.pdf
ARI5902_2022.pdfARI5902_2022.pdf
ARI5902_2022.pdf
Vanessa Camilleri
 
ICS2208 Lecture10
ICS2208 Lecture10ICS2208 Lecture10
ICS2208 Lecture10
Vanessa Camilleri
 
ICS2208 lecture9
ICS2208 lecture9ICS2208 lecture9
ICS2208 lecture9
Vanessa Camilleri
 

More from Vanessa Camilleri (20)

ICS 2208 Lecture 8 Slides AI and VR_.pdf
ICS 2208 Lecture 8 Slides AI and VR_.pdfICS 2208 Lecture 8 Slides AI and VR_.pdf
ICS 2208 Lecture 8 Slides AI and VR_.pdf
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
ICS 2208 Lecture Slide Notes for Topic 6
ICS 2208 Lecture Slide Notes for Topic 6ICS 2208 Lecture Slide Notes for Topic 6
ICS 2208 Lecture Slide Notes for Topic 6
 
ICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdfICS2208 Lecture4 Intelligent Interface Agents.pdf
ICS2208 Lecture4 Intelligent Interface Agents.pdf
 
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
ICS2208 Lecture3 2023-2024 - Model Based User InterfacesICS2208 Lecture3 2023-2024 - Model Based User Interfaces
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
 
ICS Lecture 11 - Intelligent Interfaces 2023
ICS Lecture 11 - Intelligent Interfaces 2023ICS Lecture 11 - Intelligent Interfaces 2023
ICS Lecture 11 - Intelligent Interfaces 2023
 
ICS3211_lecture 09_2023.pdf
ICS3211_lecture 09_2023.pdfICS3211_lecture 09_2023.pdf
ICS3211_lecture 09_2023.pdf
 
ICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdfICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdf
 
ICS3211_lecture_week72023.pdf
ICS3211_lecture_week72023.pdfICS3211_lecture_week72023.pdf
ICS3211_lecture_week72023.pdf
 
ICS3211_lecture_week62023.pdf
ICS3211_lecture_week62023.pdfICS3211_lecture_week62023.pdf
ICS3211_lecture_week62023.pdf
 
ICS3211_lecture_week52023.pdf
ICS3211_lecture_week52023.pdfICS3211_lecture_week52023.pdf
ICS3211_lecture_week52023.pdf
 
ICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdfICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdf
 
ICS3211_lecture 03 2023.pdf
ICS3211_lecture 03 2023.pdfICS3211_lecture 03 2023.pdf
ICS3211_lecture 03 2023.pdf
 
ICS3211_lecture 11.pdf
ICS3211_lecture 11.pdfICS3211_lecture 11.pdf
ICS3211_lecture 11.pdf
 
FoundationsAIEthics2023.pdf
FoundationsAIEthics2023.pdfFoundationsAIEthics2023.pdf
FoundationsAIEthics2023.pdf
 
ICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdfICS3211_lecture 9_2022.pdf
ICS3211_lecture 9_2022.pdf
 
ICS1020CV_2022.pdf
ICS1020CV_2022.pdfICS1020CV_2022.pdf
ICS1020CV_2022.pdf
 
ARI5902_2022.pdf
ARI5902_2022.pdfARI5902_2022.pdf
ARI5902_2022.pdf
 
ICS2208 Lecture10
ICS2208 Lecture10ICS2208 Lecture10
ICS2208 Lecture10
 
ICS2208 lecture9
ICS2208 lecture9ICS2208 lecture9
ICS2208 lecture9
 

Recently uploaded

writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
Nguyen Thanh Tu Collection
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
amberjdewit93
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
simonomuemu
 
Types of Herbal Cosmetics its standardization.
Types of Herbal Cosmetics its standardization.Types of Herbal Cosmetics its standardization.
Types of Herbal Cosmetics its standardization.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Celine George
 
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
heathfieldcps1
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
National Information Standards Organization (NISO)
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
Colégio Santa Teresinha
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
Nicholas Montgomery
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
Priyankaranawat4
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
AyyanKhan40
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 

Recently uploaded (20)

writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
 
Types of Herbal Cosmetics its standardization.
Types of Herbal Cosmetics its standardization.Types of Herbal Cosmetics its standardization.
Types of Herbal Cosmetics its standardization.
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
 
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
 
A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movieFilm vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
 
clinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdfclinical examination of hip joint (1).pdf
clinical examination of hip joint (1).pdf
 
PIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf IslamabadPIMS Job Advertisement 2024.pdf Islamabad
PIMS Job Advertisement 2024.pdf Islamabad
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 

ICS3211 lecture 06

  • 1. ICS3211 - Intelligent Interfaces II Combining design with technology for effective human- computer interaction Week 6 Department of Intelligent Computer Systems, University of Malta, 2016
  • 2. Visual Design for User Interfaces Week 6 overview: • Recap class Activity - review literature & critique • UX vs. UI design • Best Practices in UI design • Evolutionary characteristics of design • Designing for inclusive practices
  • 3. Learning Outcomes At the end of this session you should be able to: • 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; • Describe the differences between UX & UI design; • List UI design basics and make inferences about evolutionary design principles; • Review and make use of different user models for inclusive UIs;
  • 4. Recap - 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
  • 5. UX vs. UI design • UX design - improving usability, ease of use in the interaction; • UI design - complements UX through look & feel, presentation and interactivity; • UX designers - concerned with the overall feel of the product, • UI designers - concerned about how the product is laid out;
  • 6. UI Design Basics Interface Elements: • Input Controls • Navigational Components • Informational Components • Containers
  • 7. Best Practices • Keep the interface simple • Create consistency and use common UI elements • Be purposeful in page layout • Strategically use colour and texture • Use typography to create hierarchy and clarity • Make sure the system communicates what is happening • Think about the defaults
  • 8. Evolutionary Characteristics for Design • Complexity • Diversity • Ubiquity
  • 9. Designing for Inclusive Practices • According to WHO by 2025, population aged over 60 > 1.2 billion • Modelling for user (dis-)ability • Existing models include: • GOMS • KLM • Cognitive Architectures • Grammar based Models • Application-specific Models
  • 10. User Models • Perception Model • Cognitive Model • Motor behaviour
  • 11. User ontology for user profiling
  • 12. –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.”