uNIT 1 2
uNIT 1 2
Interaction 1
The Human
In 1983, Card, Moran and Newell described the Model Human
Processor: a simplified view of the human processing involved in
interacting with computer systems. MHP comprises 3 subsystems: the
perceptual system, the motor system and the cognitive system. Each
of them has a processor and memory. MHP also includes a number of
Principles of operation which dictate the behavior of the system
under certain conditions
Sensory Reception
Examples:
•Typing on a keyboard.
•Catching a ball.
Cognitive System Information Processing
The cognitive system is responsible for Formulates plans for movement based on sensory
input and cognitive decisions.
mental processes such as thinking,
learning, memory, problem-solving, Memory Storage and Retrieval
decision-making, and language
Carries out movements through muscle
comprehension. It involves higher-order contractions.
Examples:
•Recalling a phone number just long enough to enter it into your
contacts.
•Remembering the details of a conversation that just happened.
3. Long-Term Memory
Long-term memory stores information over extended periods,
ranging from hours to a lifetime. It has a vast capacity and can retain
a variety of information, including facts, experiences, and skills.
Examples:
•Recalling your first day at school.
•Knowing how to ride a bicycle.
•Remembering the capital of a country.
Laboratory Activity 1
Instruction:
Choose a Website Theme:
Decide on the theme or purpose of the website you will design. It could be a personal blog, an e-commerce site, a news portal, etc.
Navigation Design:
•Clearly indicate the navigation structure. Show how users will move from one page to another.
Evaluation Criteria:
•Clarity and completeness of the layout. -10points
•Appropriateness of navigation and content organization. – 10points
•Creativity and adherence to design principles. – 10points
The Computer
The computer interaction process involves transferring information
between humans and computers. This interaction can occur through
various devices, reflecting the diversity of data types and users. In the
past, computers processed large amounts of data all at once, a
method known as batch processing. However, modern computers
can respond almost instantly and are integrated into many different
devices, allowing for more dynamic and immediate interactions
1. Text Entry Devices
• The alphanumeric keyboard
• Chord keyboards
• Phone pad and T9 entry
• Handwriting recognition
• Speech recognition
2. Positioning, pointing and drawing
• The mouse
• Touchpad
• Trackball and thumbwheel
• Joystick and keyboard nipple
• Touch-sensitive screens (touchscreens)
• Stylus and lightpen
• Digitizing tablet
• Eyegaze
• Cursor keys and discrete positioning
3. Display Devices
3.2 Technologies
In a CRT-monitor(Cathode-ray tube) a stream of
electrons is emitted from an electron gun, which is than
focused and directed by magnetic fields. As the beam
hits the phosphor-coated
screen, the phosphor is excited by the electrons and
glows. Flicker can be reduced by increasing the
scanning rate or by interlacing, in which odd lines are
scanned first, followed by even lines. In LCD’s(Liquid
Crystal Display) a thin layer of liquid crystals is
sandwiched between two glass
plates. External light passes through the top plate and
is polarized. This passes through the crystal and is
reflected back to the user’s eye by the bottom plate.
3. Display Devices
3D displays
3D can be displayed on normal screens using
shadows, depth etc. It is also possible to generate the
natural stereoscopic images for both eye positions and
have them delivered to he eyes using a VR-helmed.
Finally, users can enter a VR cave, where the VR world
is projected around them. If the VR-system
performances too slow, and there is a delay between
movement and image, disorientation and sickness may
occur.
5. Physical controls, sensors and special devices
Special displays
Except for CRT and LCD, there are
numerous other display devices, e.g.
LED’s, gauges, dials and head-up
displays.
5. Physical controls, sensors and special devices
Sound output
We do not yet know how to utilize sound in a sensible way to
achieve maximum effects and information transference in HCI.
However, by having sounds confirm a right action, we can
speed up interaction.
5. Physical controls, sensors and special devices
Printing
The most common printers nowadays are dot-based. In
order of increasing resolution, familiar types are dot-
matrix printers, ink-jet printers and laser printers.
6. Paper: printing and scanning
Compression
Compression techniques can be used ti reduce the amount of
storage required for text, bitmaps and video.
8. Processing and networks
Network computing
Networked systems have an effect on interactivity, because the
large distances may cause a noticeable delay in response from the
system. The actions of other users may also infuence your own
interaction with the connected computers.
The Interaction
There are a number of ways in which the user can communicate with the
system: input, direct manipulation, virtual reality etc.
The Terms of Interaction
Terms of Interaction define the specific elements and processes involved in the
interaction between a user and a system. They outline the fundamental
components that need to be considered to create a meaningful and effective
interaction
The Terms of Interaction
User: The person who interacts with the system. Understanding the user's goals,
skills, and needs is crucial for designing effective interactions.
The Terms of Interaction
System: The technological component or interface with which the user interacts.
This can be anything from a simple website to a complex software application.
The Terms of Interaction
Input: The actions or commands that the user provides to the system. Input can
be in the form of clicks, typing, gestures, voice commands, or other interactions.
The Terms of Interaction
Output: The responses or feedback the system provides to the user based on
their input. This can include visual changes on the screen, audio feedback, haptic
responses, etc.
The Terms of Interaction
Feedback: A specific type of output that informs the user about the result of
their action. Good feedback is immediate and clear, helping the user understand
what has happened as a result of their input.
The Terms of Interaction
Task: The objective that the user is trying to achieve through the interaction.
Understanding the task helps in designing a system that effectively supports the
user's goals.
The Terms of Interaction
Control: The degree of freedom the user has over the system. This includes how
much the user can influence the system's behavior and how much the system
guides or restricts the user’s actions.
Interaction design basics
design refers to the process of creating and shaping the way humans
interact with computers and digital systems. It involves understanding
users, their needs, and their behaviors to create interfaces and
interactions that are effective
During design, always concentrate on the user.
The process of design:
• Requirements: Through observations and interviews, the features of the
system to be designed are mapped.
• Analysis: Through various methods, the gathered requirements are
ordered to bring out key issues.
• Design: Various design guidelines help you to move from what you want
to how to do it. They are discussed in other chapters and sections.
• Iteration and prototyping: Try out early versions of the system with real
users.
• Implementation and deployment: writing code, documentation and
make
Once more: gather as much information as possible about the future users of
the system.
Appropriate appearance
The way of presenting information on screen depends on the kind
of information, the technologies available to present it and the
purpose for which it is used.
What HCI is and Why It Is Important
Improves Usability:
•HCI is crucial for designing interfaces that are easy to use and learn.
Good usability reduces the time and effort required for users to complete
tasks, leading to a more efficient interaction with technology.
HCI Is Important
Increases Accessibility:
•HCI promotes the design of technology that is accessible to all users,
including those with disabilities. This ensures that technology is inclusive
and can be used by a diverse population.
HCI Is Important
Economic Impact:
•Products that are easier and more pleasant to use are more likely to
succeed in the market. Investing in HCI can lead to better customer
retention, fewer support calls, and lower development costs by catching
usability issues early in the design process.
HCI Is Important
Economic Impact:
•Products that are easier and more pleasant to use are more likely to
succeed in the market. Investing in HCI can lead to better customer
retention, fewer support calls, and lower development costs by catching
usability issues early in the design process.
Principles of HCI
Know the User
•Understand who the users are, their goals, skills, preferences, and
limitations.
•Conduct user research to gather insights into their behaviors and
needs, ensuring the design is tailored to the intended audience.
•Analyze the tasks that users need to perform with the system.
•Analyze the tasks that users need to perform with the system.
•Ensure the system supports these tasks efficiently, focusing on how users accomplish their goals.
•Ensure the system supports these tasks efficiently, focusing on how users accomplish their goals.
Visibility
Ensure that important elements are visible and accessible. Users should
easily perceive available actions, system status, and possible outcomes.
Visibility supports usability by minimizing confusion and reducing the
need for user memory.
Principles of Design
Feedback
Provide timely and meaningful feedback for every user action. This helps
users understand the result of their interactions, whether successful or
incorrect, and enables them to adjust their behavior accordingly
Principles of Design
Consistency
Maintain consistency in interface design elements such as layout,
terminology, behavior, and colors. This makes it easier for users to predict
outcomes and learn the system. Both internal and external consistency
(across other similar systems) are crucial.
Principles of Design
Affordance
Design elements should indicate how they are used. For instance,
buttons should look clickable, sliders should suggest movement, and
input fields should invite typing. Affordances help users understand how
to interact with the interface intuitively.
Principles of Design
Learnability
The system should be easy to learn, especially for first-time users. Good
designs reduce the learning curve by providing intuitive interactions and
clear instructions.
Principles of Design
Simplicity
Keep the interface simple by removing unnecessary elements and
focusing on the most important actions or information. Overloading
users with too much information or too many choices can reduce
usability.
Principles of Design
Efficiency of Use
Once users have learned the system, it should allow for efficient use. This
can be achieved through shortcuts, automation, or customization that
lets experienced users perform tasks faster.
Principles of Design
User-Centered Design
Interfaces are created with the user's needs, preferences,
and goals in mind.
Good Design
Accessibility
Interfaces are designed to be usable by people with a wide
range of abilities, including those with disabilities.
Poor Design
Poor Design
Inconsistent Design
Overloading the interface with too many features or
options confuses users and makes navigation difficult.
Poor Design
Lack of Feedback
Users don’t receive any indication of whether their actions
were successful or not.
Poor Design
Ignoring Accessibility
Not considering users with disabilities can exclude a
significant portion of the population.
Example: A website with small fonts, low contrast, or no keyboard navigation options, making it
difficult for visually impaired users.
Interaction Design
What is Interaction Design?
Interaction design (IxD) is a field of design that focuses on
creating engaging interfaces and meaningful interactions
between users and products or systems. It aims to improve
the way people interact with digital and physical products,
ensuring that the interaction is intuitive, efficient, and
enjoyable.
Principles of Interaction Design
Discoverability
•Ensuring that users can easily discover available functions
and understand how to interact with the product.
Principles of Interaction Design
Learnability
•Making the system easy to learn, allowing users to quickly
grasp its operation, and offering clear guidance when
needed.
Principles of Interaction Design
Feedback
•Providing users with continuous information about their
actions and system status. For example, a loading spinner
or confirmation message.
Principles of Interaction Design
Simplicity
•Minimizing complexity by presenting only the necessary
information and features to users at the right time.
Principles of Interaction Design
Error Prevention and Recovery
•Designing the interaction to prevent user errors and
providing ways to easily recover from mistakes, such as an
undo feature or clear error messages.
What is User Experience (UX)?
User Experience (UX) refers to how a person feels when
interacting with a system, product, or service. In the
context of HCI, UX encompasses all aspects of the user's
interaction with the computer system, including the
interface, performance, accessibility, and emotional impact.
Key aspects of UX:
•Usability: How easy and efficient it is to use the system.
•Satisfaction: The emotional response of the user
(pleasure, frustration, etc.).
•Utility: The system’s ability to provide useful functions.
•Accessibility: How easy it is for users of all abilities to
interact with the system.
•Findability: How easy it is for users to find what they need
in the system.
The Process of Interaction Design