L’UX au service de la performance de vos interfaces – Conférence WeLoveSpeed 2018
Aujourd’hui j’étais à Bordeaux pour la toute première édition de « We Love Speed« . La conférence est dédiée à la performance web. J’y parlais de perception de performance et expérience utilisateur.
Le résumé de la conférence
Vous avez optimisé la moindre ligne de code de votre site / application mobile, utilisé toutes les techniques à votre disposition pour avoir un temps de chargement le plus rapide possible. Pourtant, vos utilisateurs se plaignent encore de la lenteur. Vous n’avez pas le budget d’Instagram ou Pinterest ? Ça tombe bien, moi non plus !
Je commence par présenter le fonctionnement du cerveau humain et ce qui va influencer la perception du temps chez vos utilisatrices. Je fais ensuite un tour d’horizon des différentes techniques pour faire patienter les utilisatrices de 0 à 10 ms: retours visuels au survol ou touch, indicateurs de progression définis et indéfinis, transitions entre les pages, animation de l’arrivée de éléments sur la page, etc. Saviez-vous qu’une mouette peut permettre de faire attendre vos utilisatrices ? Il est aussi possible de faire semblant avec les interfaces optimistes, mais attention à ne pas oublier de prévoir des solutions en cas d’échec. Je vous donne également plusieurs méthodes pour distraire intelligemment les utilisatrices et charger des éléments en tâche de fond pendant ce temps là, comme par exemple dans une galerie d’images pour une application dans un garage automobile.
Au final, je me demande si c’est toujours une bonne idée de vouloir aller TROP vite. Dans des situations comme la sécurité bancaire par exemple, aller trop vite risque de faire baisser la confiance dans votre produit. Au final dans certains cas, il vaut mieux ralentir, même artificiellement les interfaces.
Tout au long de la conférence, je vous donne des exemples tirés de mes projets, réussites mais aussi échecs et limites pour vous aider à comprendre comment implémenter ces techniques chez vous. Car au final la performance est un travail d’équipe entre designeuses et développeuses
Les supports de conférence
Le support est conférence est disponible sur Speakerdeck et ci-dessous
Voir le support sur Speakerdeck
La vidéo de la conférence
Quelques tweets
Voilà quelques tweets durant la conférence.
@WalterStephanie "Parfois la vitesse est contre-productive !" L'exemple de la sécurité bancaire, de kayak, ou des chatbots. On recrée un sentiment "d'effort effectué" avec des loaders artificiels 🤗 @_welovespeed #UX #webPerf pic.twitter.com/xQN3exGy6e
— Sébastien Fourault (@SebFourault) October 9, 2018
@WalterStephanie "La mouette comme indicateur d'attente" ou comment un loader change la perception du temps de chargement @_welovespeed #webperf #welovespeed #UX pic.twitter.com/TibBMqFdlD
— Sébastien Fourault (@SebFourault) October 9, 2018
Un grand merci @WalterStephanie pour ta conf à @_welovespeed Beaucoup de retour d'XP, de tips et d'infos super utiles. Un grand merci ! pic.twitter.com/pPi5UNPVEe
— Perussel Nicolas (@mamoot64) October 9, 2018
#Welovespeed @WalterStephanie nous parle de la performance par le prisme de l'UX pic.twitter.com/PhJlSfGj1L
— Damien Jubeau (@DamienJubeau) October 9, 2018