WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons...

18
WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline WordCamp Nice 2018 Passons (enfin) à l’User First @lipaonline

Transcript of WordCamp Nice 2018 Passons (enfin) à l’User First · 2018-11-09 · WordCamp Nice 2018 : Passons...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordCamp Nice 2018 : Passons (enfin) à l’User First @lipaonline

Merci !