SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
ICS3211 - Intelligent
Interfaces II
Combining design with technology for effective human-
computer interaction
Study Unit Aims
At the end of this unit you should be able to:
• Reason about explicit and implicit user models,
take into account ethics, and evaluate them;
• Design systems that adapt to different users and
contexts;
• Evaluate systems that maintain an interaction with
the user using smart and innovative technologies;
Learning Outcomes
• Identify different user models for specific contexts;
• Apply and justify the use of a specific model,
adapted to a particular situation;
• Discuss how AI techniques can contribute to a
system optimisation for a more effective HCI;
• Design and test user interfaces for different
purposes;
Course Syllabus
• Week 1: Intelligent Interfaces; overview &
perspectives
• Week 2: Theoretical frameworks in HCI
• Week 3: Choices & Decisions
• Week 4: Computers in HCI; input technologies & AI
• Week 5: Designing devices
• Week 6: Visual design for user interfaces
• Week 7: Multimodal interfaces
• Week 8: Interface design I
• Week 9: Interface design II
• Week 10: Testing & Evaluation
• Week 11: Case Studies: Healthcare
• Week 12: Case Studies: Games
Study Unit Modality
• A Blended model using face-to-face lectures and
online interactive sessions
• 2 hours on Monday 9-11 am (face-to-face)
• 2-3 hours online study (available for online chats
on Thursdays 9-10 am)
Study Unit Assessment
• Project (60%) - group
• Work in small groups to design, implement and evaluate a user
interface through an iterative design process with a series of
graded milestones (T01-T06)
• Online postings (30%) - individual
• Use the UoM Moodle VLE to view weekly readings, and
participate in class discussions
• Presentation (10%) - group
• Recorded 5 minute presentation (can use multiple modalities)
tracing the development of your project
ICS3211 lecture01
The Project
• Contains 6 gradable tasks (T01-T06);
• Milestones will be announced via VLE calendar;
• Milestones will be spread across the semester;
• Online discussions will also involve your project
design & development;
• T01: Project Proposal & Analysis;
• T02: Designs;
• T03: Paper Prototyping;
• T04: Computer Prototyping;
• T05: Implementation;
• T06: User Testing;
T01: Project Proposal & Analysis
• Groups should be no bigger than 3;
• Choose your own project: either web, desktop or
mobile
• Carry out (a) user analysis, (b) task analysis, (c)
domain analysis
• Hand in a form of a web page for the project
T02: Designs
• Write and present scenario;
• Generate 3 different storyboard designs
(preliminary)
• Combine text with sketches for your storyboard and
explain how each works in the scenario
• Subsections on web page will include (a) scenario
and (b) designs
T03: Paper Prototyping
• Prototype building (hand sketching can work);
• Draw static background, menu, and decide on the
dynamic parts of the interface;
• Prototype testing will include: user debriefing, three
tasks for your users to carry out, practice paper
prototype;
• Subsections on web page will include (a) prototype
photos/videos,(b) briefing, (c) scenario tasks and (d)
observations;
T04: Computer Prototype
• Your prototype should be:
• High fidelity in Look
• Medium fidelity in Feel
• Low fidelity in Breadth & Depth;
• This prototype will be distributed amongst your class mates so that
they can do a heuristic evaluation. Therefore make sure that your
prototype can run on Windows, Mac or Linux;
• On your project webpage, include a subsection called computer
prototype with (a) platform, (b) brief instructions, (c) which parts are
shallow, and (d) prototype link downloaded in a single file;
T05: Implementation
• Due by presentation (end of semester);
• Brief on application purpose and user population;
• Walk through of interface;
• Answer questions about your design decisions and
development process;
T06: User Testing
• At least 3 representative users from your
population;
• Prepare briefing and tasks;
• Provide a formative evaluation including : (a)
briefing, (b) tasks and (c) observation;
• On your website make sure you have the following:
(a) final design (including screenshots), (b)
implementation, (c) evaluation and (d) reflection;
Online Postings
• A combination of discussions on selected papers &
publications as well as project discussions;
• In project discussions, you are expected to
participate in forum discussion boards to highlight
challenges and share strategies with other groups
and collaborators;
Online Sessions
• Week 1: Project discussion
• Week 2: Readings + discussion tasks [T01]
• Week 3: Project discussion
• Week 4: Readings + discussion tasks [T02]
• Week 5: Project discussion
• Week 6: Readings + discussion tasks [T03]
• Week 7: Project Discussion
• Week 8: Project Discussion
• Week 9: Project Discussion [T04]
• Week 10: Readings + Discussion Task
• Week 11: Project Discussion [T06]
• Week 12: Readings + Discussion Task [T05 to be
presented in class]
The Presentation
• To be delivered after the end of the last exam (or as
agreed amongst ourselves);
• Presentation should feature a 5 min run through of
application as well as possible 5 mins briefing +
questions as per T05;
User Interface
Design
The evolution of human-
computer interaction
• The human side of the human-computer interaction
changes very slowly;
• Much of what was learned about our perceptual,
cognitive, social and emotional processes when we
interacted with the older technologies applies to
our interaction with the emerging technologies;
HCI vs. CHI
• HCI covers research areas of:
• human factors & ergonomics
• information systems
• computer science
• library & information systems
• CHI is narrower with a specific focus on computer
science
ICS3211 lecture01
Origins of H & I
(19th century)
• Taylor (1911) - improve work
practices by reducing
performance time;
• Gilbreth (1914) - efficiency &
worker experience as a
founder of human factors;
• World Wars I & II prompted
human engineering, human
factors & ergonomics;
Origins of H & I
(19th century)
• Late nineteenth century - the
evolution of technologies &
practices for compressing,
distributing & organising
information;
• Photography used for
documentation;
• Library services & management in
the US took precedence over
technology;
• Otlet implemented UDC in
Belgium - financed in 1919 to
fund the Mundaneum;
• HCI has evolved from the memex, vacuum tubes,
and early computing, to new systemic research
based on vision and computer graphics,
interconnectedness, and information science.
• More recent evolution of computer science, AI, &
computer graphics and the Internet era
–Paul Boag
“Users are not always logical, at least not on
the surface. To be a great designer you need
to look a little deeper into how people think
and act.”

