wordcamp nice 2018 passons (enfin) à l’user first · 2018-11-09 · wordcamp nice 2018 : passons...
TRANSCRIPT
![Page 1: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/1.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
WordCamp Nice 2018
Passons (enfin) à l’User First
@lipaonline
![Page 2: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/2.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
Patrick Faust aka. Lipaonline
Développeur WordPress
WordPress-trotter (Vienne, San Diego, Paris, Split…)
Consultant Digital
Consultant SEO
...
WordCamp San Diego (photo : JoeMcDonald)
![Page 3: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/3.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
Internet des années 199*
![Page 4: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/4.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
Internet des années 2014-16: Le responsive
![Page 5: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/5.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
Internet des années 2017-18: Le Mobile First
![Page 6: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/6.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
(Internet) des années 202* : User First
Objets connectés Blockchain
![Page 7: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/7.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX n’est pas (que) sur Internet
![Page 8: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/8.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX n’est pas (que) sur votre site web
Réseaux sociaux Sites “plateformes”
![Page 9: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/9.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX est inclusif (ou n’est pas)
Les 10 principes de l’Inclusive Design :
1 – être équitable et essayer de ne pas discriminer les gens dans vos design
2 – être flexible et proposer plusieurs options d’utilisation (mobilité, destop)
3 – être direct et non ambigu, amener de la valeur et pas de la complexité
4 – être simple et clair, avoir une structure et un contenu qui a du sens
5 – être informatif et s’assurer que les utilisateurs trouvent ce qu’ils cherchent
![Page 10: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/10.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX est inclusif (ou n’est pas)
Les 10 principes de l’Inclusive Design :
6 – être préventif et guider l’utilisateur tout au long de son parcours et de ses différentes utilisations
7 – être tolérant et indiquer précisément le pourquoi du comment des erreurs
8 – être sans efforts et éviter les restrictions
9 – être accommodant, épuré et discret
10 – être cohérent en suivant des standards, des guidelines et des bonnes pratiques
https://wordpress.tv/2018/10/09/table-ronde-wordpress-et-les-femmes-en-2018/
![Page 11: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/11.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX est rapide
● Hébergeur performant
● Thème léger
● AMP (Accelerated Mobile Pages)
● PWA (Progressive Web App)
… et écolo
![Page 12: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/12.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX intuitif
● navigation claire
● moteur de recherche performant (boutique, site media, FAQ, forum)
![Page 13: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/13.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
L’application mobile: solution ultime ?
![Page 14: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/14.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
L’exemple Pinterest (PWA)
● performance : 23 sec -> 6sec
● Ergonomie
![Page 15: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/15.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
L’UX Mobile First
![Page 16: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/16.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX intuitif
navigation claire
moteur de recherche performant
![Page 17: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/17.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
l’UX contextuel
● Répondre aux intentions de recherches (SEO)
● Géolocalisation
● Comportement utilisateur (en particulier sur mobile)
● Tracking de navigation
● Compte client (personnalisation)
![Page 18: WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline Patrick Faust aka. Lipaonline Développeur](https://reader036.vdocuments.site/reader036/viewer/2022081611/5f0c15927e708231d433a9fc/html5/thumbnails/18.jpg)
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline
Merci !