Lancée en 2006, Wix est une plateforme de développement Web qui compte aujourd’hui plus de 110 millions d’utilisateurs à travers le monde. Concevoir une telle plateforme « Self-Service » et « DIY » à grande échelle amène des problématiques uniques. Dans cette présentation, nous verrons les principes de design à adopter et leur implémentation concrète ayant mené au succès de Wix. Nous parlerons, entre autres, de l’importance d’un excellent service client, de l’intérêt de bien comprendre ses utilisateurs et leurs utilisateurs, ainsi que des bonnes pratiques UX/UI pour ce type de produit. Finalement, nous aborderons le futur des plateformes « DIY » avec l’arrivée de nouvelles technologies.

1. Designer une plateforme
libre-service à grand
échelle chez Wix
#WAQ19
@YansouGirard

2. Bonjour!

3. Yansou Girard
UX / UI DESIGNER

4. 1. Qu'est-ce que Wix
2. Qu'est-ce que le Libre-Service
3. Pourquoi s'y Intéresser
4. Principes de Design

5. Qu'est-ce que Wix?

9. 90M 19016150M
Utilisateurs Sites PaysLangues

10. Technologies
Libre-Service

11. Qu’est-ce qu'une
technologie libre-service?

12. Interfaces technologiques
permettant de produire des
services indépendamment
de l’implication directe d’un
employé de service.
Source: Meuter (2000)

14. Marché des technologies libre-service
2017 2019 2020 2021
32B
2018 2022 2023
Taux de croissance annuel de 13%
Source: MRFR Analysis (2019)

15. Pourquoi est-ce
si populaire?

16. ANS
IL Y A

19. Révolutions technologiques
1760
Âge
industrielle
Mécanique
1870
Âge de la
machine
Électricité
1960
Âge de
l'information
Internet, TI
AUJOURD'HUI
Âge de
l'intelligence
AI, Mobile, IOT...

20. Plus une société est axée
sur la technologie, plus
elle devient libre-service.

21. Les consommateurs exigent plus
mais ne veulent pas attendre

22. Les gens préfèrent faire
les choses eux-mêmes

23. 33% des milléniaux
Source: Aspect (2015)
>

24. des relations avec une entreprise seront sans
interaction avec un humain, d'ici 2020
Source: Gartner (2018)

25. Rapide
Plus de contrôle
Personnalisé
Peu cher

27. + =
Efforts Produit Satisfaction
L’effet Ikea

28. Efforts affectent l’évaluation

29. Friction Idéale
FRICTION
VALEUR

30. Pourquoi s'intéresser
au libre-service?

31. Différence en coûts d’opération
Par enregistrementPar transaction
4.05$ 2.86$

32. Rapports
Croissance
ChambresSites
90M 146.1M 36M

33. Truly great software
companies are self-serve first.
- Gokul Rajaram, Lead @ Square

34. Échec des technologies libre-service
2003 2006 2010 2011
Source: TSIA Benchmark (2011)
52% 56%
60%
61%

35. Comment designons-nous
un produit libre-service
chez Wix?

36. Designer pour tous

37. “Good design is for everyone”

39. Z
www.gov.uk

40. - Gov.UK
We’re building for needs,
not audiences.

41. Ne pas utiliser de personas

47. Design orienté sur
les intentions

48. GFPP (Graphic Floating Properties Panel)

54. Blog
Stores
Video
Music
Answers
Booking
Photography
Promote
Hotels
Restaurants

55. WIX
Stores
WIX
Music
WIX
VOD
WIX
Restau.
WIX
Photo
WIX
Hotels
WIX
Blog
WIX
Forum
WIX
Events
WIX
Bookings
WIX
Editor
WIX
ADI
WIX
Home
WIX
CRM
WIX
1 App
WIX
Promote
WIX
App Market
WIX
PS
WIX
Answers
WIX
People

56. Compétences informatiques
Source: NN Group (2016)

57. Capacités des utilisateurs
FAIBLE MOYEN ÉLEVÉ
Wix ADI
Wix Editor
Wix Code

58. FAIBLE MOYEN ÉLEVÉ
Capacités des utilisateurs
Wix ADI
Wix Editor
Wix Code

61. FAIBLE MOYEN ÉLEVÉ
Capacités des utilisateurs
Wix ADI
Wix Editor
Wix Code

