Le design n'a jamais vraiment eu autant d'importance.
Il est difficile d'imaginer maintenant, mais avant que la météorite d'Apple n'atteigne une popularité mondiale, le design prenait généralement le pas sur la fonctionnalité. Aujourd'hui, le design est devenu un monde à part entière et la communauté des concepteurs et des développeurs s'est unie pour développer un ensemble cohérent de règles pour la pratique créative.
L'évolution du design est constante, et il y a toujours de nouvelles choses à apprendre et à mettre au point pour réunir la fonction et l'esthétique en un seul paquet.
Pour rester au top de votre jeu de conception, voici 10 règles importantes de conception d'interface utilisateur à retenir:
Avec l'explosion de différents types d'appareils aujourd'hui, une taille ne conviendra certainement pas à tous .
Lorsque vous créer votre site web ou application, vous devez vous assurer que vous concevez avec toutes les tailles d'écran à l'esprit. Cela signifie un chargement complet sur les connexions Internet à bande passante faible et élevée, à un formatage approprié sur iPad et iPhone.
Dans le passé, les développeurs se sont concentrés principalement sur la création d’une bonne interface utilisateur pour le bureau. Mais pour vous rafraîchir la mémoire, l'utilisation du mobile a dépassé l'utilisation des postes de travail en 2014. Par conséquent, devriez-vous désormais vous concentrer sur le mobile? Bien qu’il soit important d’accorder une attention particulière au mobile, il convient également de considérer que l’utilisation des postes de travail reste très élevée, avec 42% des parts .
Par conséquent, la clé est de créer interfaces utilisateur adaptatives Cela donnera au consommateur une grande expérience malgré l’affichage ou l’orientation de l’appareil utilisé.
Les gens sont extrêmement occupés et, de ce fait, consacrent rarement toute leur attention à une tâche. Pour cette raison, vous devez garder votre conception simple à comprendre.
Ne faites pas deviner vos utilisateurs. Utilisez un langage facile à comprendre en termes de mots, de phrases et de concepts. Évitez d'utiliser des termes spécifiques à un système ou à une industrie et insistez sur un langage familier à l'audience.
Si vous prévoyez que l'utilisateur remplisse certains objectifs, laissez les actions se dérouler dans un ordre comportant un début, un milieu et une fin. Quand ils sont terminés, utilisez une notification pour informer l'utilisateur et inclure les étapes suivantes.
Par exemple, si vous concevez une page pour un système bancaire en ligne, vous pouvez regrouper les actions dans "Détails du contact", "Détails du compte" et "Paramètres du profil" au lieu de les avoir tous dans un seul formulaire.
Les erreurs ne sont pas seulement des anomalies et des erreurs, mais aussi de gros obstacles à surmonter. les visiteurs prennent les mesures souhaitées .
Si quelque chose se passe mal ou se charge incorrectement, la plupart des visiteurs n'attendront pas un correctif, ils partiront juste. Restez vigilant et restez à l'affût des erreurs, corrigez celles que vous repérez le plus rapidement possible.
Les utilisateurs n'aiment pas faire des erreurs. Ils se sentent encore plus mal s'ils pensent qu'ils sont responsables de l'erreur. S'ils ne vous transmettent pas cette haine et avancent, ils abandonneront leurs comptes avant même qu'ils ne soient mis en place, par exemple.
Lors de la conception, éliminez la possibilité d'une erreur ou concevez un système qui vérifie l'erreur pour eux avant qu'ils ne se produisent trop loin. Par exemple, supposons que vous obligiez les utilisateurs à créer un mot de passe d'au moins 8 caractères et au minimum un chiffre.
Votre système permettra-t-il à l'utilisateur de continuer à créer un mot de passe qui ne répondra plus, mais seulement de l'avertir lorsqu'il cliquera sur "Suivant" ou pourra-t-il le notifier en tapant le mot de passe? Ce dernier est le meilleur design.
La cohérence dans l'interface utilisateur se résume à rendre les choses continues, prévisibles et conformes aux attentes. Concevoir le tout de la manière la plus uniforme possible et s'assurer qu'il n'y a pas de surprises ou de résultats inattendus contribue grandement à rendre les choses cohérentes.
Par le Principe de la moindre surprise : "Si une caractéristique nécessaire a un facteur d’étonnement élevé, il peut être nécessaire de revoir la fonctionnalité."
Les utilisateurs doivent-ils deviner ce que les mots signifient et lesquels signifient la même chose? Ont-ils à se soucier de cliquer sur un certain bouton parce qu'ils ne sont pas sûrs de ce que cela va faire? Assurer la cohérence des processus, des fonctionnalités, de l'apparence et de la terminologie.
Heureusement, les ressources ne manquent pas dans ce domaine. La plupart constructeurs de sites Web réputés vous aidera avec cela car ils disposent d'un design de grille uniforme et cohérent.
Comme on le dit souvent aujourd'hui, «le contexte est tout». Le contexte est la façon dont nous sommes en mesure de connecter de nouvelles idées avec des idées anciennes, de construire des relations et de donner un sens à notre monde.
Le meilleur professeur pour cette leçon est probablement un annonceur. Les annonceurs savent que, sans sensibilité au contexte et à la manière dont ils présentent leurs annonces, les annonces deviennent sans valeur, ce qui représente un gaspillage d’argent ( Comment Google AdWords détermine-t-il la présentation des annonces? ).
De même, vous devez appliquer la conception contextuelle dans vos interfaces utilisateur. L'interface utilisateur contextuelle est la conception d'un site Web ou d'une application basée sur la localisation, la prise en compte du temps et la situation, de manière à fournir les données les plus pertinentes à l'utilisateur. Et cela n'a pas été une préoccupation majeure pour les concepteurs jusqu'à il y a quelques années.
Avec la croissance de la connectivité en temps réel et la dépendance à Internet, le contexte pourrait être la cause de votre échec ou de votre succès.
Le contexte est essentiel aux relations humaines et tout aussi important pour les éléments de base du design . Nous nous attendons à ce que les objets interactifs soient intuitifs et doivent concevoir des relations cohérentes entre nos fonction et design .
Détermination de la taille des objets de l'interface utilisateur et de la quantité de espace blanc entre eux est crucial pour s'assurer que le design ressemble équilibré et prévisible .
En plus de retenir l'attention de l'utilisateur, cela aide également les utilisateurs à comprendre où se trouvent les objets, sans avoir à chercher partout.
Test constant Il est préférable de déterminer la meilleure façon d’y parvenir, en élargissant ce qui doit faire l’objet de plus d’attention et en réduisant ce qui doit être moins gênant.
Les développeurs et les concepteurs aiment généralement tout personnaliser.
Cela nous permet de contrôler tout, des interfaces aux fonds d'écran aux sonneries. La plupart des gens, cependant, ne semblent pas se soucier de la personnalisation. La plupart des appareils et autres appareils électroniques grand public achetés presque jamais changé . En règle générale, les utilisateurs ne modifient pas leurs paramètres d'usine, car leur modification nécessite un savoir-faire, du temps et des efforts.
En sachant cela, il est important de vous assurer que vos paramètres par défaut conviennent à un grand nombre d’utilisateurs pour comprendre et naviguer facilement. Cela signifie dire à l'utilisateur, "Hey, vous pouvez personnaliser cela, mais vous n'avez pas à le faire."
En règle générale, les gens ne prendront aucune mesure à moins d’être interrogés. C'est pourquoi les tactiques telles que l'appel à l'action sont si puissantes pour aider conduire les conversions .
Plus important encore, demandez-leur "gentiment". Qu'est-ce que ça veut dire? Par exemple, considérez le calendrier et le contexte. Voulez-vous demander à l'utilisateur de commencer un autre objectif sans terminer celui sur lequel il se trouve actuellement? Considérer quand un pop-up leur demandant de vérifier d'autres choses apparaît. Si elle n'apparaît pas après avoir défilé jusqu'à la fin du message, vous le faites mal.
Notez que cela ne fonctionne que lorsque le visiteur est réellement intéressé par quelque chose que vous proposez. Si vous pouvez prouver que vous apportez une valeur significative aux gens, n'hésitez pas à demander aux utilisateurs de faire quelque chose en retour, comme suivre vos pages de médias sociaux ou votre blog. Cela fonctionne pour garder vos utilisateurs informés, et aussi naturellement augmenter votre trafic web heures supplémentaires.
Dans notre entreprise de conception de sites Web, nous avons remarqué que les visiteurs du site ne sauraient pas comment nous contacter. Il y avait juste trop d'options. Les gens devenaient souvent débordés et ne savaient pas comment démarrer le processus de contact.
Ils se devinaient eux-mêmes, et nous avons fini par recevoir moins de conversions de contacts. En rendant nos actions plus évidentes, nous avons orienté les utilisateurs vers les actions souhaitées.
Encore une fois, ne laissez pas vos utilisateurs deviner. Faites-leur savoir exactement ce que vous voulez et informez-les lorsqu'ils terminent l'action.
Lorsque vous entrez dans une pièce sombre et allumez un interrupteur, vous vous attendez à ce que la lumière s'allume. Si rien ne se produit lorsque vous appuyez sur le bouton, vous pouvez supposer que quelque chose ne va pas. Cela vaut également pour la conception.
Personne n'aime être incertain quant à leurs actions, il devrait donc y avoir une rétroaction grâce aux messages d'info-bulles et aux notifications pour montrer aux visiteurs que leurs actions ont été couronnées de succès et ont été reconnues. Les commentaires peuvent être aussi simples que réalisation d'un sondage sur le Web ou en ajoutant une notification "Complete" une fois qu'un formulaire est soumis, mais il est crucial que créer un blog ou app.
Cela souligne également la nécessité de ne pas laisser les visiteurs se deviner eux-mêmes. Le système devrait être en mesure d’offrir un retour d’information pertinent, d’importance et d’urgence, complet, sensible et contextuel.
L'art du design est en constante évolution et nous continuerons à trouver de nouvelles façons de combiner la fonction et la forme dans la conception de l'interface utilisateur. Nous avons vécu des choses comme le minimalisme et le design réactif, en changeant et en nous transformant au fur et à mesure que de nouvelles technologies arrivent au premier plan.
Avec ces dix règles d’UI en tête, n’oubliez pas que certaines règles sont conçues pour être cassées.
Tester et expérimenter est la manière dont nous apprenons de nouvelles techniques de confiance, mais nous pouvons nous appuyer sur plusieurs de ces règles.