0
Nir Kosover
Meet Mr. Jesse W. Reno
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 Rel...
“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 f...
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 Researc...
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...
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 -...
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.	
  	
  
	
  ...
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
UX @ Wix, keys for a successful UX design process
UX @ Wix, keys for a successful UX design process
UX @ Wix, keys for a successful UX design process
UX @ Wix, keys for a successful UX design process
UX @ Wix, keys for a successful UX design process
UX @ Wix, keys for a successful UX design process
Upcoming SlideShare
Loading in...5
×

UX @ Wix, keys for a successful UX design process

2,013

Published on

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

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,013
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • נניח שמדרגות הם המוצר שלי
  • נניח שמדרגות הם המוצר שלי
  • UX, Coding, designing, Marketing

    יש פה כמה אנשים שאני לא מכיר, אז אני אציג את עצמי
  • והיום אנחנו נדבר על הצדדים היותר פרקטים של ux ו
    באופן כללי ויותר ספיציפית,
    איך יוצרים מוצרים בחברת מוצר שיש לה מיליוני משתמשים
  • החלק הראשון יעסוק במתודולוגיה
  • Dynamic evniroment
  • Dynamic evniroment
  • שתי שיטות מאוד דומות, שמנסות להתמודד עם ההשלכות של העולם האמיתי על התהליך של ה יו איקס
    העקרון הדומה בשניהם מדבר על קיצור התהליכים וההמשכיות שלו,
    עם דגש על צמצום פסולת..
    ליין, מתרכז ב mvp כדי שנוכל ללמוד כמה שיותר מהר מה עובד
    ו אגייל, מדבר על צוותים קטנים הטרוגנים שעובדים ביחד בספרינטים, מרווחי עבודה קצרים, עם דגש על המשכיות
  • אז בואו נכיר את התהליך דרך קייס סטדי של האפ מרקט
  • Use quotes for each stage..?
  • We use wireframe flow
    Trying to deal with the complicated scenarios
  • We use wireframe flow
    Trying to deal with the complicated scenarios
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • iPad style
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • Deliverables – Style guides
    UX QA
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • 20 % new users sometimes, only USA
    And then 50% of all.
    And then to everybody.
  • 20 % new users sometimes, only USA
    And then 50% of all.
    And then to everybody.
  • 1.6 מיליון כניסו
    0.5 מיליון התקנות
  • שיקולים עסקיים
    ובעיקר time to market

    שיקולים אנושיים,
    underestimating
    מחסור בכח אדם,
    איך הצוותים עובדים ביניהם וכדו׳

    משתמשים אמיתיים
  • בדקות האחרונות דיברנו על המתודולוגיה
    ועל תהליך יצירת המוצרים,
    וכמו שאתם בטח יודעים
    גם כשהתהליך זהה , לפעמים נוצרים מוצרים מעולים, ולפעמים פחות.
    כלומר יש שם עוד איזה משהו, משהו ביישום של המתודה שמשפיע מאוד על המוצר
    ועל זה, אני רוצה לדבר עכשיו.

    הייתי רוצה לחלק את זה ל-2 חלקים עיקריים

    התנסיתי בהרבה תהליכים כאלה,
    חלקם הולידו מוצרים מעולים, חלקם פחות,
    ואני רוצה לשתף אותכם במסקנות שהן בעיני מהותיות ליישום של המתודולוגיה

    ) לצאת הצידה מהתהליך (
  • להוציא דו״ח
    להתרכז ב dead ends
    And actionable items
  • אני רוצה להביא פה כמה דוגמאות
    לדרכים להגביר את הקשר עם המשתמשים שלנו
    עם דגש על מהיר וזול
  • בחרנו אנשים מתוך ה wishlist
    ושלחנו להם מייל דומה
    למייל שנראה מקודם
  • בחרנו אנשים מתוך ה wishlist
    ושלחנו להם מייל דומה
    למייל שנראה מקודם
  • בחרנו אנשים מתוך ה wishlist
    ושלחנו להם מייל דומה
    למייל שנראה מקודם
  • Most of the business world today operates in a ruthless environment
  • Most of the business world today operates in a ruthless environment
  • Most of the business world today operates in a ruthless environment
  • המרכיב אולי הכי חשוב של יישום מתודולוגיה,
    ואולי הדבר שמשפיע הכי הרבה על המוצר,
    אלו האנשים שעושים אותו,
    ולא רק האנשים עצמם אלא גם האופי של הצוות או הצוותים שמעורבים ומה היחסים בין האנשים
  • אנחנו אנשי ה ux מעולים בלאפיין את המשמשים שלנו )כמו שראינו בחלק הקודם(
    ומשקיעים המון משאבים כדי לעשות זאת, מצד שני
    מה עם לאפיין את הדי אן איי של הצוות, מקצועי וחברתי,
    חופש מול אחריות,
    תפקידים ברורים ומוגדרים מול סביבה דינמית
    כמה נגיעה עם ממשקים.
  • Most of the business world today operates in a ruthless environment
  • Most of the business world today operates in a ruthless environment
  • Most of the business world today operates in a ruthless environment
  • Most of the business world today operates in a ruthless environment
  • KPI
  • טוב, אז אלו היו כמה דוגמאות לדברים שחשובים לאופי של הצוות שלנו והחברה בכלל, ועכשיו אני רוצה לסיים במבט אל העתיד,
    וכדי לעשות את זה נחזור אחורה, להתחלה, אז התחלנו בממציא
    אני רוצה לסיים בממציא
  • Transcript of "UX @ Wix, keys for a successful UX design process "

    1. 1. Nir Kosover
    2. 2. Meet Mr. Jesse W. Reno
    3. 3. Genius!
    4. 4. Escalators first time users
    5. 5. Real users are unpredictable
    6. 6. About me
    7. 7. Real World UX
    8. 8. Methodology Insights Agenda
    9. 9. Agenda Methodology Insights
    10. 10. Traditional methodology ( waterfall ) Giphy.com
    11. 11. Welcome to the real world Mcbess.com
    12. 12. Lean & Agile to the rescue
    13. 13. Iterative approaches Cutting the waste Shortening the cycle Lean & Agile
    14. 14. Lean & Agile            
    15. 15. 47,000,000 websites Over 190 countries
    16. 16. Gangs & Guild MVP* mind set UX at Wix
    17. 17. Let’s create an App Market Case study
    18. 18. Portable.tv
    19. 19. Stake holders align the product vision Project launch (1) Project Launch Research Prototyping Design Build Pre Release Release    
    20. 20. “Knowledge is power” Research Francis Bacon (2) Project Launch Research Prototyping Design Build Pre Release Release    
    21. 21. Competitor research Wix App Market – Research
    22. 22. Competitor research Wix App Market – Research
    23. 23. Get a feel for the final product Prototyping (3) Project Launch Research Prototyping Design Build Pre Release Release    
    24. 24. 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
    25. 25. Wireframes flow Wix App Market - Prototyping
    26. 26. Wireframes flow Wix App Market - Prototyping
    27. 27. Wireframes flow Wix App Market - Prototyping
    28. 28. Wireframes flow Wix App Market - Prototyping
    29. 29. Wireframes flow Wix App Market - Prototyping
    30. 30. Wireframes flow Wix App Market - Prototyping
    31. 31. Wireframes flow Wix App Market - Prototyping
    32. 32. Wireframes flow Wix App Market - Prototyping
    33. 33. Refine Continue Decision Point
    34. 34. Exploring options & making decisions Design (4) Project Launch Research Prototyping Design Build Pre Release Release    
    35. 35. Exploring designs Wix App Market - Design
    36. 36. Exploring designs Wix App Market - Design
    37. 37. Exploring designs Wix App Market - Design
    38. 38. Decide and finalize Design
    39. 39.         Final designs Wix App Market - Design
    40. 40.         Final designs Wix App Market - Design
    41. 41.         Final designs Wix App Market - Design
    42. 42.         Final designs Wix App Market - Design
    43. 43. Wix Brand Book UX Patterns as a way of life Design
    44. 44. Brand Book Wix App Market - Design
    45. 45. Design   UX Patterns Wix App Market - Design
    46. 46. UI Library - App Market Wix App Market - Design
    47. 47. Deliver properly (Style guides, responsive behavior, mobile) Make sure it’s pixel perfect Build (5) Project Launch Research Prototyping Design Build Pre Release Release    
    48. 48. BI events Internal release Pre Release (6) Project Launch Research Prototyping Design Build Pre Release Release    
    49. 49. Progressive Rollout (Using A/B testing) Release (7) Project Launch Research Prototyping Design Build Pre Release Release    
    50. 50. Test & Plan Wix App Market - Case study Fix crucial mistakes Add new features Complete revamp
    51. 51. Quick survey
    52. 52. Current design Wix App Market - Quick survey
    53. 53. New design Wix App Market - Quick survey
    54. 54. 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
    55. 55. Think small The Biggest Tip flikie.com
    56. 56. Changing place from 5th to 4th Small change big impact Think small
    57. 57. 11.4% more users open the app market 13.8% more apps added Small change big impact Think small
    58. 58. Think small                 Categories & name changes 5.88% more apps added
    59. 59. Insights
    60. 60. Insights
    61. 61. Them & Us
    62. 62. Them mcbess.com Know your users
    63. 63. Usability, Interviews, Surveys, Personas Scenarios, Use cases, Card sorting, Experience maps .. Know Your Users Insights - Know your users
    64. 64. Design   Wix kitchen Insights - Know your users
    65. 65. Design   Wix kitchen Insights - Know your users
    66. 66. In coffee houses At your own desk In a special lab Insights - Know your users ?
    67. 67. In coffee houses At your own desk In a special lab Usability Testing Insights - Know your users
    68. 68. Spread the word Insights - Know your users
    69. 69. Nothing taste better than Cheap Feedback Know your users
    70. 70. Feedback links         Know your users
    71. 71. Get on the phone Know your users
    72. 72. 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
    73. 73. What do users want? New Features Know your users
    74. 74. Social channels etc.. Use your community Know your users
    75. 75. Wish list Know your users
    76. 76. Sometimes users know best Don’t be afraid to ask Know your users
    77. 77. How do we mark out of stock items? Know your users
    78. 78. A B C Know your users
    79. 79. Know your users We’re working on a few designs, and would like to know which one you prefer
    80. 80. 5 out of 6 responded within 24 hours Know your users
    81. 81. A B C Know your users
    82. 82. mcbess.free.fr Us The team
    83. 83. What’s your team DNA? Who are you’re A players? The team Insights - The Team
    84. 84. “The main thing I’m looking for when interviewing UX candidates Are their social skills Aarron Walter, mailchimp
    85. 85. Culture Insights - The Team
    86. 86. Insights - The Team Mistakes please!
    87. 87. Insights - The Team Let’s meet
    88. 88. Insights - The Team Transparency
    89. 89. Insights - The Team Knowledge Sharing
    90. 90. Where do we go from here?
    91. 91. Meet Alva j. Fisher
    92. 92. The first electric washing machine
    93. 93. Thanks
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×