The document discusses the roles of product managers and UX designers at Wix and how they work together. It explains that product managers initially create "Tractor UIs" as a starting point for discussion. The product managers and UX designers then use these to have discussions and make final decisions together based on their areas of responsibility. The UX designers then create live mockups to test with users, and the product managers and UX designers jointly consider this feedback to determine what to change in the product.

2. 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

3. Dimitri - DevOps
Dalia - Server
Eitan – Front-End
Avishai - CEO
Marcela – Customer Success
Naomi - Marketing
Omer - Product

4. We want to deliver a winning
product.

5. What you need
to make a winning product

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

7. - Website Editor
- Drag and Drop
- Easy to Use
- Stunning
Text
Fonts
Styling
Video
Photo
- Professional
- Extendable
- …
- …

8. 2006
2008
2012
2015
Founded
1st Product
1st Product
The New Editor
+ UX Boost
Wix Website Editor
Over 80 Million
premium usersusers
Over 2 Million

9. What happens in our house
may (or may not) fit yours

10. #01
What’s yours & what’s mine

11. UX
http://melissaperri.com/2016/01/17/pmvsux/
Separate & shared responsibilities
User Research
Wireframes
User Flow
Personas
Identifying Needs
Validating Features
Customer Problems
MVPs
Experiments
IA
Site Maps
Responsiveness
Interaction Design
Prototyping
Visual Design
Prioritization
Business Modeling
Metrics
Stakeholder input
Project Management
Scope Planning
PM

12. How to approach shared responsibilities
Competition Cooperation
VS

13. Only a winning team
can deliver a winning product

14. #02
What do they do anyway?

15. How PM sees it How UX sees it
UXUXPM PM

16. Knowing what “they” do is important.

17. Knowing what “they” do is important.
It makes the difference between
“What I’m giving up” and
“What the product is getting from it”

18. #03
So… Who does what?

19. 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.

20. 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 …

21. Comment on a post
- Like
- Unlike
- Emotions
- Comment
Text
Mention
Hashtag
Video
Photo
Post a sticker
- Mine?
Edit, Delete
- Check-In
- Report
- Hide/Unhide

22. 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

23. Tractor UI

24. What it
includes:
- List of capabilities
- Features priority
- Initial technical reference
- Real text (no Lorem Ipsum)
Image property panel Tractor UI
Example

25. Image property panel FINAL
Example

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

27. PM
Makes a
Tractor UI
Let’s start

28. Work together
PM
Makes a
Tractor UI
PM & UX
Use it as a basis for
discussion

29. Make decisions
PM
Makes a
Tractor UI
PM & UX
Use it as a basis for
discussion
PM / UX
Make final decisions,
based on areas of
responsibilities

30. Usability Tests
PM
Makes a
Tractor UI
PM & UX
Use it as a basis for
discussion
PM / UX
Make final decisions,
based on areas of
responsibilities
UX
Make live
mockups

31. PM
Makes a
Tractor UI
PM & UX
Use it as a basis for
discussion
PM / UX
Make final decisions,
based on areas of
responsibilities
UX
Make live
mockups
Usability
Tests
PM & UX
Consider feedback, decide
together what to add /
change / give up
Before, During & After Development

32. Find your balance point

33. Thank You!
Any Questions?
Omer Gartzman
@omergaromerg@wix.com www.linkedin.com/in/omergartzman