1 Lecturer - 1 - New - p1

Web Design
Fundamentals
Fall 2024/2025
Web Design
Fundamentals
 C o u r s eO u t l
• iO n
v ee
r v:i e w of Human Computer interacti
on.
• Capabilities of human Being.
• Know the User. and navigation
• Visual O r g a n i z a t i o. n
• Prototyping.
• Accessibility.
• Globalization and Trus
• Personalizationt.
• Evaluation methods
Aim of the Course
• This course introduces the User-
interface Design Methodologies,
students will be able to design,
implement and evaluate effective
computer interfaces.
Student Assessment Methods
Assessment Time Grade
Method Distribute
Mid-Term 7th week
30%
Examination
Final-term End of Semester

40%
Examination
Lab 12th week
25%
Participating in class All over the
term 5%
Chapter Highlights
• Definition of Human Computer Interaction.
• List goals of HCI.
• Illustrate the user-centered development
methodology
Human-Computer
Interaction
•Which means …
•To be able to DESIGN (How it should work and
look): How the user interaction and experience
should work and look?
•To be able to SELECT (Choosing the best
interaction design for a purpose)::
•What user interaction design is best for a given
purpose in a context?
•To be able to EVALUATE (Assessing how effective
the interaction is):
•How good a specific user interaction is?
Definition of Human Computer
Interaction.
• Human Computer Interaction, or
HCI, is the study, planning, and
design of what happens when you
and a computer work together.
• As its name implies, HCI
consists of three parts: the user,
the computer itself, and the
ways they work together
Interaction.
• Human Computer Interaction is a discipline concerned
with the design, evaluation and implementation of
interactive computer systems for human use and with
the study of major phenomena surrounding them
Interaction.
• “ It is a wide variety of different kind of people
and not just technical specialists as in the past,
so it is important to design HCI that supports
the needs, knowledge and skills of the intended
users”
The User
•Single or group of users working

together in an organization, each
•involved with some part of the job
or development.
•People like designs that grab
their attention. Designers must
decide how to make products
attractive without distracting users
from their tasks.
The User
• An appreciation of the way people's
sensory systems (sight, hearing,
touch) relay information is vital.
• Also, different users form different
conceptions or mental models about
their interactions and have different
ways of learning and keeping
knowledge. In addition, cultural and
national differences play an
important part.
The Computer
Any technology Even a process

ranging from desktop control or an
computers, to large embedded system
scale computer could be classed as
systems. the computer.
• The Computer
• For example, if we were discussing

the design of a Website, then the
Website itself would be
referred to as "the computer".
Devices such as mobile phones can
also be considered to be computers‖.
The Interaction
• There are obvious differences between humans and
machines.
• HCI aim to ensure that they both get on with each other and
interact
•successfully.
• In order to achieve a usable Website, you need to apply what
you know
about humans and computers.
• Consult with likely users throughout the design process.
• Find a reasonable balance between what can be done within
the schedule
•and budget, and what would be ideal for your users.
Question
• What are goals of

HCI?
5
Minutes
The Goals of HCI
The goals of HCI are to produce usable and safe systems, as well
as functional systems. Usability is concerned with making systems
easy to learn and easy to use .In order to produce computer system
with good usability developers must attempt to:
• Understand the factors that determine how people use
technology
• Develop tools and techniques to enable building suitable systems
• Achieve efficient, effective and safe interaction
• Put user first
HCI is a design that should
produce a fit between the
user, the machine and the
required services in order to
achieve a certain performance
both in quality and optimality
of the services.
Determining what makes a
certain HCI design good is
Considerati mostly subjective and context

dependent.
ons in HCI The available technology

could also affect how different
types of HCI are
designed for the same
purpose. One example is
using commands, menus,
graphical user interfaces
(GUI), or virtual reality to
access functionalities of any
given computer
What is User Centered Design?
• User-centered design (UCD) is an iterative
design process in which designers focus on
the users and their needs in each phase of
the design process. In UCD, design teams
involve users throughout the design process
via a variety of research and design
techniques, to create highly usable and
accessible products for them.
• What is User Centered Design?
In user-centered design, designers use a
mixture of investigative methods and tools
(e.g., surveys and interviews) and
generative ones
(e.g., brainstorming) to develop an
understanding of user needs.
User-centered design is an iterative process that focuses on an
understanding of the users and their context in all stages of design
and development.
Generally, each iteration of the UCD approach involves four distinct
phases.
First, as designers working in teams, we try to understand the context
in which
users may use a system. Then, we identify and specify the users’
requirements. A design phase follows, in which the design team
develops solutions. The team then proceeds to an evaluation phase.
Here, you assess the outcomes of the evaluation against the users’
context and requirements, to check how well a design is performing.
More specifically, you see how close it is to a level that matches the
users’ specific context and satisfies all of their relevant needs. From
here, your team makes further iterations of these four phases, and you
continue until the evaluation results are satisfactory

1 Lecturer - 1 - New - p1

Uploaded by

Copyright:

Available Formats

1 Lecturer - 1 - New - p1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

1 Lecturer - 1 - New - p1

Uploaded by

Copyright:

Available Formats

Web Design

Final-term End of Semester

•Single or group of users working

Any technology Even a process

• For example, if we were discussing

• What are goals of

Considerati mostly subjective and context

ons in HCI The available technology

You might also like