63. Wix ADI
Wix Editor
Wix Code
FAIBLE MOYEN ÉLEVÉ
Capacités des utilisateurs

64. Nous ne devrions pas créer des
choses pour qu’elles durent, mais
plutôt pour qu’elles changent.

65. Faciliter l’apprentissage

66. Friction idéale
FRICTION
VALEUR

67. Favoriser la cohérence

68. WIX
Stores
WIX
Music
WIX
VOD
WIX
Restaurants
WIX
Photograph
WIX
Hotels
WIX
Blog
WIX
Forum
WIX
Events
WIX
Bookings
WIX
Editor
WIX
ADI
WIX
Home
WIX
CRM
WIX
1 App
WIX
Promote
WIX
App Market
WIX
PS
WIX
Answers
WIX
People
Favoriser la cohérence

69. WIX
Stores
WIX
Music
WIX
VOD
WIX
Restaurants
WIX
Photograph
WIX
Hotels
WIX
Blog
WIX
Forum
WIX
Events
WIX
Bookings
WIX
Editor
WIX
ADI
WIX
Home
WIX
CRM
WIX
1 App
WIX
Promote
WIX
App Market
WIX
PS
WIX
Answers
WIX
People
UX Guild
Design Team
Favoriser la cohérence

70. Système de design

71. Design Atomique
PRIMITIVES COMPOSITES DESIGNS

72. PRIMITIVES COMPOSITES DESIGNS
Design Atomique

74. The real value of a design
system is to help us get
back to our real work.
- Dan Mall

75. Être amusant et visuel

76. Positive emotions increase
human capacity. People are
more thoughtful, creative,
adaptive when experiencing
positive emotions. - Bruce Temkin

82. Pretty is still

83. Équilibrer le contrôle

85. Mon Site

86. Mon Site

87. Difficile pour nous en tant que designer

88. Donner une perception
de contrôle

90. v

91. v

95. Une présence sur le web
pour tout le monde

96. Créer une communauté

97. Éduquer nos utilisateurs

98. Apprendre du support

101. Agents
Tel Aviv Miami DublinKievSF
94 97 40101122

102. Moyenne hebdomadaire
ChatTicketsAppels
10 000 21 000 TEST

103. des requêtes sont reliées aux paiements
et aux connexions de domaines

105. Propagation
DNS Records
Pointing records
Registrars
Hosting

106. Shadowing

107. Plus de support
=
Plus de conversion

108. Équilibrer support et objectifs

109. Dogfooding

110. Dogfooding
Lorsqu'une organisation
utilise son propre produit

111. Utiliser Wix pour créer
des produits Wix

112. Utiliser Wix pour créer Wix

113. Utiliser Wix pour créer Wix
FAIBLE MOYEN ÉLEVÉ
Wix ADI
Wix Editor
Wix Code

115. Skeleton Page Code

116. Rendre nos outils accessibles
à nos utilisateurs

117. FAIBLE MOYEN ÉLEVÉ
Wix ADI
Wix Editor
Wix Code
Rendre nos outils accessibles

118. Outil pour générer des templates

121. 1. Designer pour tous
2. Faciliter l’apprentissage
3. Équilibrer le contrôle
4. Apprendre du support
5. DogfoodingPrincipes

122. Le futur des technologies
Libre-Service

123. Révolutions technologiques
1760
Âge
industrielle
Mécanique
1870
Âge de la
machine
Électricité
1960
Âge de
l'information
Internet, TI
AUJOURD'HUI
Âge de
l'intelligence
AI, Mobile, IOT...

124. Reconnaissance
faciale
Segmentation
d’image
Intelligence Artificielle

125. 1760
Âge
industrielle
Mécanique
1870
Âge de la
machine
Électricité
1960
Âge de
l'information
Internet, TI
AUJOURD'HUI
Âge de
l'intelligence
AI, Mobile, IOT...
Quel est le futur du Libre-Service?

126. Quel est le futur des technologies?
1760
Âge
industrielle
Mécanique
1870
Âge de la
machine
Électricité
1960
Âge de
l'information
Internet, TI
AUJOURD'HUI
Âge de
l'intelligence
AI, Mobile, IOT...
FUTUR
AR, VR, VUI
???

128. Âge de la personnalisation.
Âge augmenté.
Âge de la durabilité.

129. - Don Norman
The future of design is
making it accessible to
everyone, by empowering
people with tools to help
themselves.

130. yansoug@wix.com
@yansougirard