Scribd
Upload
40 views13 pages

Lecture 5

This document discusses common mistakes in web design and provides guidelines for an effective homepage. It covers topics like bad search functions, non-scannable text, flash content, browser incompatibilities, and cumbersome forms. The key principles are usability, user experience, and following web accessibility guidelines. Effective homepages should include a tagline, title focused on the company name and description, "About us" section, search box, content examples, and meaningful graphics with link names using important keywords.

Uploaded by

bilbatori
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
40 views13 pages

Lecture 5

This document discusses common mistakes in web design and provides guidelines for an effective homepage. It covers topics like bad search functions, non-scannable text, flash content, browser incompatibilities, and cumbersome forms. The key principles are usability, user experience, and following web accessibility guidelines. Effective homepages should include a tagline, title focused on the company name and description, "About us" section, search box, content examples, and meaningful graphics with link names using important keywords.

Uploaded by

bilbatori
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd

Web Programming

Lecture 5

1
Spell correction
Web Programming – Spring 2010

2
Top Mistakes in Web Design
Web Programming – Spring 2010

 Bad Search
 PDF Files for Online Reading
 Not Changing the Color of

Visited Links
 Non-Scannable Text
 Fixed Font Size
 Page Titles With Low Search Engine
Visibility
3
Top Mistakes in Web Design
Web Programming – Spring 2010

 Anything That Looks Like an


Advertisement
 Violating Design Conventions
 Opening New Browser

Windows
 Not Answering Users'

Questions
[Link]/alertbox/[Link]
4
Other Mistakes in Web Design
Web Programming – Spring 2010

 Flash
 Liquid layout and picture sizes
 Browser Incompatibility
 Cumbersome Forms
 Cut unnecessary questions (salutation)
 Mandatory fields
 Keyboard focus
 Flexible and intelligent input (especially with
phone numbers etc.)
 Name and logo on every page
5
Guidelines for homepage
Web Programming – Spring 2010

 Include a one-line tagline


 Begin the title tag with company name, followed
by a brief description of the site
 About us section
 Include a search input box
 Show examples of site contents
 Begin Link Names with the Most Important
Keyword
 Use Meaningful Graphics

6
Web Programming – Spring 2010

7
Web Programming – Spring 2010

8
Web Programming – Spring 2010

9
How to design?
Web Programming – Spring 2010

 The key is Usability


 User Experience QA
 [Link]
 [Link]
Web Programming – Spring 2010
Web Programming – Spring 2010
Web Programming – Spring 2010

You might also like