Lecture 2  Footnotes&Answers
Upcoming SlideShare
Loading in...5

Lecture 2 Footnotes&Answers






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • This Web site had several glaring issues. First, it is loaded with graphics that take a considerable amount of time to download. Second, the user is required to scroll down through a number of meaningless graphics before getting any real information. Third, and most annoying, is the multi-colored border around the Web page that continues to change colors (like a neon sign) as you scroll through this page.
  • The use of graphics and various types of text at the Toyota Web site makes for a balanced and attractive look. Although this Web page consists of eight individual graphics, each one is optimized for fast downloading and subtle enough to not jump off the page at you. Even with eight individual graphics on this Web page, it is only a total of 18500 bytes. Over a 28.8 Kbps modem, this page will generally download in 5.13 seconds. Every network connection type that is faster than a 28.8 Kbps modem will download this page in less than 5 seconds — this is acceptable for most Web users.
  • Use the alt attribute within the image tag to show the textual description only. When a user is connected using low bandwidth, s/he can disable graphic display on her/his browser. Under such circumstance, only the text associated with the alt attribute will be shown. e.g.,
  • Consistency is good in general e.g., it facilitate users ’ navigation. However, if consistency is over used in a site design, it may also make the visitors feel bored.
  • Background images can provide an attractive “ texture ” to your Web page, but be sure not wash out your text so that users can no longer read it. Strive for a contrast between your background coloring and your text coloring. The background on this Web page eliminates black text as a viable text color because while most of the background is white, which is the direct contrast to black, small portions of the background are black to round off the shape of the bubbles. While it may or may not be attractive, red text would probably in contrast enough to both the white and black in this background to return the text on the page to at least readable.
  • Applying consistent Theme and structure; Applying consistent font and background color; Applying consistent graphics and icons;

Lecture 2  Footnotes&Answers Lecture 2 Footnotes&Answers Presentation Transcript

  • IS4 030 - Website Design for e-Commerce By SMIEEE, SMACM, MACS E-mail: [email_address] Room: P7919 Consultation Hours: 3:30 - 5:30pm Monday Lecture Two -Website Design Principles
  • An example of a very unattractive site. What’s its purpose?
  • A site with a theme and a clear image/purpose.
  • How to create a Web page which can make use of fancy graphics and yet supporting low bandwidth access?
  • Is an unified (consistent) page design always good? Why and Why not?
  • Avoid backgrounds that wash out your text.
  • Question
    • Could you suggest three ways to create a unified look for your Website?