SlideShare a Scribd company logo
Human-computer interaction
Plan
• User interface, as a means of human-computer interaction.
Usability of Interfaces.
• Types of interfaces: command line interface, text interface,
graphical interface, natural-language user interface
• Mental characteristics of the user.
• Stages of user interface development.
• Types of interface testing (user testing).
• Prospects for the development of interfaces.
User interface, as a means of human-
computer interaction
Human–computer interaction (HCI) researches the design and
use of computer technology, focused on the interfaces between
people and computers.
USER INTERFACE
The user interface (UI), in the industrial design field of human–
computer interaction, is the space where interactions between
humans and machines occur.
Usability
Usability of interface
Usability is the degree to which a software can be used by
specified consumers to achieve quantified objectives with
effectiveness, efficiency, and satisfaction in a quantified
context of use.
Usability of interface consists of
Learnability
Efficiency
Memorability
Errors
Satisfaction
Types of interfaces
• command line interface
• text interface
• graphical interface
• natural-language user interface
Command-line interface
A command-line interface is a means of interacting with a computer program
where the user (or client) issues commands to the program in the form of
successive lines of text (command lines).
Text-based user interface
Text-based user interface (TUI) is a user interface
where by all output is presented in the form of text.
GRAPHICAL USER INTERFACE
The graphical user interface (GUI ) is a type of user interface that
allows users to interact with electronic devices through graphical
icons and visual indicators such as secondary notation, instead of
text-based user interfaces, typed command labels or text
navigation.
XEROX ALTO
Natural-language user interface
• Natural-language user interface (LUI or NLUI) is a type of computer
human interface where linguistic phenomena such as verbs, phrases
and clauses act as UI controls for creating, selecting and modifying
data in software applications.
mental characteristics of the user
A mental model is a person’s intuitive understanding of how something
functions based on his or her past encounters, exposure to information, and
sound judgment.
How People Form Mental Models
Observation
Immersive Experience
Culture
Prospects for the development of interfaces
Mental Models and User Experience
A mental model is a person’s intuitive
understanding of how something
functions based on his or her past
encounters, exposure to information, and
sound judgment.
How People Form Mental Models
Observation
Observation is a crucial
method of getting answers
concerning people’s
responses to their general
surroundings. As individuals,
we are well equipped to pick
up detailed data about our
environs through our senses.
How People Form Mental Models
Immersive Experience
An immersive experience is one in which a user is
totally caught up in a system. If the experience is a
positive one, the user’s satisfaction may reach new
heights. Immersive experiences stimulate our senses.
How Understanding Mental Models
Influences User-Interface Design
Don Norman discusses mental models in his article “Some
Observations on Mental Models,” in which he also considers
conceptual models and theoretical models. Norman says, “Conceptual
models are devised as tools for the understanding or teaching of
physical systems. Mental models are what people really have in their
heads and what guides their use of things.”
How People Form Mental Models
Culture
People belonging to different cultures often have
different mental models….
Culture plays a vital role in shaping human
perceptions. Because people belonging to different
cultures often have different mental models, the
internationalization and localization of Web experiences
that must address these cultural intricacies has always
been challenging for designers.
Tips from free designers
• Try to learn something about users
• Come up with your own characters
• Brainstorm
• Use common design patterns
• Remember that we are all human, and we are all
United by the same psychological principles
Development stages of the user interface
User Flow Diagram
Brainstorming & Sketching
Understanding the Project’s Concept
Factors of
influence
Choosing and Creating the Preview Form
Choosing the Style of the Interface
Structure and Flow Validation
Style Validation
Design Validation
Brainstorming & Sketching
User Flow Diagram
Choosing the Style of the Interface
Choosing and Creating the Preview Form
• Wireframe
Choosing and Creating the Preview Form
• Mockup
Choosing and Creating the Preview Form
• Clickable Prototype
Choosing and Creating the Preview Form
• Animated UI Flow
What is Interface Testing?
Interface Testing is the testing done on AUT which actually verifies
whether the communication between two different software systems
are done correctly.
Why to do Interface Testing
Interface Testing is done
• To ensure that end-users or customer should not encounter any
problem when using a particular software product
• To identify which application areas are usually accessed by end-users
and to check its user-friendliness as well.
• To verify security requirements while communication propagates
between the systems
• To check if solution is capable to handle network failures between
application server and website
Types of Interface Testing
Вставить описание для текущего
This include testing each system individually. For example, billing system and inventory
management system for retail store should be able to operate separately.
This is considered when testing include date, month and day reversed
A high-volume interface may require more Load Testing than a low-volume
interface, depending on the interface engine and connectivity infrastructure
Individual systems
Edge cases -unexpected values
Performance, load, and network testing
It ensures that the interface engine handles your standard workflows as
expected.
Workflow
Jobs
References
• Information and Communication Technologies Part 1: Textbook/
D.Shynybekov. - Almaty: IITU, 2017. - 588 p.
• Information and Communication Technologies Part 2: Textbook/
D.Shynybekov. - Almaty: IITU, 2017. - 624 p
• June J. Parsons and Dan Oja, New Perspectives on Computer Consepts
16th Edition - Comprehensive, Thomson Course Technology, a division of
Thomson Learning, Inc Cambridge, MA, COPYRIGHT © 2014.
• Lorenzo Cantoni (University of Lugano, Switzerland)James A. Danowski
(University of Illinois at Chicago, IL,USA) Communication and
Technologies, 576 pages
• Craig Van Slyke Information Communication Technologies: Concepts,
Methodologies, Tools, and Applications (6 Volumes)/ ISBN 13:
9781599049496, 2008, Pages: 4288
• Utelbaeva A.K.,Utelbaeva A.K. Study guide for lectures on discipline
“Computer science”, Shimkent 2008, 84 pages.
Control Questions
What is included in the concept of man-machine interface?
List the main means of man-machine interface.
Are there any fundamentally new breakthroughs in the development of
human-machine interface? Describe them.
Is there any effective speech recognition system available? What are the
shortcomings of speech recognition systems?
What does ergonomics study?

