Aujourd’hui, petit article légèrement plus court que d’habitude pour parler de plein de points communs qu’ont les interfaces des jeux vidéos auxquels on joue régulièrement et celles des sites et autres applications que l’on conçoit et développe tous les jours chez Uxer.

En effet, on y pense pas forcément lorsqu’on joue à un jeu sur notre PC gamer, notre console dernière génération ou même notre smartphone, mais beaucoup de notre temps de jeu est passé à interagir avec une UI. Ces interfaces sont bien souvent plutôt bien pensées et utilisent un ensemble de règles et techniques que l’on peut appliquer au métier d’UI et d’UX Designer.

Rendre le complexe accessible et intuitif

Un jeu vidéo comporte la plupart du temps un nombre très élevé d’informations qui doivent être communiquées aux joueurs.

Prenons l’exemple d’un RPG (ou jeu de rôle, pour mamie qui essaye encore de comprendre l’UX avec notre dernier article), dans lequel notre personnage au cours de sa progression se verra accumuler compétences et objets, aura accès à un système de crafting avec recettes et ingrédients, devra utiliser des points de talents pour se spécialiser ou encore devra consulter une carte du monde avec tous les indicateurs et points d’intérêts…

Tous ces éléments inhérents au gameplay représentent une masse d’informations qu’il faut réussir à présenter au joueur de façon rapide et intuitive et avec lesquelles il devra pouvoir interagir efficacement. Si l’UI du jeu est mal pensée, cela peut vite devenir une véritable corvée de réaliser la moindre petite action et faire complétement sortir du jeu.

L’accessibilité de l’interface est également capitale. Un même jeu peut être joué à la fois sur ordinateur à l’aide d’un clavier et d’une souris, sur une console à la manette et parfois même en tactile sur smartphone et tablettes.

Autant de problématiques que l’on rencontre lorsque l’on conçoit un site web, une application métier ou une application mobile.

Une des clés d’un jeu réussi est d’arriver à garder le joueur immergé dans son univers. Rien de pire qu’un message d’erreur système ou d’un bug étrange qui vient vous sortir de votre aventure et vous rappeler votre statut de joueur.

Il existe différents types d’affichage de l’interface (on parle aussi de “HUD” ou “heads-up display”). Pour afficher des éléments qui ne font pas partie de l’univers du jeu, comme une barre de vie (même si ce serait parfois pratique dans la vraie vie…), on parle d’interface extradiégétique. Mais pour avoir un résultat immersif, beaucoup de jeux utilisent une interface diégétique, c’est-à-dire quand l’interface correspond à l’utilisation d’un objet du personnage incarné (une carte, un livre avec des indications…).

Ce qui aide également à rendre une interface immersive va être de travailler sur les éléments qui la composent : la typographie, l’iconographie, les effets visuels… En effet, la plupart du temps, les interfaces sont en accord avec l’univers de leurs jeux, tantôt futuriste, médiévales fantastiques… Le but étant d’avoir un ensemble cohérent et convaincant pour le joueur.

C’est le même principe lorsque l’on pense l’interface d’un site ou d’une application mobile ou même en amont quand on travaille sur l’identité visuelle d’une marque ou d’un produit. Il est nécessaire d’aligner les valeurs d’une marque et ses objectifs business avec les codes visuels et narratifs qui vont composer son branding.

Votre marque est-elle ludique, accessible et familiale ? Ou plutôt corporate, sérieuse et élitiste ? Autant d’éléments de l’ambiance globale de votre produit que l’utilisateur doit pouvoir ressentir.

Imaginez, vous parcourez un site de location d’appartement. Vous tombez enfin sur la perle rare, vous scrollez les informations de la page, consultez les photos, tout semble parfait. Votre curseur se positionne ensuite naturellement sur “Nous contacter” et puis… rien. Pas un petit effet au passage de la souris, pas d’ouverture d’un formulaire de contact, pas un message d’erreur. Juste rien.

