1 human computer interaction week 10 web usability
TRANSCRIPT
![Page 1: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/1.jpg)
1
Human Computer Interaction
Week 10Web Usability
![Page 2: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/2.jpg)
2
Introduction
Usability rules the Web The Web is the ultimate customer
empowering environment All the competitors (Other Web
Sites) in the world are but a mouse-click away
![Page 3: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/3.jpg)
3
Fundamental Errors in Web Design (1)
Business Model Treating the Web as a Marcom brochure
instead of a fundamental shift that changes the way of conducting business.
Project Management Managing a Web project as a traditional
project, leads to an internally focused design. Instead, a website should be managed as a single customer-interface project.
![Page 4: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/4.jpg)
4
Fundamental Errors in Web Design (2)
Information Architecture Structuring the site to mirror the company’s
structure. Instead, the site should be structured to mirror the users’ tasks and their views of the information space.
Page Design Creating gorgeous demo pages, resulting in
response-time delays. Instead, design for an optimal user experience even your demo will be less “cool”.
![Page 5: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/5.jpg)
5
Fundamental Errors in Web Design (3)
Content Authoring Writing in linear style. Instead write in a
new style that is optimized for online readers who frequently scan text.
Linking Strategy Treating your site as the only one.
Instead, remember that hypertext is the foundation of the Web and that no site is an island.
![Page 6: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/6.jpg)
6
Web Usability Page Design
The most immediately visible part of web design.
Content Design Users visit your website for its content.
Everything else is just the backdrop. Site Design
Never explicitly represented on the screen. But from a usability perspective, site design is more challenging.
![Page 7: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/7.jpg)
7
Web pages should be dominated by content of interest to the user.
Many sites spend more screen space on navigation than they do on the information.
Navigation is a necessary evil that is not a goal and should be minimized.
Page Design (1)
![Page 8: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/8.jpg)
8
Page Design (2)
![Page 9: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/9.jpg)
9
Page Design (3)
Designer have to be considerate of users with small screens, but there is no need to suffer in your own use of the Web.
Users are rarely on a site to enjoy the design; instead, they prefer to focus on the content.
![Page 10: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/10.jpg)
10
Page Design (4)
Simplicity should be the goal of page design.
Ensure that page designs work across a wide range of platforms and they can be accessed by people who use old technology.
![Page 11: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/11.jpg)
11
Content Design (1) Ultimately, users visit your website
for its content. Everything else is just the backdrop.
The design is there to allow people access to the content.
Analogy: When people leave the theatre, they are discussing how great the play was and not how great the costumes were.
![Page 12: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/12.jpg)
12
Content Design (2)
When users get to a new page, they look immediately in the main content area of the page and scan it for head lines and other indications of what the page is about.
![Page 13: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/13.jpg)
13
Guidelines for Writing for Web
The main guidelines: Be succinct. Write for scannability. Use hypertext.
![Page 14: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/14.jpg)
14
Site Design (1)
The site itself is never explicitly represented on the screen.
From a usability perspective, site design is more challenging and usually also more important than page design.
![Page 15: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/15.jpg)
15
Site Design (2)
“Under Construction”
![Page 16: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/16.jpg)
16
Site Design (3)
All websites are always under construction.
Don’t tell users what you don’t have. That’s only frustrating.
Don’t release a partially finished website.
![Page 17: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/17.jpg)
17
Home Page
Home page is the flagship of the site and should be designed differently from the remaining pages.
Should share the same style but there are differences.
Don’t have a Home button. Should have a larger logo, company
name, or site name.
![Page 18: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/18.jpg)
18
The Goal of Home Page
Answering two questions:1. Where am I?2. What does this site do?
![Page 19: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/19.jpg)
19
Three Features of Home Page
Main Content Areas (Navigation) Summary of the most important
news or promotions Search feature.
![Page 20: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/20.jpg)
20
Navigation
The Web is a navigational system. The basic interaction is mouse clicking. Navigation interfaces need to help
users answer the three fundamental questions:1. Where am I?2. Where have I been?3. Where can I go?
![Page 21: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/21.jpg)
21
Site Structure
Hierarchical Structure Tabular Structure Linear Structure
![Page 22: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/22.jpg)
22
Search Capabilities
Nielsen (2000): 50% search-dominant users. 20% link-dominant users. The rest are mixed-behavior users.
![Page 23: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/23.jpg)
23
Summary
Simplicity. HOME-RUN Websites:
(H)igh-quality content (O)ften updated (M)inimal download time (E)ase of use (R)elevant to users’ needs (U)nique to the online medium (N)etcentric corporate culture
![Page 24: 1 Human Computer Interaction Week 10 Web Usability](https://reader031.vdocuments.us/reader031/viewer/2022020117/56649ecf5503460f94bdce26/html5/thumbnails/24.jpg)
24
Further Reading
Nielsen, J. 2000, Designing Web Usability: The Practice of Simplicity, New Riders Publishing