Public cible : testeurs, concepteurs, analystes, développeur frontend,
#pour un développement facileÀ propos de moi:Bonjour à tous. Je m'appelle Lena, je travaille QA depuis un peu plus de 3 ans, en test j'ai rencontré différents projets, des logiciels bancaires et applications mobiles aux sites commerciaux et d'entreprise.
Dans mon projet
actuel , les exigences pour l'interface graphique étaient en deuxième place, après l'utilité des fonctionnalités introduites pour l'utilisateur, respectivement, parfois même des défauts triviaux de #perfectionismcontact ont été corrigés. Bien sûr, en évaluant rationnellement le projet, je ne peux pas dire qu'il a été écrit selon tous les canons de convivialité, et peu de gens peuvent s'en vanter, car souvent, tout dépend du côté financier du problème pour la refonte et la fonctionnalité de coupe ... Mais! Les critiques positives des utilisateurs ont indiqué que nous étions sur la bonne voie.
En conséquence, une certaine quantité de connaissances s'est accumulée que je voulais partager. Commençons.
Si nous faisons une classification généralisée des sites Web, nous obtenons ce qui suit:
Même si votre site n'est pas destiné à faire du profit, vous êtes toujours intéressé par le public, non?
Et si vous avez votre propre entreprise, pour maintenir la réputation de votre entreprise, vous serez intéressé à augmenter le volume de l'audience de votre ressource, à augmenter les conversions, le SMM et d'autres choses à la mode, mais pour atteindre tous ces objectifs, vous devez d'abord avoir un contenu convivial convivial).
Je dirais que pour les sites spécialisés dans les niches listées ci-dessous:
- commerce (biens, services, babillards - ce qui fait un profit),
- sites - cartes de visite d'entreprises (promos),
- sites d'entreprise (visage de l'entreprise).
Des concepts tels que la convivialité et une conception bien conçue jouent un rôle clé.
Ci-dessous, nous collecterons des recommandations générales sur la façon d'écrire l'interface de votre site de manière qualitative afin que l'utilisateur le perçoive inconsciemment comme nous en avons besoin # magic
Rendre les pages faciles à «explorer»
Dans la plupart des cas, les visiteurs regardent la page, visualisent une partie du texte et cliquent sur le premier lien qui attire leur attention, ou ressemble indirectement à ce qu'ils recherchent.
Ainsi, notre cerveau est disposé à ce que la perception de l'information soit construite dans le sens horaire. Sans dépendance dans la vie, une personne est gaucher ou droitier. Quelque chose comme ça ressemble à ceci:
Autrement dit, au centre, nous plaçons le contenu principal, c'est facile, et sans explication, c'est clair. En plaçant le menu (ou le catalogue de produits) sur le côté gauche du site, nous appelons en quelque sorte l'utilisateur à l'action, il changerait son regard, mais ici nous retenons son attention.
Vous pouvez également utiliser la zone aveugle - par exemple, y afficher les résultats de la recherche sur le site que l'utilisateur recherchait.
L'essentiel est que les informations que nous voulons d'abord transmettre à l'utilisateur, pour qu'il s'en souvienne, sont de 12, 3 et 4 heures.
Les informations qui incitent l'utilisateur à agir sont mieux placées à 6 et 9 heures.
Ne surchargez pas les formulaires Web
Loi de Hick => dépendance établie expérimentalement du temps de réaction choisi sur le nombre de signaux alternatifs. Le psychologue a même déduit la fonction logarithmique du temps de réaction # mais c'est trop compliqué
En termes simples: moins il y a d'éléments de menu, moins il faut de temps pour en sélectionner un. Et aussi qu'un menu vaut mieux que deux. Fournir à l'utilisateur plusieurs options à la fois est généralement plus efficace que d'organiser les mêmes options dans des groupes hiérarchiques. Le choix dans un menu, composé de 8 éléments, est plus rapide que dans deux menus composés de 4 éléments chacun.
Les capacités de notre cerveau ne sont pas illimitées et une personne peut garder 5 à 9 entités dans la mémoire à court terme. Par conséquent, ne placez pas plus de 8 formulaires sur une page.
En supprimant les options inutiles, vous augmentez l'efficacité de l'utilisation du produit (dans notre cas, le site).
Donner plus d'espace
L'espace libre n'est pas toujours mauvais, mais plutôt l'inverse: il améliore la perception de l'information et la compréhension, concentre l'utilisateur sur ce dont il a besoin.
«L'air» entre les éléments sépare visuellement la disposition du site et les informations en sections, en faisant attention à la chose la plus importante. Les zones qui restent vides sont visuellement agréables à l'œil. Ainsi, l'utilisation correcte de l'espace libre vous permettra de faciliter la navigation sur le site, de le rendre pratique, lisible et d'amener doucement l'utilisateur à l'action, augmentant ainsi la conversion du service.
Les modifications ne devraient pas entraîner de différence notable (ou la loi de Weber)
Vous utilisez Facebook?
Au cours des 5 dernières années depuis mon inscription là-bas, je n'ai vu aucun changement tangible. Pourquoi Facebook conserve-t-il chaque élément clé de sa conception? La réponse à cette question explique pourquoi tous les principaux sites Web, y compris Google, Twitter et Amazon, malgré leurs gros budgets, ne font pas de refonte radicale.
Des études montrent que nous n'aimons pas le changement massif des structures et des systèmes existants, même si ces changements nous seront bénéfiques.
En termes simples, la loi de Weber, combinée à notre aversion naturelle pour le changement, montre que la meilleure façon de se rapprocher de la refonte est de le faire aussi discrètement que cela semble drôle maintenant, en d'autres termes, ponctuellement, en changeant un peu ici et là progressivement. Ainsi, vous économiserez autant que possible la conversion de votre site, et une partie importante de l'audience s'habituera déjà à la refonte avant de l'achever complètement.
Et le comportement?
Le temps moyen qu'un nouvel utilisateur passe sur le site pour la première fois à la recherche des informations dont il a besoin est d'environ 27 secondes. Dans le même temps, seulement 20% de l'ensemble du public fera défiler la page (80% ne le feront pas). Il existe également une règle en 3 clics, qui stipule que: l'utilisateur doit trouver toutes les informations dont il a besoin pour cela en 3 clics de souris. Bien entendu, les sites n'ont pas toujours, par leur spécificité, une structure simple. Si votre ressource Web comporte de nombreuses catégories et sous-catégories, vous devez oublier cette règle des «trois clics» et mieux vous concentrer sur la garantie de l'intuitivité et de l'ordre logique du système.
Au total, les recommandations ci-dessus peuvent s'inscrire dans les points suivants:
- Placez le contenu ou les éléments les plus importants là où les utilisateurs le voient, en évitant les «angles morts»
- Rendre évidentes les actions que les utilisateurs doivent faire sur chaque page, ne pas faire réfléchir les utilisateurs (c)
- Décidez quels éléments de page sont les plus prioritaires. Créer une hiérarchie visuelle qui dirige d'abord l'utilisateur vers eux
- Débarrassez-vous de tout ce qui ne fait pas une réelle contribution.
- Formatez le texte pour faciliter la perception: utilisez un grand nombre de titres, raccourcissez les paragraphes et utilisez des listes à puces, et n'oubliez pas que les polices graphiques sont lues beaucoup plus lentement par l'utilisateur.
- Fournissez aux clients uniquement les informations dont ils ont actuellement besoin sur chaque page et laissez-les choisir eux-mêmes s'ils souhaitent plus de détails.
Cet article contient mes observations pratiques, elles ne sont pas une instruction claire pour l'exécution, mais elles fonctionnent vraiment. Je n'ai touché que la pointe de l'iceberg des connaissances sur la psychologie de l'utilisateur concernant la perception de l'information, mais j'espère que mes conseils seront utiles).
à suivre ...