Frustrant, non ? C’est un principe de base d’une interface utilisateur réussie. Lorsqu’un utilisateur effectue une action, il s’attend à un retour. Positif ou négatif (de préférence positif), mais il veut avoir la confirmation que son action a bien été prise en compte.

C’est quelque chose que les jeux vidéos ont très bien compris. En jouant, on est rarement confronté à des situations où nos actions ne déclenchent rien. Si on appuie sur un bouton dans le couloir d’un donjon, que ce bouton fonctionne ou non, nous seront gratifiés d’un effet sonore de bouton pressé, d’une porte qui s’ouvre ou au pire d’un message nous indiquant que ce bouton est cassé et que nous devons revenir plus tard.

Lorsque l’on conçoit et développe des produits digitaux, il est capital de penser des systèmes de retours d’informations à l’utilisateur, afin que sa navigation soit la plus fluide possible. Idéalement, ces messages doivent être personnalisés et liés aux actions réalisées (on va pas se mentir, avoir un message indiquant uniquement le mot “Erreur” c’est bien, mais ça fait pas vraiment avancer le schmilblick).

Et voilà pour cet article ! Evidemment, les jeux vidéos et les sites et applications mobiles sont deux univers très différents et il serait une erreur de penser une expérience utilisateur en se basant sur les mêmes critères. Mais il n’en reste pas moins que l’on peut apprendre d’un domaine pour en enrichir un autre.

Il est souvent bénéfique de prendre un peu de recul et d’explorer un thème sous une autre perspective, ici en changeant de medium, pour mieux penser notre sujet.

À l’agence, on aime plutôt pas mal les jeux vidéos. On aime aussi les interfaces utilisateurs. Boom, featuring.

Quels sont les points communs qu’ont les interfaces des jeux vidéos auxquels on joue régulièrement et celles des sites et autres applications que l’on conçoit et développe tous les jours chez Uxer ?

Que peut-on apprendre de l'UI des jeux vidéos ?

Tout d’abord, qu’est-ce que le RGAA ? Sous son acronyme un peu barbare se cache une notion simple : rendre les sites et les services numériques accessibles à tous. Autrement dit, rendre les produits digitaux compréhensibles et utilisables par tous, notamment les utilisateurs en situation de handicap.

Les utilisateurs peuvent en effet être atteints de différents troubles comme des troubles visuels (daltonisme, malvoyance…), des troubles moteurs (difficulté ou impossibilité d’utiliser un clavier ou une souris…), des troubles du langage ou encore des troubles auditifs.

Le référentiel général d’amélioration de l’accessibilité (RGAA) comporte donc un ensemble de règles (106 au jour de l’écriture de cet article, pour être précis 🤓) à appliquer lors de la conception de son produit digital (site internet, application mobile…) pour s’assurer qu’il peut être utilisé par le plus grand nombre.

Au delà de s’adresser uniquement à des utilisateurs en situation de handicap, le respect de ces règles peut également bénéficier à tous vos utilisateurs grâce à des principes de contrastes, de lisibilité et de hiérarchie des informations. Mais on va y revenir juste en dessous. 👇

Il est bon, avant de parler de bonnes pratiques concrètes à appliquer dans la conception de son site ou de son application mobile, de préciser que ces règles d’accessibilité concernent dans leur implémentation aussi bien les designers que les développeurs. En effet, si certains points doivent être anticipés directement à l’étape de la création des maquettes de l’interface (on en parlait déjà dans cet article sur quelques règles du design d’interface), d’autres devront être abordés dans leur intégration technique.

Voici une liste (non exhaustive) de quelques points qui nous semblent particulièrement importants à mettre en place :

Assurez-vous d'utiliser des combinaisons de couleurs offrant un bon contraste entre le texte et l'arrière-plan pour une meilleure lisibilité. Dans le même esprit, faites attention à la taille de la typographie utilisée pour l’affichage de vos textes. Une police trop petite peut rendre le texte compliqué à lire ou plus simplement fatiguer les yeux du lecteur. Au contraire, une typographie trop grande peut rendre la lecture confuse.

