Functional and Usable Design
Functional and Usable Design –
HCI and Writing Web Content
Functional and Usable Design –
HCI and Writing Web Content Pt 2.
Functional and Usable Design – Browser Compatibility
Functional and Usable Design – Browser Compatibility Pt.2
1

A functional Web site renders without error and functions as expected:

  • All internal and external links work

1

Learnability definition  

How easy it is for people to use the first time they try

1

Writing Tips for the Web: Pt.1

  • Do not use industry jargon or slang

1

what should they be tested on

A variety of browsers

1

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities. Pt.4

  • Provide alternative text description for images and other visual elements.

200

A functional Web site renders without error and functions as expected:     Pt.2

  • All forms of interactivity function

200

Efficiency definition 

Once users are familiar with the design, how quickly can they do what they want or need to do?

200

Writing Tips for the Web: Pt.2

  • Be cautious using humor or clever headings

200

what do devises verify

that they display consistently

200

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities Pt.5

  • Summarize tables and provide headings as appropriate for line-by-line reading.

300

A functional Web site renders without error and functions as expected:   Pt.3


A functional Web site renders without error and functions as expected:


300

Memorability definition

If someone doesn't use the design for some time, how easy will it be for them to become familiar with it again?

300

Writing Tips for the Web: Pt.3

  • Write headings that clearly communicate                               the content of the Web page or subtopic

300

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities. Pt.1

  • Provide text links as an alternative to image links.

300

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities. Pt.6

  • Provide transcripts for audio and captioning for video.

400

Usability assesses how easy a user interface is to use. Measures the quality of a person’s experience while interacting with a Web site.


  • Anticipate and responds to the needs of visitors (FAQ)

400

Errors definition

  • How many errors users make, how quickly do they recover from them and how much trouble is it to fix? 

400

Writing Tips for the Web: Pt.4

  • Do not underline text or headings. They may be confused for hyperlinks



400

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities. Pt.2

  • Choose a high amount of contrast between page background and text colors.

400

why is this important

it shows why certain things are important when we are coding

10000

Usability assesses how easy a user interface is to use. Measures the quality of a person’s experience while interacting with a Web site.     Pt.2

  • Visitors can quickly and easily locate needed information

10000

Satisfaction definition

How pleasant is it to use this product?

10000

why are these tips important

they help you understand more about what you are doing

10000

Accessibility is the practice of making Web sites usable by people of all abilities and disabilities. Pt.3

  • Do not use color alone to convey meaning, because you will exclude people who are color blind or use screen readers.

10000

what was this whole lesson about

Our ICT lesson 1

M
e
n
u