1. Time travel...
... before break
• Navigation design
• Visual design: Color & typography
• Visual design: Page layout (grids); metaphors
• Mockup & prototyping
• Information architecture

2. Identify users/audiences
Understand user needs & goals
Requirements
Analysis
Understand client needs & goals
R e s e a r c h
Technical requirements & limitations
Conceptual Research previous versions
Design
Research competition
Mockups & Use cases
Prototypes
Task analysis
Information architecture
Production
Mockup generation
Mockup evaluation
Launch Production
Quality assurance
User problem tracking

3. Identify users/audiences
Understand user needs & goals
Requirements
Analysis
Understand client needs & goals
R e s e a r c h
Technical requirements & limitations
Conceptual Research previous versions
Design
Research competition
Mockups & Use cases
Prototypes
Task analysis
Information architecture
Production
Mockup generation
Mockup evaluation
Launch Production
Quality assurance
User problem tracking

4. Homepage Usability

6. Homepage goals
Communicate site purpose
Provide info about company/organization
Reveal site content - through examples
Show site structure & navigation
Enable site search
Establish identity & credibility - graphics

7. Communicate site purpose
Name What site/
& company
Logo does
High priority
Tag line
tasks

8. Communicate site purpose
Tag line
Brief
Descriptive
To the point
!
Catchy

9. Communicate site purpose
Name What site/
& company
Logo does
High priority
Tag line
tasks

10. Communicate site purpose
What site/
company
does
How
?
High priority
tasks