Une règle fondamentale de l’UI Design est de faire correspondre les couleurs des différents éléments interactifs de votre produit avec l’interaction qu’il y a derrière. Pour résumer : un élément positif sera généralement en vert et un élément négatif en rouge. Mais il est important de se rappeler que tout le monde ne perçoit pas les couleurs de la même manière ! Un utilisateur daltonien (et il n’y a d’ailleurs pas qu’un seul type de daltonisme) aura du mal à s’y retrouver si les messages sont communiqués uniquement par la couleur. Pensez donc à lier des éléments textuels clairs à chacune de vos interactions.

Organisez le contenu de manière claire et cohérente en utilisant des en-têtes et des sous-titres appropriés. Cela facilite la navigation et la compréhension pour les utilisateurs, en particulier ceux qui utilisent des lecteurs d'écran.

Concevez une navigation facile à utiliser, en fournissant des menus déroulants, des liens clairs et des indications visuelles pour aider les utilisateurs à se déplacer dans votre site ou application. Assurez-vous que la navigation soit également accessible au clavier.

Pour les images, utilisez des descriptions alternatives (attributs alt) qui décrivent le contenu de l'image de manière concise et pertinente. Cela permet aux utilisateurs ayant une déficience visuelle d'accéder à l'information véhiculée par les images.

Formulaires et éléments d’interaction

Assurez-vous que les formulaires soient bien structurés avec des étiquettes claires et des indicateurs d'erreur appropriés. Les contrôles interactifs, tels que les boutons et les menus déroulants, doivent être facilement utilisables au clavier et compatibles avec les technologies d'assistance.

Concrètement, comment savoir si notre site ou notre application est accessible ? On vous parlait plus tôt dans cet article des 106 critères du RGAA à respecter. A chaque critère est associé différents tests permettant de le valider ou non.

Prenons un exemple simple avec un critère dans la catégorie “Couleur”. Selon le critère 3.1 du RGAA : “Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur”. Il existe ici 6 tests différents pour s’assurer que ce critère est bel est bien respecté. Il nous suffit donc de parcourir notre site ou application mobile et d’appliquer la méthodologie correspondante à chaque test.

Pour notre exemple, si on se réfère au test 3.1.1, nous devons nous assurer que : “Pour chaque mot ou ensemble de mots dont la mise en couleur est porteuse d’information, l’information ne doit pas être donnée uniquement par la couleur”.

La méthodologie de ce test est la suivante :

Retrouver dans le document les informations données par la couleur dans un mot ou un ensemble de mots ;

Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;

Si c’est le cas pour chaque information, le test est validé.

C’est ce processus qui est appliqué sur la majorité des sites et applications conçus et développés chez Uxer. Des audits externes peuvent même être demandé par nos clients pour s’assurer de la conformité de leur produit.

Ça a été le cas par exemple avec Cdiscount, pour qui nous avons travaillé à la refonte de leur site dédié à l’emploi. Et plus récemment encore avec le groupe Ociane Matmut, pour lequel l’audit réalisé a démontré un taux de conformité d’environ 75% sur l’ensemble de l’application développée.

Au delà des chiffres, critères et méthodologies de tests, il est important de se rappeler que tout ce travail a pour but de lutter contre les discriminations des personnes handicapées et de créer des sites et applications mieux conçus et plus utilisables, pour tous.

Qu’est-ce que ça veut dire ? Pourquoi faire ? Comment le mettre en place ? 🤔

Qu’est-ce que ça veut dire ? Pourquoi faire ? Comment le mettre en place ?🤔

Qu'est-ce que le RGAA ? Quelles sont les bonnes pratiques à mettre en place sur mon site web ou mon application mobile ?

RGAA : rendre accessible mon site ou mon application mobile

Le no code n’est pas quelque chose de nouveau en 2023, ou même dans le milieu des agences digitales. En effet, on voit de plus en plus d’agences spécialisées dans la création de sites internet en no code s’ouvrir un peu partout. Certaines créations 100% no code rivalisent même en terme de créativité avec des sites développés à la main !