Mais conteúdo relacionado

Mais procurados (20)

ICS3211 Lecture 3
ICS3211 Lecture 3ICS3211 Lecture 3
ICS3211 Lecture 3
 
ICS3211 Week6
ICS3211 Week6ICS3211 Week6
ICS3211 Week6
 
ICS3211 lecture 04
ICS3211 lecture 04ICS3211 lecture 04
ICS3211 lecture 04
 
ICS3211 Lecture 9
ICS3211 Lecture 9ICS3211 Lecture 9
ICS3211 Lecture 9
 
ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020ICS3211 Lecture 08 2020
ICS3211 Lecture 08 2020
 
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 11
ICS3211 lecture 11ICS3211 lecture 11
ICS3211 lecture 11
 
ICS3211 lecture 08
ICS3211 lecture 08ICS3211 lecture 08
ICS3211 lecture 08
 
ICS2208 Lecture 3
ICS2208 Lecture 3ICS2208 Lecture 3
ICS2208 Lecture 3
 
ICS2208 lecture1
ICS2208 lecture1ICS2208 lecture1
ICS2208 lecture1
 
ICS2208 lecture2
ICS2208 lecture2ICS2208 lecture2
ICS2208 lecture2
 
ICS2208 lecture5
ICS2208 lecture5ICS2208 lecture5
ICS2208 lecture5
 
ICS2208 lecture4
ICS2208 lecture4ICS2208 lecture4
ICS2208 lecture4
 
Conceptual Model
Conceptual ModelConceptual Model
Conceptual Model
 
Thai hci
Thai hciThai hci
Thai hci
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegaze
 
Human Computer Interface (HCI)
Human Computer Interface (HCI)Human Computer Interface (HCI)
Human Computer Interface (HCI)
 

Semelhante a ICS3211 lecture01

Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesJeffrey Nichols
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User ExerienceTanya Zavialova
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationJonathan Abbett
 
User interface software tools past present and future
User interface software tools past present and futureUser interface software tools past present and future
User interface software tools past present and futureAlison HONG
 
Aect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressedAect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressedIsa Jahnke
 
Cp exam sectiona
Cp exam sectionaCp exam sectiona
Cp exam sectionaKim Fyson
 
OCR Media Studies A2 Section A
OCR Media Studies A2 Section AOCR Media Studies A2 Section A
OCR Media Studies A2 Section AKim Fyson
 
05 RD PoSD Tutorial_xhtml_to_html5_2016
05 RD PoSD Tutorial_xhtml_to_html5_201605 RD PoSD Tutorial_xhtml_to_html5_2016
05 RD PoSD Tutorial_xhtml_to_html5_2016Rich Dron
 
COMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionCOMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionMark Billinghurst
 
