Good Design
Design features:
Text: Summarize the qualities of the use of type that make a website successful.
Text is big enough to read, but not too big
The hierarchy of information is perfectly clear
Columns of text are narrower than in a book to make reading easier on the screen
Navigation: Summarize the qualities of the navigation that make a website successful.
Navigation buttons and bars are easy to understand and use
Navigation is consistent throughout web site
Navigation buttons and bars provide the visitor with a clue as to where they are, what
page of the site they are currently on Frames, if used, are not obtrusive
Links: Summarize the qualities of the links, and their behavior that make a website successful.
Links are underlined so they are instantly clear to the visitor
Graphics: Summarize the use of Graphics, vector and raster, that make a website successful.
Buttons are not big and dorky
Every graphic has an alt label
Every graphic link has a matching text link
Graphics and backgrounds use browser-safe colors
Animated graphics turn off by themselves
General Design: Summarize the aspects of the overall design that make a website successful.
Pages download quickly
First page and home page fit into 800 x 600 pixel space
All of the other pages have the immediate visual impact within 800 x 600 pixels
Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of
text
Every web page in the site looks like it belongs to the same site; there are repetitive
elements that carry throughout the pages
Bad Design
Design features:
Text: Summarize the qualities of the use of type that make a website unsuccessful.
Text crowding against the left edge
Text that stretches all the way across the page
Centered type over flush left body copy
Paragraphs of type in all caps
Paragraphs of type in bold
Paragraphs of type in italic
Paragraphs of type in all caps, bold, and italic all at once
Underlined text that is not a link
Navigation: Summarize the qualities of the navigation that make a website unsuccessful.
Complicated frames, too many frames, unnecessary scroll bars in frames
Orphan pages (no links back to where they came from, no identification)
Useless page titles that don't explain what the page is about
Links: Summarize the qualities of the links, and their behavior that make a website unsuccessful.
Blue link borders around graphics
Links that are not clear about where they will take you
Links in body copy that distract readers and lead them off to remote, useless pages
Text links that are not underlined so you don't know they are links (If you're not going to underline your links, please make darned sure that each link is perfectly clearly a link! Don't make me wander around with my mouse checking to see if randomly colored text is a link!)
Dead links (links that don't work anymore)
Graphics: Summarize the use of Graphics, vector and raster, that make a website unsuccessful.
Large graphic files that take forever to load
Meaningless or useless graphics
Thumbnail images that are nearly as large as the full-sized images they link to
Graphics with no alt labels
Missing graphics, especially missing graphics with no alt labels
Graphics that don't fit on the screen (assuming a screen of 800 x 600 pixels)
General Design: Summarize the aspects of the overall design that make a website unsuccessful.
Frames that make you scroll sideways
No focal point on the page
Too many focal points on the page
Navigation buttons as the only visual interest, especially when they're large (and dorky)
Cluttered, not enough alignment of elements
Lack of contrast (in color, text, to create hierarchy of information, etc.)
Pages that look okay in one browser but not in another
URL of a Poorly Designed Site: http://www.jennifermarielezan.com/
Design features:
Text: Summarize the qualities of the use of type that make this site unsuccessful.
Paragraphs of type in bold
Navigation: Summarize the qualities of the navigation that make this site unsuccessful.
Links: Summarize the qualities of the links, and their behavior that make this site unsuccessful.
Text links that are not underlined so you don't know they are links
Graphics: Summarize the use of Graphics, both vector and raster, which make this site unsuccessful.
Graphics with no alt labels
Missing graphics, especially missing graphics with no alt labels
General Design: Summarize the aspects of the overall design that make this site unsuccessful.
No focal point on the page
Lack of contrast
URL of site #1: http://www.style.com/
Design features:
Text: Summarize the qualities of the use of type that make this site successful.
Background does not interrupt the text
Text is big enough to read, but not too big
The hierarchy of information is perfectly clear
Columns of text are narrower than in a book to make reading easier on the screen
Navigation: Summarize the qualities of the navigation that make this site successful.
Navigation buttons and bars are easy to understand and use
Navigation is consistent throughout web site
Navigation buttons and bars provide the visitor with a clue as to where they are, what
page of the site they are currently on Frames, if used, are not obtrusive
Links: Summarize the qualities of the links, and their behavior that make this site successful.
Link colors coordinate with page colors
Links are underlined so they are instantly clear to the visitor
Graphics: Summarize the use of Graphics, vector and raster, which make this site successful
Buttons are not big and dorky
Every graphic has an alt label
Every graphic link has a matching text link
Graphics and backgrounds use browser-safe colors
Animated graphics turn off by themselves
General Design: Summarize the aspects of the overall design that make this site successful.
Pages download quickly
First page and home page fit into 800 x 600 pixel space
All of the other pages have the immediate visual impact within 800 x 600 pixels
Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of
text
Every web page in the site looks like it belongs to the same site; there are repetitive
elements that carry throughout the pages
URL of site #2:
Design features:http://www.wgsn.com/
Text: Summarize the qualities of the use of type that make this site successful.
Background does not interrupt the text
Text is big enough to read, but not too big
The hierarchy of information is perfectly clear
Columns of text are narrower than in a book to make reading easier on the screen
Navigation: Summarize the qualities of the navigation that make this site successful.
Navigation buttons and bars are easy to understand and use
Navigation is consistent throughout web site
Navigation buttons and bars provide the visitor with a clue as to where they are, what
page of the site they are currently on Frames, if used, are not obtrusive
Links: Summarize the qualities of the links, and their behavior that make this site successful.
Link colors coordinate with page colors
Links are underlined so they are instantly clear to the visitor
Graphics: Summarize the use of Graphics, vector and raster, which make this site successful.
Buttons are not big and dorky
Every graphic has an alt label
Every graphic link has a matching text link
Graphics and backgrounds use browser-safe colors
Animated graphics turn off by themselves
General Design: Summarize the aspects of the overall design that make this site successful.
Pages download quickly
First page and home page fit into 800 x 600 pixel space
All of the other pages have the immediate visual impact within 800 x 600 pixels
Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of
text
Every web page in the site looks like it belongs to the same site; there are repetitive
elements that carry throughout the pages
No comments:
Post a Comment