cs101 introduction to computing lecture 25 web design for usability l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
CS101 Introduction to Computing Lecture 25 Web Design for Usability PowerPoint Presentation
Download Presentation
CS101 Introduction to Computing Lecture 25 Web Design for Usability

Loading in 2 Seconds...

play fullscreen
1 / 62

CS101 Introduction to Computing Lecture 25 Web Design for Usability - PowerPoint PPT Presentation


  • 173 Views
  • Uploaded on

CS101 Introduction to Computing Lecture 25 Web Design for Usability. During the last lecture …. We looked at the role of heuristics in architectural (or high-level) design We also became familiar with a few popular design heuristics. Heuristic. Rule of thumb learned through trial & error

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'CS101 Introduction to Computing Lecture 25 Web Design for Usability' - faye


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
during the last lecture
During the last lecture …
  • We looked at the role of heuristics in architectural (or high-level) design
  • We also became familiar with a few popular design heuristics
heuristic
Heuristic

Rule of thumb learned through trial & error

Common sense lesson drawn from experience

slide4

Caution!Caution!Heuristicsdon’talways lead to the best resultsAt times they even lead to the wrong ones, but mostly to results that are good-enough

today s goal web design for usability
Today’s Goal:Web Design for Usability
  • To become able to appreciate the role of usability in Web design
  • To become able to identify some of the factors affecting the usability of a Web page
slide7

When I look at a Web page it should beself-evident, obvious, self-explanatoryI should be able to ‘get it’ - what it is &how to use it - without expendingany effort thinking about itexcerpt from Steve Krug’s bookDon’t Make Me Think

what s a good site
What’s a Good Site?
  • The one that achieves the result that it was designed for
  • Generally, that result can only be achieved by giving the user what s/he wants, as quickly as possible, without her/him expending much effort
  • One definition of usability: Let the user have what s/he wants, quickly, without much effort
  • “Quickly” is important!
slide12
Users don't read; they scan

Users don't make optimal choices; they look for the first good-enough solution

Users don't figure out how things work; they muddle through

design is important
Design is Important!
  • 62% of shoppers gave up looking for the item they wanted to buy online (Zona Research)
  • 40% visitors don’t return to a site if their first visit was a -ive experience (Forrester Research)
  • 83% of users have left sites in frustration due to poor navigation, slowness (NetSmart Research)
  • Simple designs have greater impact: they can be understood immediately! (Mullet/Sano)
elements of website design
Elements of Website Design
  • Navigation scheme
  • Layout of information
  • Overall look and feel
website navigation
Website Navigation
  • The interface/controls that a Website provides to the user for accessing various parts of the Website
  • It probably is the most important aspect of the design of a Website
a few navigation design heuristics
A Few Navigation Design Heuristics
  • Put the main navigation on the left of the page
  • It should be ‘invisible’ until it is wanted
  • It should require an economy of action & time
  • It should remain consistent
  • Use text for navigation labels. If you must use icons, put a description underneath each icon
navigation design heuristics contd
Navigation Design Heuristics (contd.)
  • Labels should be clear, understandable
  • Labels should be legible
  • Do not play with standard browser buttons & features
  • Provide search capability
assisting the user recover from errors
Assisting the User Recover from Errors
  • Location, post code mismatch
  • Credit card number errors
  • Phone numbers
  • Spelling errors
a few constructive recommendations
A few constructive recommendations

Let’s look at a few Web sites and see how we can improve their usability

slide37

Enter

Dragon’s Lair

All rights reserved, 2002.

slide42

LOADING …

RESTART

SKIP

Click here to go to the main page directly

making display elements legible
Making Display Elements Legible
  • Elements must be large enough tobe processed visually
  • Elements must contrast sufficiently with their backgrounds
making display elements legible47
Making Display Elements Legible
  • Related elements should be visuallygrouped through the use of space, color, or graphical boundaries
  • The relative levels of importance among elements in a display should be revealed graphically
slide50
Use sans serif (e.g. Arial, Helvetica, Verdana) typefaces for display on screen
  • Display type intended for continuous reading at 10 to 14 points
  • Avoid the overuse of bold and italics
  • Avoid setting type in all caps
slide53
Arrange type intended for extended reading flush left, ragged right
  • Avoid lines of type shorter than 40 characters and longer than 60 characters
slide54
Mark the boundaries between paragraphs with blank lines rather than indentation
  • Use headings and subheadings to visually reveal the relationships among text elements they label – paragraphs after paragraphs of text do not work that well on the Web
slide58
Use motion to attract the viewer’s attention
  • Avoid the use of motion for “cosmetic” purposes
in today s lecture
In Today’s Lecture
  • We looked at the role of usability in Web site design
  • We identified some of the factors affecting the usability of a Web page
reading assignment
Reading Assignment

www.useit.com

next lecture computer networks
Next Lecture:Computer Networks
  • We will become able to appreciate the role of networks in computing
  • We will familiarize ourselves with various networking topologies and protocols