More Related Content

PPTX
HCI.pptx
PDF
ICS3211 lntelligent Interfaces
PPTX
ICS3211 lecture 02
PPTX
01-Introduction to HCI.pptx
PPT
Lecture1.ppt
PDF
ICS3211_lecture 03 2023.pdf
PPTX
HUMAN COMPUTER INTERACTION.pptx
PPTX
Human And Computer Interaction Communication Skills
HCI.pptx
ICS3211 lntelligent Interfaces
ICS3211 lecture 02
01-Introduction to HCI.pptx
Lecture1.ppt
ICS3211_lecture 03 2023.pdf
HUMAN COMPUTER INTERACTION.pptx
Human And Computer Interaction Communication Skills

Similar to ICT L4.pptx (20)

PPTX
Human Computer Interaction Introduction
PDF
01-Introduction to HCI.pdfxzcnkzdcdncnccn
PPTX
ICS3211 lecture 10
PPTX
Ch 1 Introduction to User Interaction Design Mary Margarat
PPTX
Ux Overview
PDF
ICS3211_lecture 9_2022.pdf
PDF
ICS3211 Lecture 9
PPT
chapter one Introduction to HCI.ppt
PPT
Introduction to HCI Human Computer Interaction
PPT
Introduction to HCI.ppt
PPT
Introduction to HCI.ppt
PPT
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
PPT
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
PPTX
CHAPTER 1 RESUME.pptx
PPTX
HCI_Unit 5.pptxcxxsabc.sbc/,sabc,sajcsl/lkc bxsl/'ck
PDF
Human Computer Interaction-Chapter one.pdf
PPT
Summ11 useinterx
PDF
Lecture 4- Agent types
PPTX
User interface software tools past present and future
PPT
Human Factors and User Interface Design
Human Computer Interaction Introduction
01-Introduction to HCI.pdfxzcnkzdcdncnccn
ICS3211 lecture 10
Ch 1 Introduction to User Interaction Design Mary Margarat
Ux Overview
ICS3211_lecture 9_2022.pdf
ICS3211 Lecture 9
chapter one Introduction to HCI.ppt
Introduction to HCI Human Computer Interaction
Introduction to HCI.ppt
Introduction to HCI.ppt
HCI 66.pptsgsdgdgwdgfsdfgsdfgsdfgsdgsdgsdgsdg
ahsdjHDHVdjhvHDVSJADHSAVDHVNCDSHVJHVSJHCVASDHVJSAHVJSV
CHAPTER 1 RESUME.pptx
HCI_Unit 5.pptxcxxsabc.sbc/,sabc,sajcsl/lkc bxsl/'ck
Human Computer Interaction-Chapter one.pdf
Summ11 useinterx
Lecture 4- Agent types
User interface software tools past present and future
Human Factors and User Interface Design
Ad

