Obtenir de la créativité avec la facilité d'utilisation
Lorsqu'il s'agit de concevoir un site Web véritablement intuitif, réactif et cohérent, unique et intéressant, il est souvent difficile de concilier les deux ensembles de priorités. Mais en fait, rien n'est plus éloigné de la vérité: il n'y a que quelques idées fondamentales à utiliser pour pouvoir faire les meilleurs choix dans vos conceptions.
Le plus essentiel de ces concepts est que les conceptions belles et utilisables ne sont pas difficiles à concevoir lorsque l’on accorde la priorité à l’UX, et que le design est adapté à la situation. Après tout, la nature de l'expérience utilisateur impose certaines règles inflexibles, tandis que la conception est presque infiniment flexible. Une fois que vous avez appris les moyens par lesquels vous devez adapter vos conceptions, vous devriez être en bonne voie pour transformer une bataille en traité de paix.
Anticiper l'erreur de l'utilisateur; réduire l'irritation de l'utilisateur
Considérez toujours ce qui pourrait arriver si l’utilisateur s’égare sur votre page Web. Messages d'erreur ne devrait pas être caché dans le jargon technique, mais devrait plutôt donner une explication de ce que le problème pourrait être et, le cas échéant, où ils devraient aller pour obtenir de l'aide. Équilibrez ces considérations avec ce qui pourrait être amélioré de votre côté. Peu importe la beauté d’un site, si cela prend trop de temps à charger, cela ne vaut pas la peine. Les experts disent que si une page Web prend plus de 3 secondes à charger, elle doit être simplifiée.
Garder les formulaires aussi courts et peu intimidants que possible; si l'information n'est pas nécessaire, ne le demandez pas. Si vous ne l'avez pas encore fait, envisagez de vous connecter via Facebook ou Twitter. Les sites qui proposent ce service trouvent souvent que leur taux de conversion augmente parce que l’utilisateur le trouve plus pratique et est donc plus enclin à prendre le temps de s’inscrire. De plus, assurez-vous que le reste de votre site dispose d’une présence intégrée sur les médias sociaux, qui n’est pas en conflit avec votre conception ni ne l’affecte, mais qui est également facilement identifiable, comme le Travailler en jeu site Internet. De petits ajouts comme celui-ci s'ajoutent à la rationalisation cumulative de l'expérience utilisateur.
À cette fin, il est important de garder à l’esprit quelques normes qui devraient rester assez cohérentes sur tous les types de sites Web.
Maintenir les normes Web
Certains éléments courants d'un site, tels que les liens de bas de page ou une barre de recherche, peuvent souffrir activement d'une créativité excessive. Bien qu'il y ait place à l'originalité dans nombre de ces éléments, il est important de les conserver plus ou moins sous la même forme que sur tous les autres sites, car ils sont suffisamment omniprésents pour que les utilisateurs s'attendent à ce qu'ils soient présentés d'une certaine manière. . Suivez ces directives:
- Assurez-vous que les zones cliquables sont immédiatement identifiables (comme les liens sur ce site ) et sont assez grands pour pouvoir être facilement activés;
- Décomposer des blocs de texte avec des images et autres stimulations visuelles;
- Utilisation chapelure le cas échéant;
- Essayez d'éviter de diffuser le même article ou la même recherche de produit sur plusieurs pages;
- Facilitez la recherche et l'utilisation des informations de contact, des FAQ, d'une barre de recherche et d'autres fonctionnalités standard.
Bien que Grip Limited ' le site Web est accrocheur et excitant, il est également incroyable déroutant. Bien qu'il y ait une explication à la manière de faire glisser les colonnes pour révéler le contenu, elles sont perdues dans le fouillis des autres typographies. Un menu traditionnel est accessible, mais seulement si vous espionnez le minuscule menu déroulant. La conception de ce site est tellement géniale que certains utilisateurs ne se soucieraient pas de la difficulté à l’utiliser, mais beaucoup d’autres seraient rebutés. Mais si le site incorporait les suggestions ci-dessus dans sa conception, il pourrait toujours conserver son facteur d’efficacité et fournir une bonne UX.
Par exemple, bien que le Comic Soda les autres éléments de conception du site Web sont assez distrayants, l'utilisateur est toujours en mesure de trouver facilement la barre de recherche; son étiquetage et sa position sont suffisamment clairs pour que la confusion soit minimisée. Ce sont ces petites soumissions à la confusion des utilisateurs qui font toute la différence.
Où tracer la ligne
Il y a d'autres règles UX qui peuvent être pliées mais pas brisées. Mais à quel point un designer va-t-il trop loin? Les éléments de navigation sont un bon exemple avec lequel travailler, car chaque site en a une forme. Classiquement, ils sont organisés de deux manières:
- Horizontalement en haut de la page; cela permet un look spacieux pour les listes courtes;
- Verticalement sur le côté gauche d'une page; cet arrangement peut accueillir des listes plus longues.
Mais il existe d'autres styles et systèmes de navigation qui peuvent fonctionner s'ils sont utilisés avec soin et de manière réfléchie. Par exemple, ce site de portfolio a une liste de navigation qui occupe la majorité de la page et chaque mot est partiellement masqué. De plus, les éléments ne restent pas stationnaires; ils s'affichent et se séparent pour afficher le contenu dans chaque section. Toutes ces fioritures auraient pu se combiner pour former un système déroutant qui frustrerait rapidement l'utilisateur. Cependant, la conception évite d'être problématique en raison de sa simplicité; les mots sont toujours lisibles; les menus déroulants contiennent une quantité d'informations si réduite que le reste de la liste de navigation ne risque pas d'être perdu. Dans l’ensemble, c’est un système audacieusement différent qui évite de justesse d’être problématique.
De l'autre côté de la ligne, il y a un concept qui a été appelé navigation mystère de la viande, dans lequel les considérations esthétiques de la conception dépassent complètement la facilité d'utilisation. Dans le cas du Site web FlatPak, la navigation doit être retournée pour lire ce à quoi elle se réfère; une fonctionnalité d'utilisation terrible qui ne devrait jamais être émulée.
Familiarité versus fonctionnalité
À bien des égards, la véritable bataille de la conception Web actuelle semble se situer entre de nouvelles idées novatrices qui favorisent une interaction moins intuitive et des pratiques obsolètes qui pourraient ne pas être la meilleure solution, mais auxquelles les utilisateurs sont habitués. Un exemple de ce problème se pose souvent lorsque vous considérez la conception skeuomorphique; qui est un style qui imite le prédécesseur d'un article qui a été fabriqué sur un autre support.
Ce type de conception se passe tout le temps sur le Web, depuis votre calculatrice de bureau qui ressemble et fonctionne comme son homologue réel, aux boutons sur un site Web qui ont un effet d'ombre et de biseau réaliste. Cela a du sens jusqu'à un certain point, car la familiarité de ces conceptions permet aux utilisateurs de se sentir immédiatement à l'aise de les utiliser. Cependant, ils ne sont pas nécessairement la meilleure solution car ils sont incroyablement contraignants.
L’affrontement entre ces deux priorités peut être illustré par la technologie réaliste de «rotation des pages» d’Apple, utilisée pour la lecture numérique. C'est une idée attrayante parce que cela donne l'impression d'être un peu plus physique, de tourner des pages sur papier, quelque chose que les utilisateurs peuvent trouver familier. Cependant, malgré le plutôt longueurs ridicules la société est allée à créer cet effet, il porte atteinte à l'expérience de l'utilisateur. Il faut un peu plus de temps pour charger, et le fait de feuilleter la page est un mouvement plus difficile à réaliser qu'une simple pression; un mouvement peu maniable peut envoyer l'utilisateur dans le mauvais sens.
Utilisez un entonnoir de conversion clair
Si vous travaillez sur un site Web complexe comportant de nombreuses voies de navigation, il est très important de permettre à l’utilisateur de se déplacer de manière logique sur le site et de le tenir informé de son emplacement dans le plan du site. C'est là que la chapelure et les autres dispositifs de navigation sont utiles. Les redoutables liens violets par défaut n'ont pas besoin d'être utilisés pour montrer à un utilisateur qu'ils ont déjà visité; il y a beaucoup d'autres solutions plus attrayantes qui accomplissent le même effet.
Les sites de commerce électronique sont généralement ceux qui sont mis à rude épreuve pour leurs entonnoirs de conversion mal conçus, mais il existe de nombreux exemples de boutiques en ligne magnifiquement conçues et optimisées en UX. Prenons par exemple le Fruit du métier site, qui possède une interface propre et conviviale qui est toujours construite de manière logique. Ce n'est même pas le résultat d'un développement de backend personnalisé et compliqué; le site a été créé en utilisant simple Logiciel de commerce électronique Amazon, que toute petite entreprise serait en mesure de tirer parti.
Accepter l'analyse et ajouter un intérêt visuel
Gardez à l'esprit que les gens lisent les pages Web d'une manière différente de celle des médias imprimés. Études de suivi oculaire montrer que les internautes parcourent la page entière (en se concentrant d'abord sur le contenu dans le coin supérieur gauche), en recherchant des éléments accrocheurs tels que des titres, des guillemets ou des images. Ensuite, ils plongent dans des sections qui semblent intéressantes. Il est crucial de concevoir ce type d’esprit et de vous assurer que vous utilisez une hiérarchie visuelle qui oriente l’utilisateur vers l’endroit où vous souhaitez qu’il aille.
le Blog Thrive Solo a beaucoup de contenu, mais il conserve un aspect spacieux et intéressant en utilisant de nombreux espaces blancs, de grandes images, des icônes et des polices de caractères variées. Les grands titres centrés sont particulièrement utiles pour scanner les visionneuses.
La ligne du bas
Bien que l’esthétique d’un site crée une première impression, la fonctionnalité est ce qui donne à l’utilisateur une expérience durable à laquelle il espère retourner. Il n'y a pas de situation où des considérations de conception et de fonctionnalité ne peuvent pas être conciliées; En fait, c'est l'interaction entre ces deux priorités qui finit par créer tous les meilleurs sites, les plus mémorables du Web.
Avez-vous déjà compromis la facilité d'utilisation pour l'esthétique? Le design peut-il être bon sans facilité d'utilisation? Faites-nous savoir vos pensées dans les commentaires.
Image / vignette en vedette, image fonctionnelle via Shutterstock.