2. Four Phases
• Discovery
• Strategy
• Key-Page Design
• Full Design
3. Discovery
Stakeholder
Interviews
UI Competitive
Assessment
Business
User/Customer
Objectives Profiles
Brand Concerns
Competitive
Environment
Technological
Opportunities
and Constraints
4. Strategy
Analysis/User Modeling
Customer
Segmentation User Task UI Strategy
Key Tasks
Scenarios
Customer Life
Cycle
Information Architecture
High-Level Logic
Flows Conceptual
Model &
Navigational Controlled
Model High-Level Vocabulary
Architecture
(Site Map)
Technology Assessment & Requirements
5. Key-Page Design
IA for Key
Pages:
20-30% of
pages Collaborate Early Clickable (?)
on Page Comps / Prototype
Comps
Detailed • Multiple Styles for
Logic Flows 3-4 pages
for Key • Text and images User
Pages
• Select style Testing
• Revise style (cycles)
• Comp rest of key
pages
6. Full Design
Information Wireframes Navigable (?)
Architecture for pages Prototype
for remaining not
pages Comp’d
User
UI Testing
Guidelines
UI Design
Specification
• Screen content text and images
• Design Style Guide
IMPLEMENTATION