Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
•
1 j'aime•1,366 vues
From Flash to HTML5 Product Challenges and Successes HTML5FEST 2012 - Omer Gartzman presentation.
Recommandé
Contenu connexe
Dernier
Dernier (20)
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
- 1. Omer Gartzman, Product Manager
- 6. Support center Server Client 6
- 8. Where did we start from? Product management challenges Where are we heading? 8
- 11. - Company history Founded – October 2006 Open beta - June 2008 Flash install base - 99%
- 12. - The numbers Millions registered users 1M new free users/month 40,000 new Premium sites/month
- 13. 13
- 14. Popular segments: Design Photography Consultancy Music Entertainment Clothing and Fashion Art Beauty and care Foods and drinks Construction Transportation Non for profit Sport Health Familly events Education Real Estate Highly diversified SOHO customer base - from art to law firms, from plumbers to models 14
- 17. 17
- 18. 18
- 19. 19
- 20. 20
- 21. 21
- 22. 22
- 23. 23
- 24. 24
- 25. 10 colors Semantic names 25
- 26. 26
- 27. Non-semantic names 5 main colors and tones Stunning color transition 27
- 28. 28
- 29. 29
- 30. 30
- 31. 31
- 32. 32
- 33. 33
- 34. 34
- 35. 35
- 36. 36
- 37. Usability tests A/B test new features Support feedback 37
- 38. 38
- 39. 39
- 40. 40
- 41. 41
- 52. 52
- 53. More than 1 Million HTML5 websites 1 Million new users each month Stunning websites Big players using Wix HTML5 websites 53
- 54. Ok, ok, stunning websites, and what about the investors ? Conversion Churn User Value 54
- 55. 55
- 56. Recently launched Integrating 3rd party applications into Wix HTML5 websites Developer center 56
- 57. Building an application for website? Expose your app to 27M Wix users Visit dev.wix.com 57
- 58. Omer Gartzman omerg@wix.com www.linkedin.com/in/omergartzman See full presentation at html5fest.wix.com/site 58
Notes de l'éditeur
- חברת WIX – ידועה בתור פלטפורמת בניית אתרי אינטרנט בטכנולוגיית Flashהציעה Do it yourself Website builder, מוצר שפונה לקהל הרחב שלא יודע לתכנת ולבנות אתרים.בשנה האחרונה ביצעה מעבר לבניית אתרי HTML5
- התהליך מאוד מעניין וישנם הרבה סיפורים שניתן לספר
- המנכ"ל היה עומד פה ומסביר על דעיכת ה Flash, מאבק האיתנים בין html5 לבין Flash וההחלטה הניהולית לפתח HTML5 website builder
- יעמוד סמנכ"ל השיווק ויספר על המהלך השיווקי, איך ממצב בו wix = Flash, ממתגים את wix כמוצר HTML5?
- אני מנהל מוצר HTML5 website builderאני רוצה לספר את הסיפור שלי
- Recommend “Mind the product” blogניהול מוצר - צומת בין עסקים, טכנולוגיה וחוויית משתמש (רמז - רק מנהל מוצר מגדיר את עצמו בדיאגרמה)Regarding HTML5 - as a product manager, I care not only about the technology, but also about UX, capabilities, and not how it is implemented. thus for me, HTML5 is a brand.
- בשביל להבין את התהליך, אני רוצה לפרק קצת על WIX, מה אנחנו עושים, מיהם הלקוחות, קצת על המודל העיסקיאיפההיינו בתחילת הדרך?מדובר על לפני שנה שנה וחצי
- מוצר מצליח ומוכרDRAG AND DROPWYSIWYGקח כל תמונה או טקסט – סובב תוסיף נצנצים.מאוד גרפי, מאוד כיפי.
- מודל Freemium – בניית אתר בחינםמשלמים על דומיין, הורדת פרסומות, חבילת eCom
- לפני כשנה שנה וחצי - החלטה ניהולית לפתח HTML5 website builderהכוונה לפתח מוצר מודרני ועדכני שיאפשר לבנות אתרי אינטרנט כפי שהאינטרנט נראה היום וכפי שהוא יראה בעתידזמן – 6 חודשיםמה המוצר המינימלי?הרבה מה לא עושים
- בכדי לתת לכם לטעום מין התהליך,נבחן שני אתגרים איתם התמודדנו בפיתוח המוצר החדש
- במוצר החדש אנחנו רוצים לאפשר חוויה חדשה שלא היתה ב FLASHאנחנו רוצים לתת את היכולת לשנות את עיצוב האתר בקליק אחד:אחת האפשרויות היא שינוי צבעיםהחוויה הרצויה – התנסות כמו בחנות בגדיםהצבעים האלה מתאימים ליאלה פחותאלה יותר
- אלה פחות
- אלה יותראו איך אשתי אומרת?"איפה זה פוגש אותי"
- How many colors?Semantic names – yes or no. background 1,2 or 5 colors?
- פירוק אתר לגורמיםאלמנטים, קטעי טקסט וכוספירת מספר הצבעים הנדרשים להביע אתר
- פירוק לפלטת צבעים שטוחה מול סמנטית
- פלטת סמי-סמנטיתUIראשוניניתן לראותבצהובהוראות פנימיות שלנו לשימוש בצבעים.פשוט? לא בטוח
- בדקנו את השימושיות של סוגי פלטות שוניםאת הבנת המשתמש של מודל הצבעיםואיך משתמשים בהן
- המסקנהפשטות5 צבעים מרכזיים, ללא שמותושימוש בגוונים של הצבעים המרכזיים
- כך אנחנו מאפשרים אתחווית השיטוט בחנות הצבעיםוהחלפת פלטת צבעים אשר משנה את עיצוב האתר בקליק אחד
- אתגר נוסף שעמד בפנינו:איזה SITE LAYOUT יהיה לנו?ביצענו מחקר מקיף של עשרות או מאות אתרי אינטרנט – איך הם בנויים, מה עושה אותם יפים, באיזה אלמנטים משתמשים?לבסוף, בחרתנו מבנה אתר אחיד שיתמוך בכמה שיותר סוגי אתריםאחת הדרישות, בשונה מהפלאש – אורך עמודים משתנה
- אורך קבועאלמנט של "דפים"יכולת של דפים פנימיים בתוך עמוד מסוים
- HEADER PAGE FOOTER
- איך עורכים אלמנטים בהדר או פוטר?או בכלל אלמנטים שחוזרים בכל העמודיםשימו לב לטולטיפ...
- פתרון ראשוןMaster page modeהצגתאלנטים שחוזרים בכל העמודים בלבד.בעיות:קשה להבין את המוד הזהאיך נכנסים אליואיך הם יושבים עם שאר האלנטים
- המסקנה היא שחייבים לראות את כל האלמנטים תמיד על המסך.ואיך נבדיל ביניהם ונערוך אותם?על ידי קונספט“Show on all pages”
- צקבוקס
- בלחיצה עליו אני משנה את מצב התמונה –האם תופיע בעמוד זה או בכל העמודים
- ומה הלאה?כמנהל מוצר, אני צריך להיות קשוב למשתמשיםRemove tooltips
- המשך פיתוח שיפורים למוצר
- אחרי 7 חודשיםלא מחכים לפיצר שיהיה גמור אלא מוציאים פיצר מינימאלימה שמוכר כ MVP
- פתרון עתידיגרירת אלמנט להדר תגרום לו להופיע אוטומטית בכל העמודיםלמעשה, כבר נוסה ב a/b test,הפסיד, וחזר לשולחן הפיתוח לתיקוני באגים ושימושיות
- אחרי שישה חודשי פיתוחבמרץ 2012השקנו את המוצר החדשזאת היתה טעימה קצרה שלאתגרים שהיו לנו בפיתוח המוצר, שהיום בונה את האינטרנט על ידי Stunning HTML5 websitesוהנה מספר דוגמאות לאתרים שנבנו מאז ב WIX
- אתרים
- יפים
- מגוונים
- מעוצבים
- במגוון של נושאים
- מכל העולם
- היכן אנחנו היום, 7 חודשים אחרי השקת המוצר?
- Success = Business successSuccess ≠ Superior technologySuccess ≠ State of the art platform…shoulders of flash giants – Marketing, Servers, CDNs, Operations, SupportConversion – up 25%Churn – Down 40%User Value – up 33%
- Conversion – up 25%Churn – Down 40%User Value – up 33%
- ולאן פנינו מועדות?כאן אתם נכנסים לתמונה
- חנות אפליקציות שהושקה לאחרונהמאפשרת אינטגרציה של אפליקציות חיצוניות באתרי WIXכולל DEVELOPER CENTER ו SDK מלא ומפורט
- אני מזמין אתכם להצטרף להצלחה של WIXולחשוף את המוצר שלכם למיליון משתמשים חדשים כל חודשולקחת חלק בבניית עתיד האינטרנט