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

1. Nir Kosover

2. Meet Mr. Jesse W. Reno

3. Genius!

5. Escalators first time users

6. Real users are
unpredictable

7. About me

8. Real World UX

9. Methodology
Insights
Agenda

10. Agenda
Methodology
Insights

11. Traditional methodology ( waterfall )
Giphy.com

12. Welcome to the real world
Mcbess.com

13. Lean & Agile to the rescue

14. Iterative approaches
Cutting the waste
Shortening the cycle
Lean & Agile

15. Lean & Agile

16. 47,000,000 websites
Over 190 countries

22. Gangs & Guild
MVP* mind set
UX at Wix

23. Let’s create an App Market
Case study

24. Portable.tv

25. Stake holders align the product vision
Project launch
(1)
Project Launch Research Prototyping Design Build Pre Release Release

26. “Knowledge is power”
Research
Francis Bacon
(2)
Project Launch Research Prototyping Design Build Pre Release Release

27. Competitor research
Wix App Market – Research

28. Competitor research
Wix App Market – Research

29. Get a feel for the final product
Prototyping
(3)
Project Launch Research Prototyping Design Build Pre Release Release

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

31. Wireframes flow
Wix App Market - Prototyping

32. Wireframes flow
Wix App Market - Prototyping

33. Wireframes flow
Wix App Market - Prototyping

34. Wireframes flow
Wix App Market - Prototyping

35. Wireframes flow
Wix App Market - Prototyping

36. Wireframes flow
Wix App Market - Prototyping

37. Wireframes flow
Wix App Market - Prototyping

38. Wireframes flow
Wix App Market - Prototyping

39. Refine Continue
Decision Point

40. Exploring options & making decisions
Design
(4)
Project Launch Research Prototyping Design Build Pre Release Release

41. Exploring designs
Wix App Market - Design

42. Exploring designs
Wix App Market - Design

43. Exploring designs
Wix App Market - Design

44. Decide and finalize
Design

45.
Final designs
Wix App Market - Design

46.
Final designs
Wix App Market - Design

47.
Final designs
Wix App Market - Design

48.
Final designs
Wix App Market - Design

49. Wix Brand Book
UX Patterns as a way of life
Design

50. Brand Book
Wix App Market - Design

51. Design
UX Patterns
Wix App Market - Design

52. UI Library - App Market
Wix App Market - Design

53. Deliver properly
(Style guides, responsive behavior, mobile)
Make sure it’s pixel perfect
Build
(5)
Project Launch Research Prototyping Design Build Pre Release Release

54. BI events
Internal release
Pre Release
(6)
Project Launch Research Prototyping Design Build Pre Release Release

55. Progressive Rollout
(Using A/B testing)
Release
(7)
Project Launch Research Prototyping Design Build Pre Release Release

56. Test & Plan
Wix App Market - Case study
Fix crucial mistakes
Add new features
Complete revamp

57. Quick survey

58. Current design
Wix App Market - Quick survey

59. New design
Wix App Market - Quick survey

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

61. Think small
The Biggest Tip
flikie.com

62. Changing place from 5th to 4th
Small change big impact
Think small

63. 11.4% more users open the app market
13.8% more apps added
Small change big impact
Think small

64. Think small
Categories & name changes
5.88% more apps added

65. Insights

66. Insights

67. Them
&
Us

68. Them
mcbess.com
Know your users

69. Usability, Interviews, Surveys, Personas
Scenarios, Use cases, Card sorting,
Experience maps
..
Know Your Users
Insights - Know your users

70. Design
Wix kitchen
Insights - Know your users

71. Design
Wix kitchen
Insights - Know your users

72. In coffee houses
At your own desk
In a special lab
Insights - Know your users
?

73. In coffee houses
At your own desk
In a special lab
Usability Testing
Insights - Know your users

74. Spread the word
Insights - Know your users

75. Nothing taste better than
Cheap Feedback
Know your users

76. Feedback links
Know your users

77. Get on the phone
Know your users

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

79. What do users want?
New Features
Know your users

80. Social channels etc..
Use your community
Know your users

81. Wish list
Know your users

82. Sometimes users know best
Don’t be afraid to ask
Know your users

83. How do we mark out of stock items?
Know your users

84. A B C
Know your users

85. Know your users
We’re working on a few designs, and would like to know which one you prefer

86. 5 out of 6 responded within 24 hours
Know your users

87. A B C
Know your users

88. mcbess.free.fr
Us
The team

89. What’s your team DNA?
Who are you’re A players?
The team
Insights - The Team

90. “The main thing I’m looking for when
interviewing UX candidates
Are their social skills
Aarron Walter, mailchimp

91. Culture
Insights - The Team

92. Insights - The Team
Mistakes please!

93. Insights - The Team
Let’s meet

94. Insights - The Team
Transparency

95. Insights - The Team
Knowledge Sharing

96. Where do we go
from here?

97. Meet Alva j. Fisher

98. The first electric washing machine

99. Thanks