finding the balance point

Hi.I’m Omer, Head of Product - Wix Website Editor.

I’m Yaniv,Head of UX -Editor Studio

Together with a bunch of other people,

we want to deliver a winning product.

Hi.work

Dimitri - DevOps

Dalia - Server Eitan – Front-End

Avishai - CEO

Marcela – Customer SuccessNaomi -

Marketing

Omer - Product

We want to deliver a winning product.

What you need to make a winning product

What’s yours & what’s mine#01 What do they do anyway?#02 So… Who does what?#03

- Website Editor- Drag and Drop- Easy to Use- Stunning

Text Fonts Styling

Video Photo

- Professional- Extendable- …- …

2006

2008

2012

2015

Founded

1st Product

1st Product

The New Editor + UX Boost

Wix Website Editor

Over 80 Millionpremium usersusersOver 2 Million

What happens in our housemay (or may not) fit yours

#01What’s yours & what’s mine

UX

http://melissaperri.com/2016/01/17/pmvsux/

Separate & shared responsibilities

User ResearchWireframesUser FlowPersonas

Identifying NeedsValidating FeaturesCustomer Problems

MVPsExperiments

IASite MapsResponsivenessInteraction Design

Prototyping

Visual Design

Prioritization

Business Modeling

Metrics

Stakeholder input

Project Management

Scope Planning

PM

How to approach shared responsibilities

Competition Cooperation

VS

Only a winning teamcan deliver a winning

product

#02What do they do anyway?

How PM sees it

How UX sees it

UX

UXPM

PM

Knowing what “they” do is important.

Knowing what “they” do is important.It makes the difference between

“What I’m giving up” and“What the product is getting

from it”

#03So… Who does what?

A bad smell is that “design” is handled by product managers who still make wireframes (in absence of any formal training) and then blindly hand this over to a graphic designer, who just pretties it up.

Marty Cagan

“ “A bad smell is that “design” is handled by product managers who still make wireframes (in absence of any formal training) and then blindly hand this over to a graphic designer, who just pretties it up.

A bad smell is that “design” is handled by product managers who still make wireframes (in absence of any formal training) and then blindly hand this over to a graphic designer, who just pretties it up.

- Bullet 1- Bullet 2- Bullet 3…

As a …….….. So that …

Comment on a post- Like - Unlike- Emotions- Comment

Text Mention Hashtag

Video Photo Post a sticker

- Mine? Edit, Delete

- Check-In- Report- Hide/Unhide

Comment on a post- Reply

Text Mention Hashtag

Video Photo Post a sticker

- Send the commenter a feedback- Display

Display time Exact/Approximate

Number of likes List of people who liked

Number of comments Edited indication

- Show Edit history- Show comment order chronological, top-commenters

- Like - Unlike- Emotions- Comment

Text Mention Hashtag

Video Photo Post a sticker

- Mine? Edit, Delete

- Check-In- Report- Hide/Unhide

Tractor UI

What it includes:- List of capabilities- Features priority- Initial technical reference- Real text (no Lorem Ipsum)

Image property panel Tractor UIExample

Image property panel FINALExample

Tractor UIHelps to communicate:- List of capabilities- Features priority- Initial technical reference- Real text (no Lorem Ipsum)

PMMakes a

Tractor UI

Let’s start

Work togetherPM

Makes a Tractor UI

PM & UXUse it as a basis for discussion

Make decisions PM

Makes a Tractor UI

PM & UXUse it as a basis for discussion

PM / UXMake final decisions,

based on areas of responsibilities

Usability TestsPM

Makes a Tractor UI

PM & UXUse it as a basis for discussion

PM / UXMake final decisions,

based on areas of responsibilities

UXMake live mockups

PMMakes a

Tractor UI

PM & UXUse it as a basis for discussion

PM / UXMake final decisions,

based on areas of responsibilities

UXMake live mockups

Usability Tests

PM & UXConsider feedback,

decide together what to add / change / give

up

Before, During & After Development

Find your balance point

Thank You!Any Questions?Omer Gartzman

@omergaromerg@wix.com www.linkedin.com/in/omergartzman