More from AssemNazirova2 (17)

PPT
IPv4 adressing
PPTX
ICT L13 — копия.pptx
PPT
CN L8 — копия.ppt
PPT
SDT_L8 — копия.ppt
PPTX
Cloud technology
PPT
CN L7 — копия.ppt
PPTX
Лекция 1_ РЭС_Презентация — копия.pptx
PPTX
CN L5 — копия.pptx
PPTX
physical_layer.pptx
PPTX
Physical.pptx
PPTX
CN L5.pptx
PPT
CN L1 — копия.ppt
PPTX
vlsisubsystemdesignprocessesandillustration-131101063110-phpapp02.pptx
PPTX
ICT L5+.pptx
PPTX
ICT L2.pptx
PPTX
E-technology.pptx
PPTX
ICT L1 .pptx
IPv4 adressing
ICT L13 — копия.pptx
CN L8 — копия.ppt
SDT_L8 — копия.ppt
Cloud technology
CN L7 — копия.ppt
Лекция 1_ РЭС_Презентация — копия.pptx
CN L5 — копия.pptx
physical_layer.pptx
Physical.pptx
CN L5.pptx
CN L1 — копия.ppt
vlsisubsystemdesignprocessesandillustration-131101063110-phpapp02.pptx
ICT L5+.pptx
ICT L2.pptx
E-technology.pptx
ICT L1 .pptx
Ad

Recently uploaded (20)

PPTX
A Presentation on Artificial Intelligence
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Encapsulation theory and applications.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Cloud computing and distributed systems.
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Big Data Technologies - Introduction.pptx
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Approach and Philosophy of On baking technology
A Presentation on Artificial Intelligence
Advanced methodologies resolving dimensionality complications for autism neur...
Encapsulation theory and applications.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Cloud computing and distributed systems.
The Rise and Fall of 3GPP – Time for a Sabbatical?
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Encapsulation_ Review paper, used for researhc scholars
Chapter 3 Spatial Domain Image Processing.pdf
Understanding_Digital_Forensics_Presentation.pptx
CIFDAQ's Market Insight: SEC Turns Pro Crypto
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Network Security Unit 5.pdf for BCA BBA.
Spectral efficient network and resource selection model in 5G networks
Reach Out and Touch Someone: Haptics and Empathic Computing
Big Data Technologies - Introduction.pptx
Per capita expenditure prediction using model stacking based on satellite ima...
Approach and Philosophy of On baking technology

