Website Optimization Design Principles

[web-designer]

Website Optimization Design Principles

Simplicity: Don't compromise usability for function.

Keep the website interface simple and straightforward. Website users benefit from function that is easily accessible and usable. A poorly organized website cluttered with many advanced functions distracts users from accomplishing their everyday tasks. A well-organized website that supports the user's tasks fades into the background and allows the user to work efficiently.

Basic functions should be immediately apparent, while advanced functions may be less obvious to new users. Function should be included only if a task analysis shows it is needed. Therefore, keep the number of objects and actions to a minimum while still allowing users to accomplish their tasks.

• Familiarity: Build on website users' prior knowledge
  
• Obviousness: Make website objects and their controls visible and intuitive
  
• Versatility: Support alternate interaction techniques
  
• Affinity: Bring objects to life through good visual website design

The goal of visual website design in the user interface is to surface to the user in a cohesive manner all aspects of the website design principles. Visual website design should support the user model and communicate the function of that model without ambiguities. Visual website design should not be the "icing on the cake" but an integral part of the website design process. The final result should be an intuitive and familiar representation that is second nature to users.

The following are visual website design principles that promote clarity and visual simplicity in the interface:

• Subtractive website design - reduce clutter by eliminating any visual element that doesn't contribute directly to visual communication.
  
• Visual hierarchy - by understanding the importance of users' tasks, establish a hierarchy of these tasks visually. An important object can be given extra visual prominence. Relative position and contrast in color and size can be used.
  
• Affordance - when website users can easily determine the action that should be taken with an object, that object displays good affordance. Objects with good affordance usually mimic real world objects.
  
• Visual website scheme - design a visual scheme that maps to the website user model and lets the user customize the interface. Do not eliminate extra space in your image just to save space. Use white space to provide visual "breathing room."