1. Web Page Designing: Effective Use of Colors and Maintaining User Attention By Deepti Kachalia And Hiren Shah

2. Deepti Kachalia Effective Use of Colors Effective Use of Colors This section illustrates how to effectively use colors while creating web pages and enhance its overall quality. Hiren Shah. Maintaining User’s Attention. Maintaining User’s Attention. This section covers details of how to maintain user’s attention with different techniques.

3. Efficient Color Contrast Select colors with greater difference in luminance for foreground and background combination/ contrast Select colors with greater difference in luminance for foreground and background combination/ contrast Prefer lighter and brighter colors for foreground while darker colors for background. Prefer lighter and brighter colors for foreground while darker colors for background. For example: For example:Effective Not much effective Not much effectiveEffective Not much Effective

4. Above are two possible combinations we are using for our web site. Above are two real life examples of good color contrast/ combination.

5. Designing for People with Partial Sight and Color Deficiencies Avoid using colors of similar lightness adjacent to one another, even if they differ in saturation or hue; as people with impairment in retinal cones may not be able to distinguish between background and foreground. Avoid using colors of similar lightness adjacent to one another, even if they differ in saturation or hue; as people with impairment in retinal cones may not be able to distinguish between background and foreground.

6. Use various colors or effects for informed navigation. Use various colors or effects for informed navigation. You may use hover button technique so as user can follow the contents on the screen. You may use hover button technique so as user can follow the contents on the screen. The following example shows successful use of colors for navigation. The following example shows successful use of colors for navigation.

7. Placing objects where focus is already is key criteria for maintaining users attention. Placing objects where focus is already is key criteria for maintaining users attention.

8. Use of graphical links or animation may hold the user for a longer. For example, while loading bigger files the web site should show some animation that says “loading…” or “please wait…” etc. Use of graphical links or animation may hold the user for a longer. For example, while loading bigger files the web site should show some animation that says “loading…” or “please wait…” etc. 1) Hallmark greeting Hallmark greeting Hallmark greeting 2) Flash Kit Web Site Flash Kit Web Site Flash Kit Web Site

9. Avoid using pop up advertisements or distracting graphics. It may redirect user to unwanted pages. Avoid using pop up advertisements or distracting graphics. It may redirect user to unwanted pages. Bollywood Music Bollywood Music