[Seminar] hwiyeon 200709
[Seminar] hwiyeon 200709[Seminar] hwiyeon 200709
[Seminar] hwiyeon 200709ivaderivader
 
Making the leap to a software platform strategy issues and challenges
Making the leap to a software platform strategy issues and challengesMaking the leap to a software platform strategy issues and challenges
Making the leap to a software platform strategy issues and challengesSarwan ali
 
Guerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignGuerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignQuentin Christensen
 

Semelhante a ICS3211 lecture01 (20)

Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
The Role of the Architect
The Role of the ArchitectThe Role of the Architect
The Role of the Architect
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User Interfaces
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
Designing and prototyping
Designing and prototypingDesigning and prototyping
Designing and prototyping
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaboration
 
1 module intro
1 module intro1 module intro
1 module intro
 
User interface software tools past present and future
User interface software tools past present and futureUser interface software tools past present and future
User interface software tools past present and future
 
1-intro.ppt
1-intro.ppt1-intro.ppt
1-intro.ppt
 
1-intro.ppt
1-intro.ppt1-intro.ppt
1-intro.ppt
 
Aect 2018 workshop
Aect 2018 workshopAect 2018 workshop
Aect 2018 workshop
 
Aect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressedAect2018 workshop-v6ij-compressed
Aect2018 workshop-v6ij-compressed
 
Cp exam sectiona
Cp exam sectionaCp exam sectiona
Cp exam sectiona
 
OCR Media Studies A2 Section A
OCR Media Studies A2 Section AOCR Media Studies A2 Section A
OCR Media Studies A2 Section A
 
05 RD PoSD Tutorial_xhtml_to_html5_2016
05 RD PoSD Tutorial_xhtml_to_html5_201605 RD PoSD Tutorial_xhtml_to_html5_2016
05 RD PoSD Tutorial_xhtml_to_html5_2016
 
COMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionCOMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introduction
 
[Seminar] hwiyeon 200709
[Seminar] hwiyeon 200709[Seminar] hwiyeon 200709
[Seminar] hwiyeon 200709
 
Making the leap to a software platform strategy issues and challenges
Making the leap to a software platform strategy issues and challengesMaking the leap to a software platform strategy issues and challenges
Making the leap to a software platform strategy issues and challenges
 
Guerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignGuerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based Design
 

Mais de Vanessa Camilleri

Mais de Vanessa Camilleri (20)

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
 
ICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdfICS2208 Lecture 2 Slides Interfaces_.pdf
ICS2208 Lecture 2 Slides Interfaces_.pdf
 
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
 
ICS2208 lecture7
ICS2208 lecture7ICS2208 lecture7
ICS2208 lecture7
 
ICS2208 lecture6
ICS2208 lecture6ICS2208 lecture6
ICS2208 lecture6
 

Último

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxiammrhaywood
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICESayali Powar
 

Último (20)

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptxAUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
 

