Scribd
Upload
50 views25 pages

U - C D - P2: EB Rogramming

User-centered design focuses on the needs and capabilities of users. Websites should be optimized for quick navigation via keyboard and minimize mouse travel between links to reduce effort. Designers must consider the user's environment, including location and device, and ensure accessibility for all. Websites benefit from catering to novice, power, and intermediate users but should aim primarily for intermediates. To build usable sites, designers should focus on users, conduct testing and interviews, and measure both qualitative user satisfaction and quantitative metrics like task completion times.

Uploaded by

Nora
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
50 views25 pages

U - C D - P2: EB Rogramming

User-centered design focuses on the needs and capabilities of users. Websites should be optimized for quick navigation via keyboard and minimize mouse travel between links to reduce effort. Designers must consider the user's environment, including location and device, and ensure accessibility for all. Websites benefit from catering to novice, power, and intermediate users but should aim primarily for intermediates. To build usable sites, designers should focus on users, conduct testing and interviews, and measure both qualitative user satisfaction and quantitative metrics like task completion times.

Uploaded by

Nora
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

WEB PROGRAMMING

USER-CENTERED DESIGN-P2

Alaa Khalaf Hamoud


2021-06-24
Contents
3.4.5 Movement Capabilities
3.5 The User’s World
3.6 User Environments
3.7 General Types of Users
3.8 Accessibility
3.9 Building a Usable Site
3.4.5 Movement Capabilities
• Navigate website.
3.4.5 Movement Capabilities
• Minimize user efforts using these devices.
• Pages should optimized for quick
navigation via the keyboard.
• Moving the pointer around the screen
takes effort, and a button or link press
may take up to a few seconds if a user has
to move a long distance or focus on
clicking a very small button.
3.4.5 Movement Capabilities
• Fitt’s law basically states that the smaller the
button to press and the farther away it is,
the longer it will take to perform the action.
• Minimize mouse travel distance between
successive choices).
3.4.5 Movement Capabilities
3.4.5 Movement Capabilities
• Solve navigation issue (back or browser
back button).

• Make clickable regions large enough for


users to move to them quickly and
press them accurately.
3.5 The User’s World
• Users of a web site are affected by their
environment.
• Location, the noise around them, and
visual quality of the monitor they are
using, and so on.
• Medium of the Internet and the Web,
which includes things like network
connections, servers, browsers, and so on.
3.5 The User’s World
• Each user will have his or her own
opinions, capabilities, environment,
and experiences, all of which will
influence how the site is interpreted.
• A fine balance between what the user
thinks and wants and what the designer
thinks and wants.
3.6 User Environments
• Influenced by what could be called their
environment of consumption.
• When designing for users, always think
about where the user is accessing the
site from?
• Designers must take into account the
environment of consumption.
3.7 General Types of Users
• Novice User
3.7 General Types of Users
• Power User
3.7 General Types of Users
• Intermediate User.
3.7 General Types of Users
• Provides features that cater to all users.
• Provide keyboard shortcuts and other
features, such as customizable
interfaces.
• Help systems and wizards are other
features mostly geared toward the
novice user.
3.7 General Types of Users
• It is probably best to aim for the largest
group of users: the intermediate.
• Some individuals may have disabilities
that prohibit them from using a Web
site that most users find easy to use.
• They may expect to use symbols from
the real world, such as those for
navigation.
3.8 Accessibility
• Making your site as accessible as possible.
3.8 Accessibility
• Assuming that all users have perfect
physical and technical capabilities is
wrong.
• Providing accessibility for people who may
have deficiencies involving sight, hearing,
or other physical capabilities isn’t just a
nice idea anymore it may actually be
required for some organizations.
3.9 Building a Usable Site
• Focus from the beginning on the users of the
application
3.9 Building a Usable Site
• Try to ask the users about their needs but
don’t fall in user trap.
3.9 Building a Usable Site
• You are NOT the user and Users are NOT
designers.
You

Designer User
3.9 Building a Usable Site
• You might consider interviewing them or
giving a survey.
3.9 Building a Usable Site
• Build a prototype site, or just a set of simple
diagrams on paper of how pages might look,
and test it out with users, and Perform user
testing early and often.
3.9 Building a Usable Site
• After tests and interviews (qualitative and
quantitative measurements).
• Qualitative measures include user
satisfaction about using website.
• Quantitative measures include number of
mistakes made during a task, the amount of
mouse travel, and the time it takes to
perform a task.
Questions
• What Fit’s Law suggests?
• How to solve navigation problems?
• How environment of consumption affect the success
of website?
• How user environment affect the website design?
• How to ensure that your website is accessible?
• Define novice, power, and intermediate users?
• List three suggestions to design a usable website?
• What is the difference between qualitative and
quantitative measurements?
End of Chapter Three-P2

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy