user experience design strategies

User-centered Design Strategies

Web Design is not just an art.It’s science too!

You must blend everything in right proportion, or it may blow up.

Create a pleasing aesthetic that communicates function and gives easy access to content.

So, what it takes to create this so-called BLEND?

Start with Analyzing things

What are you trying to achieve with your website? What is the website’s main purpose? Who's your audience?

Remember, whatever that function is, your design must focus on fulfilling it.

• Understand• Research• Evaluate• Innovate• Strategize and Plan

• Business Landscape

• Organizational Structure

• Organizational Objectives

• Website Objectives

• Target Audience and Users

• Brands, Products, Markets

• Marketing Strategy

Analyze

Analyze

• Understand• Research• Evaluate• Innovate• Strategize and Plan

• User Research

• User Goals and Stories

• Personas, Scenarios, and Activities

• User Pain, Needs, Wants, Desires

• Understand• Research• Evaluate• Innovate• Strategize and Plan

• Competition

• SWOT

• Positioning

• USP

• Differentiators

• Segments

Analyze

• Understand• Research• Evaluate• Innovate• Strategize and Plan

• Emotional design

• Social interaction

• Concept

• Communication strategy

Analyze

• Understand• Research• Evaluate• Innovate• Strategize and Plan

• Website objectives

• Website strategy

• Communication strategy

• Approach/ Treatment/ Style/ Tone

Analyze

Refine ideas to get a master idea. Put them at work. Test them all!

• Functional Specification• Content Design• Information Architecture• Usability Evaluation

• Understand requirements

• Brainstorm

• Validate baseline features and functionalities

• Define differentiator features and functionalities

• Create a specification document

Organize

• Functional Specification• Content Design• Information Architecture• Usability Evaluation

• Content to meet business and website objectives

• Content to meet user objectives

• Content to increase conversion rate

Organize

Organize

• Functional Specification• Content Design• Information Architecture• Usability Evaluation

• Structure and zoning

• Navigation design

• Content architecture

• Page level detailed information

• Architecture

Organize

• Functional Specification• Content Design• Information Architecture• Usability Evaluation

• Wireframe validation

• A/B or Multivariate testing

• Cognitive walkthroughs

• Heuristic evaluations

• Eye tracking

• Iterative prototyping

Start creating an experience.An aesthetic, usable design!

Design

• Communication Design• Visual Design• Usability Evaluations• Deliverables

• Communication design to communicate core messages

• Maximize impact

• Persuasive communication

• Soft/ hard sell

• Category/ brand sell

Design

• Communication Design• Visual Design• Usability Evaluations• Deliverables

• Data visualization

• Page design with acute focus on enhancing communication

• Visualization

• Typography

Design

• Communication Design• Visual Design• Usability Evaluations• Deliverables

• Wireframe validation

• A/B or Multivariate testing

• Cognitive walkthroughs

• Heuristic evaluations

• Eye tracking

• Iterative prototyping

Design

• Communication Design• Visual Design• Usability Evaluations• Deliverables

• Photoshop source files

• Style guide

Nailed it?Time to put it into production.

Tie Up

• Front-end development• Back-end integration• Deployment• Testing

It’s quite easy to lose track of your goals and end up with something that is beautiful.

Do not fall into the trap of implementing the latest design trends just because they look attractive.

Think through every design decision you make.

Don’t just build a beautiful website: make a website that really works.

Get Going Now!!!