1. Understand the Problem
-Survey The Client
1. Establish Client Goals
2. Identify Target Audience
2. Research and Investigate
What am I saying?
Who am I saying it to?
3. Generate Possible Solutions
4. Pick and Plan
6. Test and Evaluate
-Site Outline / Storyboards
1.Get Client Approval
2. Help Estimate Scope/Costs
3. Determine Basic Layout
Storyboards Include:
File Name
Navigation
Images/Drawings (wireframe)
Design Notes
Other important Info
-Page Layout=Site Design
1. KEEP CONSISTANT:
Page Layout!!! *****
Font Formatting
Navigation
2. Design Dangers
Layout Different on Different Browsers
Fonts different on Different Systems
Colors different on different monitors
Usability Testing - Watch users perform Certain Tasks (live or recorded)
1. User Satisfaction
-Download Speed
Optimize Images
Use CSS
Thumbnails for Large Images
-User Friendliness
Spell Check
Fix Broken Links
Alt Text
2. Navigation
-Make It Easy
Alt Text
Labeling/Identifying Links
-Keep It Consistant
Same Location
Site Map
- Build Site with CSS for Easy Changes
Easy Redesign
Improve Download Speed
Separate Content and Design
Keep Site Credible
Update Often
Easy to Contact
Easy to Verify Info
WEb Design
Bullets Before Building
5. Model and Prototype
Flowcharts
Plans site structure
Defines navigation
3 click rule!