UX @ Wix, keys for a successful UX design process

  • View
    1.993

  • Download
    6

  • Category

    Design

Preview:

DESCRIPTION

In this presentation, I will cover the basic methodology and process of doing UX design in wix as an example of a consumer web product company, referring to concepts like Agile and Lean Ux as ways of shortening the creation process. The process is demonstrated through a case study of the wix app market with an emphasize of the keys to success in implementing such process and methodologies in consumer web companies

Citation preview

Nir Kosover

Meet Mr. Jesse W. Reno

Genius!

Genius

Escalators first time users

Real users are unpredictable

About me

Real World UX

Methodology Insights

Agenda

Agenda Methodology

Insights

Traditional methodology ( waterfall )

Giphy.com

Welcome to the real world

Mcbess.com

Lean & Agile to the rescue

Iterative approaches Cutting the waste

Shortening the cycle

Lean & Agile

Lean & Agile

           

47,000,000 websites Over 190 countries

Gangs & Guild MVP* mind set

UX at Wix

Let’s create an App Market

Case study

Portable.tv

Stake holders align the product vision

Project launch (1)

Project Launch Research Prototyping Design Build Pre Release Release

   

“Knowledge is power”

Research

Francis Bacon

(2)

Project Launch Research Prototyping Design Build Pre Release Release

   

Competitor research

Wix App Market – Research

Competitor research

Wix App Market – Research

Get a feel for the final product

Prototyping (3)

Project Launch Research Prototyping Design Build Pre Release Release

   

Text is part of the product

Look for the complicated scenarios (first time, empty states, errors,

Languages, etc..)

Wire frames flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Wireframes flow

Wix App Market - Prototyping

Refine Continue

Decision Point

Exploring options & making decisions

Design (4)

Project Launch Research Prototyping Design Build Pre Release Release

   

Exploring designs

Wix App Market - Design

Exploring designs

Wix App Market - Design

Exploring designs

Wix App Market - Design

Decide and finalize

Design

       

Final designs

Wix App Market - Design

       

Final designs

Wix App Market - Design

       

Final designs

Wix App Market - Design

       

Final designs

Wix App Market - Design

Wix Brand Book UX Patterns as a way of life

Design

Brand Book

Wix App Market - Design

Design   UX Patterns

Wix App Market - Design

UI Library - App Market

Wix App Market - Design

Deliver properly (Style guides, responsive behavior, mobile)

Make sure it’s pixel perfect

Build (5)

Project Launch Research Prototyping Design Build Pre Release Release    

BI events Internal release

Pre Release (6)

Project Launch Research Prototyping Design Build Pre Release Release

   

Progressive Rollout (Using A/B testing)

Release (7)

Project Launch Research Prototyping Design Build Pre Release Release

   

Test & Plan

Wix App Market - Case study

Fix crucial mistakes Add new features Complete revamp

Quick survey

Current design

Wix App Market - Quick survey

New design

Wix App Market - Quick survey

1 2

What’s your favorite?

Current New

Click on categories reduced by 38.7%, Add apps reduced by 11.5%

Test results

Wix App Market - Quick survey

Think small

The Biggest Tip

flikie.com

Changing place from 5th to 4th

Small change big impact

Think small

11.4% more users open the app market 13.8% more apps added

Small change big impact

Think small

Think small

       

       

Categories & name changes

5.88% more apps added

Insights

Insights

Them &

Us

Them

mcbess.com

Know your users

Usability, Interviews, Surveys, Personas Scenarios, Use cases, Card sorting,

Experience maps ..

Know Your Users

Insights - Know your users

Design   Wix kitchen

Insights - Know your users

Design   Wix kitchen

Insights - Know your users

In coffee houses At your own desk In a special lab

Insights - Know your users

?

In coffee houses At your own desk In a special lab

Usability Testing

Insights - Know your users

Spread the word

Insights - Know your users

Nothing taste better than Cheap Feedback

Know your users

Feedback links

   

   

Know your users

Get on the phone

Know your users

Feedback  phone  call?    Hi,    I'm  Michael,  a  Product  Manager  at  Wix.com.      I'm  reaching  out  to  ask  whether  I  could  give  you  a  quick  call  to  learn  about  your  experience  with  Wix’s  Online  Store.  I’d  like  to  learn  about  your  needs  and  capture  any  feedback  that  could  help  improve  the  product  for  you  and  users  with  similar  needs.      Are  you  free  this  week  or  next  for  a  call?    Thanks  Michael  

Email example

Know your users

15-30% response rate

Sodahead.com

What do users want?

New Features

Know your users

Social channels etc..

Use your community

Know your users

Wish list

Know your users

Sometimes users know best

Don’t be afraid to ask

Know your users

How do we mark out of stock items?

Know your users

A B C

Know your users

Know your users

We’re working on a few designs, and would like to know which one you prefer

5 out of 6 responded within 24 hours

Know your users

A B C

Know your users

mcbess.free.fr

Us The team

What’s your team DNA?

Who are you’re A players?

The team

Insights - The Team

“ The main thing I’m looking for when interviewing UX candidates

Are their social skills

Aarron Walter, mailchimp

Culture

Insights - The Team

Insights - The Team

Mistakes please!

Insights - The Team

Let’s meet

Insights - The Team

Transparency

Insights - The Team

Knowledge Sharing

Where do we go from here?

Meet Alva j. Fisher

The first electric washing machine

Thanks