ICS3211 lecture01

  • 1. ICS3211 - Intelligent Interfaces II Combining design with technology for effective human- computer interaction
  • 2. Study Unit Aims At the end of this unit you should be able to: • Reason about explicit and implicit user models, take into account ethics, and evaluate them; • Design systems that adapt to different users and contexts; • Evaluate systems that maintain an interaction with the user using smart and innovative technologies;
  • 3. Learning Outcomes • Identify different user models for specific contexts; • Apply and justify the use of a specific model, adapted to a particular situation; • Discuss how AI techniques can contribute to a system optimisation for a more effective HCI; • Design and test user interfaces for different purposes;
  • 4. Course Syllabus • Week 1: Intelligent Interfaces; overview & perspectives • Week 2: Theoretical frameworks in HCI • Week 3: Choices & Decisions • Week 4: Computers in HCI; input technologies & AI • Week 5: Designing devices
  • 5. • Week 6: Visual design for user interfaces • Week 7: Multimodal interfaces • Week 8: Interface design I • Week 9: Interface design II • Week 10: Testing & Evaluation • Week 11: Case Studies: Healthcare • Week 12: Case Studies: Games
  • 6. Study Unit Modality • A Blended model using face-to-face lectures and online interactive sessions • 2 hours on Monday 9-11 am (face-to-face) • 2-3 hours online study (available for online chats on Thursdays 9-10 am)
  • 7. Study Unit Assessment • Project (60%) - group • Work in small groups to design, implement and evaluate a user interface through an iterative design process with a series of graded milestones (T01-T06) • Online postings (30%) - individual • Use the UoM Moodle VLE to view weekly readings, and participate in class discussions • Presentation (10%) - group • Recorded 5 minute presentation (can use multiple modalities) tracing the development of your project
  • 9. The Project • Contains 6 gradable tasks (T01-T06); • Milestones will be announced via VLE calendar; • Milestones will be spread across the semester; • Online discussions will also involve your project design & development;
  • 10. • T01: Project Proposal & Analysis; • T02: Designs; • T03: Paper Prototyping; • T04: Computer Prototyping; • T05: Implementation; • T06: User Testing;
  • 11. T01: Project Proposal & Analysis • Groups should be no bigger than 3; • Choose your own project: either web, desktop or mobile • Carry out (a) user analysis, (b) task analysis, (c) domain analysis • Hand in a form of a web page for the project
  • 12. T02: Designs • Write and present scenario; • Generate 3 different storyboard designs (preliminary) • Combine text with sketches for your storyboard and explain how each works in the scenario • Subsections on web page will include (a) scenario and (b) designs
  • 13. T03: Paper Prototyping • Prototype building (hand sketching can work); • Draw static background, menu, and decide on the dynamic parts of the interface; • Prototype testing will include: user debriefing, three tasks for your users to carry out, practice paper prototype; • Subsections on web page will include (a) prototype photos/videos,(b) briefing, (c) scenario tasks and (d) observations;
  • 14. T04: Computer Prototype • Your prototype should be: • High fidelity in Look • Medium fidelity in Feel • Low fidelity in Breadth & Depth; • This prototype will be distributed amongst your class mates so that they can do a heuristic evaluation. Therefore make sure that your prototype can run on Windows, Mac or Linux; • On your project webpage, include a subsection called computer prototype with (a) platform, (b) brief instructions, (c) which parts are shallow, and (d) prototype link downloaded in a single file;
  • 15. T05: Implementation • Due by presentation (end of semester); • Brief on application purpose and user population; • Walk through of interface; • Answer questions about your design decisions and development process;
  • 16. T06: User Testing • At least 3 representative users from your population; • Prepare briefing and tasks; • Provide a formative evaluation including : (a) briefing, (b) tasks and (c) observation; • On your website make sure you have the following: (a) final design (including screenshots), (b) implementation, (c) evaluation and (d) reflection;
  • 17. Online Postings • A combination of discussions on selected papers & publications as well as project discussions; • In project discussions, you are expected to participate in forum discussion boards to highlight challenges and share strategies with other groups and collaborators;
  • 18. Online Sessions • Week 1: Project discussion • Week 2: Readings + discussion tasks [T01] • Week 3: Project discussion • Week 4: Readings + discussion tasks [T02] • Week 5: Project discussion
  • 19. • Week 6: Readings + discussion tasks [T03] • Week 7: Project Discussion • Week 8: Project Discussion • Week 9: Project Discussion [T04] • Week 10: Readings + Discussion Task • Week 11: Project Discussion [T06] • Week 12: Readings + Discussion Task [T05 to be presented in class]
  • 20. The Presentation • To be delivered after the end of the last exam (or as agreed amongst ourselves); • Presentation should feature a 5 min run through of application as well as possible 5 mins briefing + questions as per T05;
  • 21. User Interface Design The evolution of human- computer interaction
  • 22. • The human side of the human-computer interaction changes very slowly; • Much of what was learned about our perceptual, cognitive, social and emotional processes when we interacted with the older technologies applies to our interaction with the emerging technologies;
  • 23. HCI vs. CHI • HCI covers research areas of: • human factors & ergonomics • information systems • computer science • library & information systems • CHI is narrower with a specific focus on computer science
  • 25. Origins of H & I (19th century) • Taylor (1911) - improve work practices by reducing performance time; • Gilbreth (1914) - efficiency & worker experience as a founder of human factors; • World Wars I & II prompted human engineering, human factors & ergonomics;
  • 26. Origins of H & I (19th century) • Late nineteenth century - the evolution of technologies & practices for compressing, distributing & organising information; • Photography used for documentation; • Library services & management in the US took precedence over technology; • Otlet implemented UDC in Belgium - financed in 1919 to fund the Mundaneum;
  • 27. • HCI has evolved from the memex, vacuum tubes, and early computing, to new systemic research based on vision and computer graphics, interconnectedness, and information science. • More recent evolution of computer science, AI, & computer graphics and the Internet era
  • 28. –Paul Boag “Users are not always logical, at least not on the surface. To be a great designer you need to look a little deeper into how people think and act.”