Human Computer Interaction (HCI) Lecture Notes PDF

10/21/2024 Human Computer Interaction (HCI) Dr.Mohamed Moustafa Associate Professor , Computers and Artificial Intelligence CIO – DMU,SAS,MS 1 Class Rules You can do anything except:...

10/21/2024 Human Computer Interaction (HCI) Dr.Mohamed Moustafa Associate Professor , Computers and Artificial Intelligence CIO – DMU,SAS,MS 1 Class Rules You can do anything except: Make noises (chatting, singing…) Feel free to interrupt me if you have questions. According to the university policy, taking attendance is needed. Important: you are required to have an 80% attendance to be able to seat for the final exam. 2 2 1  10/21/2024 Course Assessment  Temporary according to the situation:  Final exam:50%  Assignment:20%,individually  Project:30%,2-3 members per group,report and presentation are required.  Important: cheating and plagiarism will get no marks. 3 A few suggestions…. Your final grade is based on points – not on an accumulation of grades. You start the class with zero points and earn your way to your final grade If you have an issue or problem, communicate – send me an email If you know you’re not going to meet the deadline for a quiz or assignment – email me BEFORE the deadline 4 4 2  10/21/2024 Introduction to Human-Computer Interaction (HCI) 5 Human–Computer Interaction Human–computer interaction, HCI, is the study of how people interact with computers 6 3  10/21/2024 Human–Computer Interaction The Association for Computing Machinery defines human-computer interaction as "a discipline concerned with the design, evaluation, and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them." 7 Human–computer interaction (HCI) Human–computer interaction (HCI) is the study of interaction between people (users) and computers. 8 4  10/21/2024 Human–computer interaction (HCI) It is often regarded as the intersection of computer science, behavioral sciences, design and several other fields of study. Interaction between users and computers occurs at the user interface (or simply interface), which includes both software and hardware, for example, general-purpose computer peripherals. 9 Human–computer interaction (HCI) Because human-computer interaction studies a human and a machine in conjunction, it draws from supporting knowledge on both the machine and the human side. On the machine side, techniques in computer graphics, operating systems, programming languages, and development environments are relevant. On the human side, communication theory, graphic and industrial design disciplines, linguistics, social sciences, cognitive psychology, and human factors are relevant. 10 5  10/21/2024 Importance of HCI A basic goal of HCI is to improve the interactions between users and computers by making computers more usable and receptive to the user's needs. 11 Specifically, HCI is concerned with: Methodologies and processes for designing interfaces Methods for implementing interfaces (software; algorithms) Techniques for evaluating and comparing interfaces Developing new interfaces and interaction techniques Developing descriptive and predictive models and theories of interaction 12 6  10/21/2024 Professional practitioners in HCI are usually revolvesaround designing graphical user interfaces and web interfaces. Researchers in HCI are interested in developing new design methodologies, experimenting with new hardware devices, prototyping new software systems 13 Design principles When evaluating a current user interface, or designing a new user interface, it is important to keep in mind the following experimental design principles: 1. Focus on user(s) and task(s) 2. Empirical measurement 3. Iterative design 14 7  10/21/2024 Design principles Focus on user(s) and task(s) how many users are needed to perform the task(s) who are the appropriate users define the task(s) the users will be performing and how often the task(s) need to be performed. 15 Design principles Actual measurement Test the interface early on with real users Keep in mind that results may be altered if the user's performance level does not accurately represent the real human-computer interaction. Establish quantitative usability specifics: number of users performing the task(s) time to complete the task(s) number of errors made during the task(s) 16 8  10/21/2024 Design principles Iterative design: After determining the users, tasks, and empirical measurements to include, perform the following iterative design steps: Design the user interface Test Analyze results Repeat Repeat the iterative design process until a sensible, user-friendly interface is created 17 Design methodologies Most design methodologies stem from a model for how users, designers, and technical systems interact. User-centered design Principles of User Interface Design 18 9  10/21/2024 Design methodologies User-centered design: UCD is modern and rooted in the idea that users must take center stage in designing any computer system. Users, designers and technical practitioners work together to express the wants, needs and limitations of the user and create a system that addresses these elements. End-users contribute actively through shared design sessions and workshops. 19 Principles of User Interface Design Principles of User Interface Design: principles to be considered during the design of a user interface: Tolerance Simplicity Visibility Affordance Consistency Structure Feedback 20 10  10/21/2024 Display Design Displays are designed to support the perception of relevant system variables and to facilitate further processing of that information. Before a display is designed, the task that the display is intended to support must be defined (e.g. navigating, controlling, decision making, learning, entertaining, etc.). A user or operator must be able to process whatever information that a system generates and displays. 21 Thirteen Principles of Display Design These principles can be utilized to create an effective display design. A reduction in errors, a reduction in required training time, an increase in efficiency, and an increase in user satisfaction are a few of the many potential benefits that can be achieved through these principles. 22 11  10/21/2024 Thirteen Principles of Display Design These principles can be categorizes into: Perceptual principles Mental Model Principles Principles Based on Attention Memory Principles 23 Thirteen Principles of Display Design These principles can be categorizes into: Perceptual principles Make displays legible (understandable ) Avoid absolute judgment limits Top-down processing Redundancy gain Similarity causes confusion: Mental Model Principles Principles Based on Attention Memory Principles 24 12  10/21/2024 1. Perceptual Principles Make displays legible (clear-understandable) – If the characters or objects being displayed cannot be clear, then the operator cannot effectively make use of them. Avoid absolute judgment limits – Do not ask the user to determine the level of a variable on the basis of a single sensory variable (e.g. color, size, loudness). These sensory variables can contain many possible levels. 25 1. Perceptual Principles Top-down processing –Signals are perceived and interpreted in accordance with what is expected based on a user’s past experience.. Redundancy gain If a signal is presented more than once, it will be understood correctly. This can be done by presenting the signal in alternative physical forms (color , shape, voice and print) 26 13  10/21/2024 1. Perceptual Principles Similarity causes confusion: Use discriminable elements Signals that appear to be similar will likely be confused. For example, A423B9 is more similar to A423B8 than 92 is to 93. Unnecessary similar features should be removed and dissimilar features should be highlighted. 27 Thirteen Principles of Display Design These principles can be categorizes into: Perceptual principles Mental Model Principles Principle of pictorial realism Principle of the moving part Principles Based on Attention Memory Principles 28 14  10/21/2024 2. Mental Model Principles Principle of pictorial realism A display should look like the variable that it represents like it would in the represented environment. Principle of the moving part Moving elements should move in a pattern and direction compatible with the user’s mental model of how it moves in the system(altimeter should move upward) 29 Thirteen Principles of Display Design These principles can be categorizes into: Perceptual principles Mental Model Principles Principles Based on Attention Minimizing information access cost Proximity compatibility principle Principle of multiple resources Memory Principles 30 15  10/21/2024 3. Principles Based on Attention Minimizing information access cost When the user’s attention is moved from one location to another there is an associated cost in time or effort. Proximity compatibility principle Divided attention between two information sources may be necessary for the completion of one task. Principle of multiple resources A user can more easily process information across different resources. For example, visual and auditory information can be presented simultaneously 31 Thirteen Principles of Display Design These principles can be categorizes into: Perceptual principles Mental Model Principles Principles Based on Attention Memory Principles Replacememory with visual information Principle of predictive aiding Principle of consistency 32 16  10/21/2024 4. Memory Principles Replace memory with visual information: A user should not need to retain or retrieve important information from memory. A menu or checklist help the user by easing the use of their memory. Principle of predictive aiding: A display should attempt to eliminate resource-demanding cognitive tasks and replace them with simpler perceptual tasks to reduce the use of the user’s mental resources. (e.g. progress bar) Principle of consistency: Old habits from other displays will easily transfer to support processing of new displays if they are designed in a consistent manner. 33 Future developments Decreasing hardware costs Miniaturization of hardware leading to portability Reduction in power requirements leading to portability New display technologies leading to the packaging of computational devices in new forms Specialized hardware leading to new functions Increased development of network communication and distributed computing Increasingly widespread use of computers Increasing innovation in input techniques (i.e., voice, gesture, pen) 34 17  10/21/2024 The future for HCI is expected to include the following characteristics: Ubiquitous communication: Data and computational services will be portably accessible from many if not most locations to which a user travels. High functionality systems: Systems will have large numbers of functions associated with them Mass availability of computer graphics: Computer graphics and interactive animation will become widespread. 35 Mixed media: Systems will handle images, voice, sounds, video, text, formatted data. High-bandwidth interaction: High rate of interaction due to the changes in speed and new input/output devices leading to different interfaces, such as virtual reality. Large and thin displays: Large displays, thin, light weight, and low power consumption. This will increase portability and will enable the development of paper-like, pen-based computer interaction systems. 36 18  10/21/2024 Embedded computation: The environment will be alive with little computations from computerized cooking appliances to lighting and plumbing fixtures to window blinds to automobile braking systems to greeting cards. Networked communications that will allow many of these embedded computations to coordinate with each other and with the user. Augmented reality: Refers to the notion of layering relevant information into our vision of the world. It might include augmenting our social interactions by providing additional information about those we converse with. 37 Group interfaces: Interfaces to allow groups of people to coordinate will be common (meetings). User Tailorability: Ordinary users will routinely tailor applications to their own use and will use this power to invent new applications based on their understanding of their own domains. Information Utilities: Public information utilities (home banking and shopping) and specialized industry services (weather for pilots) will continue to grow. 38 19  10/21/2024 Human–Computer Interface The human–computer interface can be described as the point of communication between the human user and the computer. The flow of information between the human and computer is defined as the loop of interaction. The loop of interaction has several aspects to it including: Task Environment: The conditions and goals set upon the user. Machine Environment: The environment that the computer is connected to, i.e a laptop in a college student's dorm room. 39 Human–Computer Interface Areas of the Interface: Non-overlapping areas involve processes of the human and computer not pertaining to their interaction. Meanwhile, the overlapping areas only concern themselves with the processes pertaining to their interaction. Input Flow: Begins in the task environment as the user has some task that requires using their computer. 40 20  10/21/2024 Human–Computer Interface Output: The flow of information that originates in the machine environment. Feedback: Loops through the interface that evaluate, moderate, and confirm processes as they pass from the human through the interface to the computer and back. 41 21