ICT L4.pptx

  • 2. Plan • User interface, as a means of human-computer interaction. Usability of Interfaces. • Types of interfaces: command line interface, text interface, graphical interface, natural-language user interface • Mental characteristics of the user. • Stages of user interface development. • Types of interface testing (user testing). • Prospects for the development of interfaces.
  • 3. User interface, as a means of human- computer interaction Human–computer interaction (HCI) researches the design and use of computer technology, focused on the interfaces between people and computers.
  • 4. USER INTERFACE The user interface (UI), in the industrial design field of human– computer interaction, is the space where interactions between humans and machines occur.
  • 6. Usability of interface Usability is the degree to which a software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use. Usability of interface consists of Learnability Efficiency Memorability Errors Satisfaction
  • 7. Types of interfaces • command line interface • text interface • graphical interface • natural-language user interface
  • 8. Command-line interface A command-line interface is a means of interacting with a computer program where the user (or client) issues commands to the program in the form of successive lines of text (command lines).
  • 9. Text-based user interface Text-based user interface (TUI) is a user interface where by all output is presented in the form of text.
  • 10. GRAPHICAL USER INTERFACE The graphical user interface (GUI ) is a type of user interface that allows users to interact with electronic devices through graphical icons and visual indicators such as secondary notation, instead of text-based user interfaces, typed command labels or text navigation.
  • 12. Natural-language user interface • Natural-language user interface (LUI or NLUI) is a type of computer human interface where linguistic phenomena such as verbs, phrases and clauses act as UI controls for creating, selecting and modifying data in software applications.
  • 13. mental characteristics of the user A mental model is a person’s intuitive understanding of how something functions based on his or her past encounters, exposure to information, and sound judgment.
  • 14. How People Form Mental Models Observation Immersive Experience Culture
  • 15. Prospects for the development of interfaces
  • 16. Mental Models and User Experience A mental model is a person’s intuitive understanding of how something functions based on his or her past encounters, exposure to information, and sound judgment.
  • 17. How People Form Mental Models Observation Observation is a crucial method of getting answers concerning people’s responses to their general surroundings. As individuals, we are well equipped to pick up detailed data about our environs through our senses.
  • 18. How People Form Mental Models Immersive Experience An immersive experience is one in which a user is totally caught up in a system. If the experience is a positive one, the user’s satisfaction may reach new heights. Immersive experiences stimulate our senses.
  • 19. How Understanding Mental Models Influences User-Interface Design Don Norman discusses mental models in his article “Some Observations on Mental Models,” in which he also considers conceptual models and theoretical models. Norman says, “Conceptual models are devised as tools for the understanding or teaching of physical systems. Mental models are what people really have in their heads and what guides their use of things.”
  • 20. How People Form Mental Models Culture People belonging to different cultures often have different mental models…. Culture plays a vital role in shaping human perceptions. Because people belonging to different cultures often have different mental models, the internationalization and localization of Web experiences that must address these cultural intricacies has always been challenging for designers.
  • 21. Tips from free designers • Try to learn something about users • Come up with your own characters • Brainstorm • Use common design patterns • Remember that we are all human, and we are all United by the same psychological principles
  • 22. Development stages of the user interface User Flow Diagram Brainstorming & Sketching Understanding the Project’s Concept Factors of influence Choosing and Creating the Preview Form Choosing the Style of the Interface Structure and Flow Validation Style Validation Design Validation
  • 25. Choosing the Style of the Interface
  • 26. Choosing and Creating the Preview Form • Wireframe
  • 27. Choosing and Creating the Preview Form • Mockup
  • 28. Choosing and Creating the Preview Form • Clickable Prototype
  • 29. Choosing and Creating the Preview Form • Animated UI Flow
  • 30. What is Interface Testing? Interface Testing is the testing done on AUT which actually verifies whether the communication between two different software systems are done correctly.
  • 31. Why to do Interface Testing Interface Testing is done • To ensure that end-users or customer should not encounter any problem when using a particular software product • To identify which application areas are usually accessed by end-users and to check its user-friendliness as well. • To verify security requirements while communication propagates between the systems • To check if solution is capable to handle network failures between application server and website
  • 32. Types of Interface Testing Вставить описание для текущего This include testing each system individually. For example, billing system and inventory management system for retail store should be able to operate separately. This is considered when testing include date, month and day reversed A high-volume interface may require more Load Testing than a low-volume interface, depending on the interface engine and connectivity infrastructure Individual systems Edge cases -unexpected values Performance, load, and network testing It ensures that the interface engine handles your standard workflows as expected. Workflow
  • 33. Jobs
  • 34. References • Information and Communication Technologies Part 1: Textbook/ D.Shynybekov. - Almaty: IITU, 2017. - 588 p. • Information and Communication Technologies Part 2: Textbook/ D.Shynybekov. - Almaty: IITU, 2017. - 624 p • June J. Parsons and Dan Oja, New Perspectives on Computer Consepts 16th Edition - Comprehensive, Thomson Course Technology, a division of Thomson Learning, Inc Cambridge, MA, COPYRIGHT © 2014. • Lorenzo Cantoni (University of Lugano, Switzerland)James A. Danowski (University of Illinois at Chicago, IL,USA) Communication and Technologies, 576 pages • Craig Van Slyke Information Communication Technologies: Concepts, Methodologies, Tools, and Applications (6 Volumes)/ ISBN 13: 9781599049496, 2008, Pages: 4288 • Utelbaeva A.K.,Utelbaeva A.K. Study guide for lectures on discipline “Computer science”, Shimkent 2008, 84 pages.
  • 35. Control Questions What is included in the concept of man-machine interface? List the main means of man-machine interface. Are there any fundamentally new breakthroughs in the development of human-machine interface? Describe them. Is there any effective speech recognition system available? What are the shortcomings of speech recognition systems? What does ergonomics study?