Good
and Bad Assignment
Good
Design
Design
features:
Text: Summarize the qualities of the use of type that make a website
successful.
The site’s background won’t interrupt the text;
the text should be in a proper size for people to read, and the information
need to be perfectly clear. Narrow down the columns of text than in a book to
make people feel more confortable to read on the screen.
Navigation: Summarize the qualities of the navigation that make a website
successful.
It would be better to have an index or site
map. Because navigation buttons are the guides for the visitor, so they has to
be easy to understand and use, and consistent throughout web site
Links: Summarize the qualities of the links, and their behavior that make
a website successful.
The link colors needs to match the page colors,
and underlined to be instantly clear to the visitor.
Graphics: Summarize the use of Graphics, vector and raster, that make a
website successful.
The animated graphic will turn off by
themselves. All the buttons on the web page should not to big and dorky, every
graphic needs an alt label, and each graphic link has a matching text link. And
make sure the graphics and backgrounds are using browser-safe colors.
General Design: Summarize the aspects of the overall design that
make a website successful.
All the web pages are the same style; there are
repetitive elements that carry throughout the pages. The first page and home
page fit into 800 x 600 pixel space, except that, all of the other pages have
the immediate visual impact within 800 x 600 pixels. And use the graphic
elements like photos, subheads, and pull quotes to break up large areas of
text. And all the pages need to download quickly.
Notes:
Basically make it
look good. If it looks niece, people tend to give it more value. And don’t
overdo the graphic content, if large images will slow page loading.
Copy
and paste the green text below into your “Good and
Bad Assignment” blog entry.
Summarize the qualities
that make a site miss the boat.
Bad Design>>>
Design
features:
Text: Summarize the qualities of the use of type that make a website
unsuccessful.
Text is too small for victors to read and poor
organized. Paragraphs of type in all caps, bold, and italic; or all at once.
Underlined the non-link text.
Navigation: Summarize the qualities of the navigation that make a website
unsuccessful.
Not clear or over complex. Too many frames on
the web page. And unnecessary scroll bars in fames. There are no links back to
where they came from, no identification. And don’t explain what the useless
page titles are about.
Links: Summarize the qualities of the links, and their behavior that make
a website unsuccessful.
Boring default blue links. Dead links. Blue
link border around graphics. Links are not clear about where they will lead the
visitor. Links are not underlined.
Graphics: Summarize the use of Graphics, vector and raster, that make a
website successful.
Overdo graphic content. No alt labels. Images
are too big to load. Meaningless graphics and missing graphics. Thumbnail
images that are nearly as large as the full-sized images they link to.
General Design: Summarize the aspects of the overall design that
make a website successful.
Home page does not fit within 800 x 600 pixels.
There is no focal point on the page. Too many focal points on the page. Dorky
navigation buttons. Lack of contrast.
Notes:
Don’t put junks such
as counters on pages, junky advertising, too many little pictures on the page
on the web site. Don’t overdo the multimedia.
Example
of a Poorly Designed Site
URL of
a Poorly Designed Site: http://www.elleuk.com
Design
features:
Text: Summarize the qualities of the use of type that make this site
unsuccessful.
Some of the text are too small to read on
screen. Poor organized.
Navigation: Summarize the qualities of the navigation that make this site
unsuccessful.
The navigation buttons are clear.
Links: Summarize the qualities of the links, and their behavior that make
this site unsuccessful.
The links are not clear.
Graphics: Summarize the use of Graphics, both vector and raster, which make
this site unsuccessful.
Too many graphics on the home page. No focal
points.
General Design: Summarize the aspects of the overall design that
make this site unsuccessful.
Too many multimedia. Got distract by the junk
advertisement.
Describe the purpose of this site
in the notes. (Include whether it was easy to determine the purpose – why or
why not?)
Notes:
it is a little bit confuse to me to determine the purpose of this website. The home page has too many focal points which looks messy. The advertisements on the web page are too big.
Examples
of a Well Designed Site #1
URL of site
#1: http://www.style.com
Design
features:
Text: Summarize the qualities of the use of type that make this site
successful.
The text is in a proper size, and matches the
background.
Navigation: Summarize the qualities of the navigation that make this site
successful.
Navigation bars and buttons are clear and easy
to understand. And there is an site map to help us to find what we are looking
for.
Links: Summarize the qualities of the links, and their behavior that make
this site successful.
The links are all underlines and clear
Graphics: Summarize the use of Graphics, vector and raster, which make this
site successful.
All the graphics are loading fast. And there
are not too many images on the homepage. Every graphic link has a matching text
link.
General Design: Summarize the aspects of the overall design that
make this site successful.
The web site looks good! The massages on the
home page are very clear, and the navigation bars are easy to understand.
Describe the purpose of this site
in the notes. (Include whether it was easy to determine the purpose – why or
why not?)
Notes:
This web site is easy
to determine its purpose. It looks good and attractive in general. The visitors
can tell that this is a source of fashion news and global fashion community.
Examples
of a Well Designed Site #2
URL of
site #2: http://www.vogue.com
Design
features:
Text: Summarize the qualities of the use of type that make this site
successful.
All the text is large enough for visitors to
read. text in good color combination.
Navigation: Summarize the qualities of the navigation that make this site
successful.
This website has good site-wide navigation.
Navigation buttons are easy to find and well described. And the text of a
button is pretty clear as to where it’s taking me.
Links: Summarize the qualities of the links, and their behavior that make
this site successful.
The links are underlined, and matches the page
color as well.
Graphics: Summarize the use of Graphics, vector and raster, which make this
site successful.
The buttons are simple and chic. All the
multimedia loaded fast. And there are not too many of them, so the home page is
very clean.
General Design: Summarize the aspects of the overall design that
make this site successful.
A very good organized web site. No popups to
annoy visitors. Home page looks attractive, and load fast.
Describe the purpose of this site
in the notes. (Include whether it was easy to determine the purpose – why or
why not?)
Notes:
The speedy pages are
very important. And use appropriate colors. Don’t make the pages too long.
