USER CENTRIC DESIGN PROCESS · 2. Mood Board/ Style Guides Inspirational Research Infographic Style...

1
USER CENTRIC DESIGN PROCESS Initial Draft Client Review FEEDBACK CYCLES Suggest Changes Build Iterations Feedback & Collaboration 1. Discovery Questionnaire Google Analytics Analysis Competitor Research Target User Profiles 2. Mood Board/ Style Guides Inspirational Research Infographic Style Typography & Colors Photography Style 3. Wireframes Information Architecture Prioritize User Tasks High Level Messaging Interactive Black & White Sketches 4. Web Design Inspirational Research Style Guides Integrated User-Centred Design High-Fidelity Mockups 5. User Testing Interactive Prototypes Task Analysis/ Validation Finalize Functionality Development Team Hand-off Copyright Sayenko Design, LLC | All Rights Reserved.

Transcript of USER CENTRIC DESIGN PROCESS · 2. Mood Board/ Style Guides Inspirational Research Infographic Style...

Page 1: USER CENTRIC DESIGN PROCESS · 2. Mood Board/ Style Guides Inspirational Research Infographic Style Typography & Colors Photography Style 3. Wireframes Information Architecture Prioritize

USER CENTRIC DESIGN PROCESS

Initial Draft

Client Review

FEEDBACKCYCLES

SuggestChanges

Build Iterations

Feedback& Collaboration

1. Discovery

Questionnaire

Google Analytics Analysis

Competitor Research

Target User Profiles

2. Mood Board/ Style Guides

Inspirational Research

Infographic Style

Typography & Colors

Photography Style

3. Wireframes

Information Architecture

Prioritize User Tasks

High Level Messaging

Interactive Black & White Sketches

4. Web Design

Inspirational Research

Style Guides Integrated

User-Centred Design

High-Fidelity Mockups

5. User Testing

Interactive Prototypes

Task Analysis/ Validation

Finalize Functionality

Development Team Hand-off

Copyright Sayenko Design, LLC | All Rights Reserved.