IS4 030 - Website Design for e-Commerce  By  SMIEEE, SMACM, MACS E-mail:  [email_address] Room: P7919 Consultation Hours: ...
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 <ul><li>Could you suggest three ways to create a unified look for your Website? </li></ul>
Upcoming SlideShare
Loading in …5
×

Lecture 2 Footnotes&Answers

193 views
177 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
193
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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., &lt;IMG height=30 alt=&amp;quot;mail.gif (5k bytes)&amp;quot; src=&amp;quot;http://personal.cityu.edu.hk/~raylau/images/Mail.gif&amp;quot; width=30&gt;
  • 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

    1. 1. 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
    2. 2. An example of a very unattractive site. What’s its purpose?
    3. 3. A site with a theme and a clear image/purpose.
    4. 4. How to create a Web page which can make use of fancy graphics and yet supporting low bandwidth access?
    5. 5. Is an unified (consistent) page design always good? Why and Why not?
    6. 6. Avoid backgrounds that wash out your text.
    7. 7. Question <ul><li>Could you suggest three ways to create a unified look for your Website? </li></ul>

    ×