Concrètement : qu’est-ce que c’est ? Cela consiste à créer des sites web ou des applications sans avoir à écrire de code, mais en utilisant des outils avec une interface visuelle qui génère le code à votre place.

Les avantages évidents : une création plus rapide, qui ne nécessite pas l’intervention de développeur et donc moins chère. En revanche, ces outils peuvent parfois s’avérer limités lorsque l’on travaille sur des fonctionnalités complexes et spécifiques.

La solution : être malin et combiner plusieurs outils ensemble ! Par exemple : utiliser Bubble pour créer une application web sans coder, gérer une base de données avec Airtable, récupérer des données d’un formulaire grâce à Tally et automatiser des tâches avec Zapier. Il peut être intéressant de noter qu’on parle également  de low code : utiliser une base d’outil no code pour créer son application et y ajouter son propre code pour des fonctionnalités spécifiques.

Les outils no code évoluent rapidement ! Et vous l’aurez compris : créer son site ou son application sans coder devient donc une option de plus en plus viable.

Appréhender le no code en tant qu’agence digitale

Le fonctionnement de l’agence uxer aujourd’hui pourrait laisser penser que le no code n’a pas sa place dans notre process projet. En effet, nous commençons chaque projet par un accompagnement UX poussé, qui se traduit ensuite par une UI moderne et efficace pour enfin prendre vie avec un développement sur-mesure (pour la faire courte, en vrai on s’adapte à chaque client et chaque projet ✌️).

Mais prenons du recul, si on gardait deux composantes de notre savoir-faire : l’UX et le design produit (UI) et qu’on y ajoutait une expertise en no code ? On pourrait alors proposer une offre supplémentaire à nos clients, sans arrêter notre accompagnement traditionnel UX + UI + Code.

Parce que non, le no code ne remplacera jamais nos développeurs, mais il peut permettre de compléter nos possibilités d’accompagnement pour répondre à des demandes de réalisation de projets plus simples, moins couteux mais toujours aussi efficaces.

Et c’est donc là que Webflow intervient. Cet outil permet de créer des sites internet sans coder permettant aux designers d’intégrer directement leurs maquettes de manière visuelle, ce qui apporte un grand nombre d’avantages.

Tout d’abord, la créativité est mise au premier plan. Les designers vont pouvoir penser une maquette ou une marque de son idée à son intégration finale et contrôler tous les petits détails du design, d’animation et de micro interactions. De la même manière, avoir la possibilité de développer directement son idée permet de mieux les expliquer ou de les prototyper et de les faire visualiser.

Webflow offre également aux designers la possibilité de faciliter les itérations sur le design. Ces derniers peuvent effectuer des modifications directement sur le produit final et ajuster leurs designs en temps réel. Les clients peuvent alors visualiser le produit final et donner des commentaires ou des suggestions d'améliorations, sans avoir à attendre des itérations supplémentaires.

Alors qu’est-ce que ça veut dire pour l’agence ? D’abord, que l’on va continuer à proposer notre accompagnement classique. Parce que c’est la force de notre agence : un accompagnement unique pour chaque projet, une conception centrée autours de vos utilisateurs, une direction artistique pour que votre marque sorte du lot et des développements sur-mesure pour répondre aux besoins spécifiques de chaque projet.

Mais nous réfléchissons en ce moment et depuis quelques mois maintenant à une offre complémentaire à celle-ci, qui mettrait en avant le no code pour certains de nos projets, sans pour autant rogner sur notre patte UX et UI, signature de notre agence.

Nous avons hâte de vous présenter le fruit de cette réflexion et de continuer à vous accompagner dans vos projets digitaux, en no code (ou pas).

Nos développeurs ont-ils à craindre pour leur poste ? Est-ce la fin des développements sur-mesure ? Non, mais c’est quand même intéressant.

Comment une agence digitale peut utiliser des outils no code comme Webflow pour créer des sites et des applications web

Pourquoi une agence digitale utiliserait-t-elle le no code ?

Aujourd’hui, on parle d’accessibilité versus créativité, de cohérence dans nos interfaces, de taille, de forme et de couleur.

