|
Web Page Design and Planning |
Web Users
- Glance at pages and scan text
- Select the first reasonable choice
- Don't take the time to learn how things work, they tend to muddle through
Design Principles
Alignment
- Horizontal
- Left Justify
- Right Justify
- Center
- Vertical
- Don't Mix Alignments
- Centering is not good on the web
Proximity
- Group like items together
- Use menus, headings,and indenting
Repetition
- Utilize the same design elements throughout
Contrast
- Create a focal point
- Use color scheme, font, and page layout
Design Tips
Create a clear visual hierarchy on each page
- Items are grouped according to relationships
- Use color, bold text, different fonts, set off by white space
Utilize conventions
- Left and Top Menus, Shopping Cart
Design clearly defined areas on your page
- Use areas of your page to group items
- Set off areas with white space
Make clickable options obvious
Minimize visual noise
- Should not be too busy or cluttered
- Omit unnecessary text
Navigation
Navigation
- Indicates what content is in the site
- Instructs how to use the site
- Intills trust in the content and credibility of the site author if self-evident and easy to use
Navigation Conventions
- Logo or Brand
- Page name at top
- Menu on left or at top
- Home Button on every page
Persistent or Global Navigation
- Set of elements appearing on every page
- Sections of content
- Utilities that help user or provide contact information
Navigation Styles
- Left vertical menu
- Top menu
- Table menu
- Image menu with hotspots
Home Page
- Site Identity and Mission
- Site Hierarchy
- Contact Information
- Timely Content
- Establish Credibility and Trust
- Enticing and Appealing
Site Design
- Web Page Components
- Flow Chart Hierarchy
- Page Names
- on every page
- needs to be in right location
- prominent
- relationship to the menu text
- File Naming Rules
- all lower case
- one word
- short as possible
- descriptive
- end in .htm
|
|
