• Like
  • Save
UX @ Wix, keys for a successful UX design process
Upcoming SlideShare
Loading in...5
×
 

UX @ Wix, keys for a successful UX design process

on

  • 1,546 views

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

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

Statistics

Views

Total Views
1,546
Views on SlideShare
268
Embed Views
1,278

Actions

Likes
1
Downloads
18
Comments
0

8 Embeds 1,278

http://uxi.org.il 1218
http://feedly.com 42
http://feeds.feedburner.com 5
http://www.inoreader.com 5
http://digg.com 4
https://twitter.com 2
http://www.newsblur.com 1
http://www.slideee.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • נניח שמדרגות הם המוצר שלי
  • נניח שמדרגות הם המוצר שלי
  • UX, Coding, designing, Marketing <br /> <br /> יש פה כמה אנשים שאני לא מכיר, אז אני אציג את עצמי <br />
  • והיום אנחנו נדבר על הצדדים היותר פרקטים של ux ו <br /> באופן כללי ויותר ספיציפית, <br /> איך יוצרים מוצרים בחברת מוצר שיש לה מיליוני משתמשים
  • החלק הראשון יעסוק במתודולוגיה
  • Dynamic evniroment
  • Dynamic evniroment
  • שתי שיטות מאוד דומות, שמנסות להתמודד עם ההשלכות של העולם האמיתי על התהליך של ה יו איקס <br /> העקרון הדומה בשניהם מדבר על קיצור התהליכים וההמשכיות שלו, <br /> עם דגש על צמצום פסולת.. <br /> ליין, מתרכז ב mvp כדי שנוכל ללמוד כמה שיותר מהר מה עובד <br /> ו אגייל, מדבר על צוותים קטנים הטרוגנים שעובדים ביחד בספרינטים, מרווחי עבודה קצרים, עם דגש על המשכיות
  • אז בואו נכיר את התהליך דרך קייס סטדי של האפ מרקט
  • Use quotes for each stage..?
  • We use wireframe flow <br /> Trying to deal with the complicated scenarios
  • We use wireframe flow <br /> Trying to deal with the complicated scenarios
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • iPad style
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • Deliverables – Style guides <br /> UX QA
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • 20 % new users sometimes, only USA <br /> And then 50% of all. <br /> And then to everybody. <br />
  • 20 % new users sometimes, only USA <br /> And then 50% of all. <br /> And then to everybody. <br />
  • 1.6 מיליון כניסו <br /> 0.5 מיליון התקנות <br />
  • שיקולים עסקיים <br /> ובעיקר time to market <br /> <br /> שיקולים אנושיים, <br /> underestimating <br /> מחסור בכח אדם, <br /> איך הצוותים עובדים ביניהם וכדו׳ <br /> <br /> משתמשים אמיתיים <br />
  • בדקות האחרונות דיברנו על המתודולוגיה <br /> ועל תהליך יצירת המוצרים, <br /> וכמו שאתם בטח יודעים <br /> גם כשהתהליך זהה , לפעמים נוצרים מוצרים מעולים, ולפעמים פחות. <br /> כלומר יש שם עוד איזה משהו, משהו ביישום של המתודה שמשפיע מאוד על המוצר <br /> ועל זה, אני רוצה לדבר עכשיו. <br /> <br /> הייתי רוצה לחלק את זה ל-2 חלקים עיקריים <br /> <br /> התנסיתי בהרבה תהליכים כאלה, <br /> חלקם הולידו מוצרים מעולים, חלקם פחות, <br /> ואני רוצה לשתף אותכם במסקנות שהן בעיני מהותיות ליישום של המתודולוגיה <br /> <br /> ) לצאת הצידה מהתהליך ( <br />
  • להוציא דו״ח <br /> להתרכז ב dead ends <br /> And actionable items <br />
  • אני רוצה להביא פה כמה דוגמאות <br /> לדרכים להגביר את הקשר עם המשתמשים שלנו <br /> עם דגש על מהיר וזול
  • בחרנו אנשים מתוך ה wishlist <br /> ושלחנו להם מייל דומה <br /> למייל שנראה מקודם <br />
  • בחרנו אנשים מתוך ה wishlist <br /> ושלחנו להם מייל דומה <br /> למייל שנראה מקודם <br />
  • בחרנו אנשים מתוך ה wishlist <br /> ושלחנו להם מייל דומה <br /> למייל שנראה מקודם <br />
  • Most of the business world today operates in a ruthless environment <br />
  • Most of the business world today operates in a ruthless environment <br />
  • Most of the business world today operates in a ruthless environment <br />
  • המרכיב אולי הכי חשוב של יישום מתודולוגיה, <br /> ואולי הדבר שמשפיע הכי הרבה על המוצר, <br /> אלו האנשים שעושים אותו, <br /> ולא רק האנשים עצמם אלא גם האופי של הצוות או הצוותים שמעורבים ומה היחסים בין האנשים
  • אנחנו אנשי ה ux מעולים בלאפיין את המשמשים שלנו )כמו שראינו בחלק הקודם( <br /> ומשקיעים המון משאבים כדי לעשות זאת, מצד שני <br /> מה עם לאפיין את הדי אן איי של הצוות, מקצועי וחברתי, <br /> חופש מול אחריות, <br /> תפקידים ברורים ומוגדרים מול סביבה דינמית <br /> כמה נגיעה עם ממשקים. <br />
  • Most of the business world today operates in a ruthless environment <br />
  • Most of the business world today operates in a ruthless environment <br />
  • Most of the business world today operates in a ruthless environment <br />
  • Most of the business world today operates in a ruthless environment <br />
  • KPI
  • טוב, אז אלו היו כמה דוגמאות לדברים שחשובים לאופי של הצוות שלנו והחברה בכלל, ועכשיו אני רוצה לסיים במבט אל העתיד, <br /> וכדי לעשות את זה נחזור אחורה, להתחלה, אז התחלנו בממציא <br /> אני רוצה לסיים בממציא <br />

UX @ Wix, keys for a successful UX design process UX @ Wix, keys for a successful UX design process Presentation Transcript

  • 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 Release    
  • “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 frames 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
  • 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 Research Prototyping Design Build Pre Release Release    
  • 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 Market - Quick survey
  • 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 - Know your users
  • 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.       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
  • 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