Toutes ces petites choses qui peuvent sembler être des détails, mais qui avec de l’expérience et mises bout à bout permettent en les prenant en considération de devenir un meilleur designer et de créer des produits plus efficaces, plus accessibles ou plus simplement : de meilleurs produits.


L’accessibilité est plus importante que la beauté

L’accessibilité est un sujet qui prend de plus en plus d’importance dans le digital et à raison. Cela regroupe un ensemble de règles et d’éléments à mettre en place afin que votre produit soit accessible au plus grand public possible et notamment aux personnes atteintes de handicap (qu’il soit visuel, auditif, moteur, etc.).

Mais qui dit accessible ne veut pas pour autant dire morne et ennuyeux ! Le challenge est là : réussir à conserver sa créativité en gardant en tête la lisibilité des informations que l’on affiche. Toujours penser : “est-ce qu’une personne avec une mauvaise vue pourrait correctement utiliser mon produit ?”. Les normes d’accessibilité ne doivent pas être un frein à votre liberté artistique, mais nous aiguiller vers des choix plus judicieux qui ultimement serviront votre produit en le rendant utilisable par chacun.

Pour vous aider dans cette démarche, de nombreux outils existent aujourd’hui pour tester vos designs et s’assurer que tout est correctement lisible. Par exemple : Stark permet de tester très rapidement vos maquettes sur votre logiciel de design préféré et de calculer les niveaux de contrastes, les rapports de tailles de typographie ou encore de simuler les différentes visions des multiples types de daltonisme.

L’interface de votre produit devrait toujours rester cohérente. Pensez à la manière dont vos utilisateurs utiliseront l’interface de votre site, application ou autre. Si sur le premier écran le bouton d’action se situe en bas à gauche, puis sur le second écran se situe en bas à droite, puis sur le troisième écran se situe au centre, vous risquez de créer une confusion légitime.

C’est également le cas pour les couleurs utilisées. Il est souvent préférable de commencer la création de son produit en établissant une palette de couleurs qu’on utilisera ensuite sur les différents composants de notre interface. Mais attention à ce que cela reste une utilisation cohérente : si notre bouton d’action principal est bleu sur le premier écran, il devrait utiliser le même bleu sur les autres écrans afin de ne pas perturber l’utilisateur.

Enfin, il est également important d’être cohérent dans la structure de son interface. On dit souvent que le design d’interface se base sur les espaces et le vide. Les espaces permettent de créer une structure, une hiérarchie entre les différentes informations. Ils permettent de réguler la quantité d’informations qui sera visible par l’utilisateur à chaque instant et de guider sa lecture et sa compréhension des informations. Si tous les éléments sont condensés au même endroit, cela risque de causer des problèmes de lecture. Les espaces et le vides sont en quelque sorte l’oxygène de votre interface. Si vous n’êtes pas convaincu, on debunk le mythe que l’espace blanc est de l’espace gâché dans cet article !

Et là aussi, il est important de rester cohérent en utilisant les mêmes espacements entre les éléments sur l’ensemble de notre produit. Des espacements différents peuvent causer une lecture différente de la hiérarchie des informations entre chaque écran et perturber vos utilisateurs. Pour vous aider, il existe différentes règles qui peuvent être appliquées. A titre personnel, j’aime utiliser une grille de 8pt qui m’aide à garder une cohérence tout au long de mon travail sur des interfaces web.

Vos utilisateurs doivent comprendre à quoi servent - quelle action va être effectuée au clic - vos composants d’interface uniquement grâce à leur forme, leur couleur, le texte qui y est rattaché... C’est ce qu’on appelle l’affordance.

Par la forme, un bouton doit évidemment ressembler à un bouton, et indiquer par son contenu textuel ou visuel son utilité : est-ce qu’il permettra de passer à l’étape suivante ? De revenir en arrière ? De valider un formulaire ?

