{"id":7043,"date":"2018-10-09T11:28:39","date_gmt":"2018-10-09T09:28:39","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7043"},"modified":"2023-11-14T09:43:07","modified_gmt":"2023-11-14T08:43:07","slug":"lux-au-service-de-la-performance-de-vos-interfaces-conference-welovespeed-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/lux-au-service-de-la-performance-de-vos-interfaces-conference-welovespeed-2018\/","title":{"rendered":"L\u2019UX au service de la performance de vos interfaces – Conf\u00e9rence WeLoveSpeed 2018"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Aujourd’hui j’\u00e9tais \u00e0 Bordeaux pour la toute premi\u00e8re \u00e9dition de \u00ab\u00a0We Love Speed<\/a>\u00ab\u00a0. La conf\u00e9rence est d\u00e9di\u00e9e \u00e0 la performance web. J’y parlais de perception de performance et exp\u00e9rience utilisateur<\/strong>.<\/p>\n

Le r\u00e9sum\u00e9 de la conf\u00e9rence<\/h2>\n

Vous avez optimis\u00e9 la moindre ligne de code de votre site\u202f\/\u202fapplication mobile, utilis\u00e9 toutes les techniques \u00e0 votre disposition pour avoir un temps de chargement le plus rapide possible. Pourtant, vos utilisateurs se plaignent encore de la lenteur. Vous n\u2019avez pas le budget d\u2019Instagram ou Pinterest ? \u00c7a tombe bien, moi non plus !<\/p>\n

Je commence par pr\u00e9senter le fonctionnement du cerveau humain<\/strong> et ce qui va influencer la perception du temps<\/strong> chez vos utilisatrices.\u00a0 Je fais ensuite un tour d’horizon des diff\u00e9rentes techniques pour faire patienter les utilisatrices de 0 \u00e0 10 m<\/strong>s: retours visuels au survol ou touch, indicateurs de progression d\u00e9finis et ind\u00e9finis, transitions entre les pages, animation de l’arriv\u00e9e de \u00e9l\u00e9ments 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<\/strong>, mais attention \u00e0 ne pas oublier de pr\u00e9voir des solutions en cas d’\u00e9chec. Je vous donne \u00e9galement plusieurs m\u00e9thodes pour distraire\u00a0intelligemment les utilisatrices<\/strong> et charger des \u00e9l\u00e9ments en t\u00e2che de fond pendant ce temps l\u00e0, comme par exemple dans une galerie d’images pour une application dans un garage automobile.<\/p>\n

Au final, je me demande si c’est toujours une bonne id\u00e9e de vouloir aller TROP vite. Dans des situations comme la s\u00e9curit\u00e9 bancaire par exemple, aller trop vite risque de faire baisser la confiance dans votre produit<\/strong>. Au final dans certains cas, il vaut mieux ralentir, m\u00eame artificiellement les interfaces.<\/p>\n

Tout au long de la conf\u00e9rence, je vous\u00a0donne des\u00a0exemples tir\u00e9s de mes projets<\/strong>, r\u00e9ussites mais aussi \u00e9checs et limites pour vous aider \u00e0 comprendre comment impl\u00e9menter ces techniques chez vous. Car au final la performance est un travail d’\u00e9quipe entre designeuses et d\u00e9veloppeuses<\/p>\n

Les supports de conf\u00e9rence<\/h2>\n

Le support est conf\u00e9rence est disponible sur Speakerdeck et ci-dessous<\/p>\n

Voir le support sur Speakerdeck<\/span><\/a><\/p>\n