finding the balance point
TRANSCRIPT
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