Par la taille : on doit définir la taille d’un composant proportionnellement à son utilité. Si c’est un élément important, il devra vraissemblablement être plus grand qu’un élément secondaire. Pour parler plus techniquement, la loi de Fitts exprime le temps requis pour cibler un élément en fonction de la distance et de la taille de ce dernier. Pour faire simple : les cibles les plus éloignées et les plus petites nécessitent plus de temps pour être atteintes. La position et la taille de vos éléments d’interaction sont donc clés dans un travail d’interface produit.

Enfin, la couleur doit également permettre d’identifier l’action qui se cache derrière une interaction. Est-ce que cette action est positive ? Négative ? Neutre ? Mais attention encore une fois à l’accessibilité : la couleur ne doit pas être la seule indication du comportement de votre composant : on peut donc l’associer à un message assez parlant ou encore une icône. Gardez également en tête que les couleurs n’ont pas la même signification (ou force évocatrice) dans toutes les cultures.

Quelques réflexions rapides autours de l'UI Design permettant de créer de meilleurs produits digitaux

Quelques règles du design d’interface (UI Design)

Aujourd'hui on parle de mots, de phrases et de paragraphes, du vide et on réalise une introspection sur le métier de designer.

Plus mes contenus textes sont longs, plus mes utilisateurs auront d'informations !

Le contenu est la base d'un site vitrine : c'est ce que vos utilisateurs viennent chercher. Une information sur un produit, sur votre société, une offre d'emploi... On vient rarement sur un site uniquement pour voir les jolis photos de vos locaux ou le splendide design réalisé par l'agence Uxer (Bien que... 👀).

On commence donc souvent la conception d'un site par des ateliers visant à avoir une réflexion sur les objectifs du projet : qu'est-ce que l'on souhaite exprimer, montrer et offrir à nos utilisateurs ? Que viennent-t-ils chercher sur notre site ? On sait par exemple que l'on va vouloir parler de l'histoire de notre société, de nos valeurs ou encore de nos process de travail spécifiques.

Puis vient le moment de poser des mots et des phrases sur ces sujets. Et bien souvent, on se retrouve à écrire de longs documents Word de plusieurs pages contenant paragraphes sur paragraphes d'informations. C'est qu'il y en a des choses à dire ! Et lorsqu'il reçoit tout ça, le designer se demandera : "Mais comment est-ce que je vais pouvoir afficher tout ça moi ?!".

Pour répondre à la question du jour, à savoir : plus mes contenus texte sont longs, mieux c'est pour l'utilisateur ? La réponse est : pas forcément. En effet, une quantité trop importante d'informations peut perdre un utilisateur. Il peut simplement ne pas trouver l'information qu'il cherche car celle-ci est perdue au milieu d'autres éléments qui ne l'intéressent pas, ou peut également quitter la page voire le site, submergé par tout ce qui lui est montré.

Voici différents éléments de réflexion pour ne pas tomber dans cet écueil :

Il est important de bien organiser en amont le contenu de son site afin d'avoir une arborescence cohérente. On dit souvent qu'une page doit avoir un objectif. Si on se retrouve à vouloir en dire trop ou à proposer trop d'actions sur une même page, peut-être est-il plus pertinent d'en créer plusieurs ?

Sauf cas particulier, votre site n'est bien souvent pas une documentation technique qui se doit d'être exhaustive. Le site vitrine doit avant tout présenter, informer et vendre. Appuyez donc vos arguments clés sans rentrer dans le niveau de détails le plus poussé. Vous aurez l'occasion d'aller plus loin avec vos utilisateurs une fois que vous les aurez accroché avec un contenu impactant.

Si on a malgré tout beaucoup de contenu à afficher sur une même page, il est important de découper son contenu en petits blocs, plus digestes qu'un gros pavé unique. Et pour ça, il ne faut pas avoir peur d'aérer son contenu et d'ajouter de l'espace pour faire respirer la page et faciliter la lecture. Oh, c'est d'ailleurs ce dont on parle dans notre second mythe, quelle surprise ! 😮

Pour résumé donc, l'important n'est pas de rédiger du contenu pour rédiger du contenu. Il faut avant tout qu'il soit pertinent, réponde aux besoins de vos utilisateurs et qu'il soit bien structuré.

L'espace blanc (ou espace négatif) dans une page d'un site fait souvent débat lors de la création des maquettes d'un site. Plus d'une fois un client a demandé à son designer de réduire ces espaces considérés comme vides et de rapprocher les contenus les uns des autres.

Et cela peut paraître sensé. Pourquoi rallonger la page avec des espaces inutiles alors que l'on sait que l'attention d'un utilisateur est limitée ? Si j'ajoute des espaces entre mes contenus, les derniers seront trop bas et les utilisateurs ne les verront jamais !

Pour commencer à répondre à cette question, il est important de se rappeler que les utilisateurs scrolleront dans vos pages SI vous leur donnez une bonne raison de le faire. Ça tombe bien, on a écrit un article là dessus 😊 !

Jan Tschichold écrivait en 1930 que l'espace blanc doit être traité comme un élément actif et non un arrière-plan passif. En effet, il permet de rendre les contenus plus digestes en affichant moins d'informations d'un coup mais également de rendre beaucoup plus évidente la hiérarchie des informations au sein de vos pages. Espacer vos blocs de contenus de vos pages permet de mieux guider l'oeil de vos utilisateurs, d'une section à une autre.

Une page trop chargée et mal structurée ne donnera pas envie d'être lue aux utilisateurs. Une étude de l'université de Wichita a démontrée que l'espace négatif dans une page améliore la compréhension du contenu, même si cela augmente légèrement le temps de lecture.

On peut même considérer que l'espace blanc peut avoir la même importance que les espaces alloués aux visuels qui illustrent vos pages étant donné qu'il joue un rôle clé pour l'intégrité visuelle de la structure de vos pages, au même titre que vos photos ou illustrations.

Et si vous avez VRAIMENT besoin de supprimer tout espace blanc de vos pages, vous pouvez toujours vous tourner vers : le white space eliminator. 🔫

Je suis un designer expert, je n'ai pas besoin de faire tester mon design

On termine cet épisode avec un mythe qui va probablement taper dans l'égo de beaucoup de designers. Si je suis un designer avec un certain nombre d'années d'expérience, je peux garantir que mon interface répondra entièrement aux problématiques des futurs utilisateurs. C'est bien évidemment faux.

Un bon designer se rendra souvent compte des problèmes d'usabilité les plus importants, et pourra les corriger avant qu'ils n'impactent les utilisateurs. Mais il ne pourra certainement pas tout anticiper et créer une interface ✨ parfaite ✨.

En effet, le comportement des utilisateurs est difficile à prévoir, même pour un designer expérimenté. Les utilisateurs peuvent être surprenants, se retrouver face à des problèmes qui n'avaient pas été anticipés et au contraire ne pas bloquer face à des points que l'on aurait pu penser comme bloquants ou compliqués.

Les designers sont rarement la cible des produits sur lesquels ils travaillent et peuvent donc souvent passer à côté des raisons des blocages de leurs utilisateurs, notamment si ces derniers ont des compétences particulières ou très spécifiques. Pour illustrer ce point, utilisons l'exemple de l'agence Uxer. Etant situés à Bordeaux, nous travaillons régulièrement avec des clients opérant dans le domaine du vin. Il serait prétentieux de penser que nous pouvons être à la fois experts en UX, en UI et en viniculture.

C'est pourquoi on peut souvent commencer la conception d'une interface produit à partir d'hypothèses mais qu'il faut confronter ces dernières aux utilisateurs finaux. Il est capital de privilégier les tests utilisateurs et travailler conjointement avec la cible de notre produit pour transformer des hypothèses en données empiriques.

Et soyons réalistes, l'interface parfaite n'existe pas, on tombe rarement bon du premier coup. Mais c'est à force de tests et d'évolutions pertinentes que l'on peut créer, petit à petit, un produit efficace et agréable à utiliser pour vos utilisateurs.

Deuxième épisode de notre série où on debunk les fausses idées du web design !

Les mythes du web design expliqués ! 2ème épisode

Design, code & vied’une agence bordelaise