Cliquez sur. Ce son signifie que vous avez fait votre travail. L'utilisateur a visualisé votre page et pris l'action que vous souhaitiez.
Comment cela est-il réalisé? Devriez-vous penser à cet objectif plus que vous structurez vos conceptions? Quelles erreurs devriez-vous faire attention d'éviter? Continuez à lire pour le découvrir.
Se termine et signifie
Gagner le clic, existe-t-il un objectif plus ambitieux dans la conception Web? Cela semble si simple, non? "Hé utilisateur, il suffit de cliquer ici!" Cependant, en pratique, un seul point d’action peut servir de but à toute une conception. Tout ce que vous avez essayé de construire pendant des semaines se résume à une simple pression sur un bouton: vous convaincez l'utilisateur ou il bouge.
"Clics signifie salaire pour d'innombrables personnes partout dans le monde"Il faut consacrer beaucoup de temps, d’efforts et de réflexion à gagner des clics. C'est un jeu de psychologie, vous essayez d'influencer les pensées d'une autre personne pour qu'elle se comporte comme vous le souhaitez. C’est aussi un casse-tête de conception profond: "Quelles couleurs, formes, disposition et messages sont plus propices au comportement de clic?" Des tests A / B sont effectués, des études sont effectuées, des milliers de dollars sont dépensés, le but final étant d’obtenir ce petit curseur là où vous le souhaitez.
Les clics signifient les clients, les contacts, les prospects, les inscriptions par courrier électronique, la satisfaction des sponsors, le nombre de pages vues; les clics signifient des chèques de paie pour d'innombrables personnes partout dans le monde.
En tant que concepteur Web, les clics sont souvent la fin qui vous justifie, les moyens. Un aspect très important de votre carrière consiste à apprendre à gagner ce saint Graal du comportement numérique. Discutons de certaines stratégies pour le faire.
Bar Camp
Je préfère toujours enseigner par l'exemple afin que vous puissiez avoir une image réelle de la manière dont les connaissances peuvent être appliquées. Notre premier exemple provient de la page magnifiquement conçue pour Barcamp Omaha.
Maintenant, l'une des plus grandes erreurs que nous puissions commettre en parlant de gagner des clics est de limiter notre objectif à ceci:
C'est vraiment un beau bouton. Cela contraste bien avec la couleur de fond, la typographie est attrayante et la mise en page est parfaite. Cependant, ce n'est pas la seule partie de la page qui cherche à gagner le clic. En effet, l’objectif principal de la page entière pourrait être considéré comme visant cet objectif. En conséquence, prenons un peu de recul et analysons le contenu de la page en ce qui concerne cet élément crucial.
Nous pouvons maintenant mieux comprendre comment fonctionne le flux de communication et vous inciter à prendre une décision. La première chose que je remarque sur la page est l’utilisation du rouge: la date, le logo et le bouton se démarquent vraiment car ils utilisent cette touche de couleur sur une page par ailleurs très bleue. Notez que les boutons de médias sociaux se fondent presque dans l’arrière-plan en comparaison.
La taille du bouton par rapport à l'autre élément joue également un rôle important. Bien sûr, vos yeux pourraient attraper cette date rouge minuscule pendant une seconde, mais vous ne pouvez pas regarder cette page plus d'une seconde sans être attiré par cet énorme bouton.
L’une des choses les plus importantes que vous apprendrez en tant que concepteur est de structurer une hiérarchie de communication. Les concepteurs ne font pas qu'apporter de la beauté à une page ennuyeuse, ils créent un ordre à partir du chaos et créent des flux d'informations logiques et intentionnels.
Cette hiérarchie est cruciale pour l'objectif de diriger le comportement des utilisateurs. Une page bien conçue est une page qui permet aux utilisateurs de regarder où vous voulez, quand vous le voulez et ensuite de faire ce que vous voulez quand vous le voulez. La partie la plus folle est que cela doit être parfaitement équilibré avec la réalisation des objectifs de l'utilisateur: que fait le utilisateur veulent, quelles actions fait l'utilisateur vouloir prendre? Si vous pouvez trouver un moyen de concilier les objectifs de votre client et ceux de vos utilisateurs, vous avez bien fait votre travail.
Une communication qui renforce l'action
La communication verbale sur la page est un autre aspect important du guidage de l'utilisateur. Le site de Barcamp a une leçon très intéressante à nous apprendre dans ce domaine:
Oubliez ce que le paragraphe dit un instant, un visiteur sur six le lira quand même, concentrons-nous sur le titre: "Awww ouais!" C'est idiot, non professionnel, impropre et tout un tas d'autres adjectifs négatifs. Cependant, c'est aussi brillant et exactement ce dont la page avait besoin.
La théorie de la vente classique enseigne la leçon suivante: incitez les gens à se sentir bien dans leur achat. Les gens achètent deux types d’objets: ce qu’ils veulent et ce dont ils ont besoin. Le premier de ces produits apporte beaucoup plus de satisfaction, mais peut aussi être plus difficile à vendre, car les gens peuvent facilement échapper à l’achat, ce que vous ne pouvez pas faire avec de l’eau et de l’électricité. Votre travail en tant que vendeur consiste à éliminer les hésitations d’achat en rendant l’action parfaitement agréable. Fais-moi oublier que je m'endette pour 25 000 $ en me distrayant de voir à quel point je me sentirais bien au volant de cette nouvelle voiture.
Qu'on le veuille ou non, nous utilisons des tactiques similaires en conception de sites Web et en rédaction (vous n'avez pas toujours voulu être un vendeur de voitures louche?). L'action des concepteurs de Barcamp est de vous faire dépenser 10 $ (plus les frais bien sûr) pour leur produit. Ils pourraient vous parler du formidable avancement professionnel qui s'ensuivra, mais cela ressemble terriblement à un vieil argument ennuyeux fondé sur les besoins et il n'est pas toujours facile de convaincre les gens qu'ils ont besoin de quelque chose. Au lieu de cela, ils sont allés avec? Aww Yeah!?. Tout à coup, je ne peux pas m'empêcher de penser que cette transaction est réellement enrichissante. Ces 10 $ n'achètent pas un billet de conférence, mais bien quelque chose que je mérite: un bon moment.
Il y a beaucoup de psychologie complexe résumée dans ce titre simple. Communiquer ce concept de manière simple et professionnelle prendrait au moins cinquante mots.Slang fournit un moyen simple, rapide et bien compris de simplifier le message.
Tripfab
Voici un autre exemple de page assez simple avec un objectif principal. Cependant, cette fois, le concepteur ne vous convainc pas d'acheter quoi que ce soit, mais de mettre votre nom dans un petit champ.
Comme dans l'exemple précédent, celui-ci utilise un design attrayant et un message léger et humoristique pour vous intéresser. Notez qu’il existe un large retrait autour du bouton et du champ, ce qui permet d’attirer votre attention sur cette zone. Cependant, les concepteurs sauvegardent souvent quelque chose comme ceci avec quelque chose de beaucoup moins subtil:
Nous allons simplement dessiner une flèche pointant à l'endroit où nous voulons que l'utilisateur regarde! Cela semble ridicule n'est-ce pas? Cependant, dans la pratique, cela fonctionne très bien. Si vous faites une flèche, mes yeux vont la suivre.
Action réaffirmée
Lorsque vous avez affaire à une action que vous souhaitez que l'utilisateur effectue, rappelez-vous que vous ne pouvez pas être vague à ce sujet. Remarquez comment ce concepteur a enfreint une convention typique avec le champ de texte. Au lieu de faire de la valeur par défaut du champ un exemple ou un ensemble d'instructions sur la manière de la remplir, rappelez-vous ce que vous faites en effectuant cette action: "obtenir des informations et des mises à jour".
Ci-dessous, un message expliquant pourquoi vous devriez entreprendre cette action. Les mots sont en majuscules, les promesses sont faites, c'est un design convaincant. Cette idée de réaffirmer le simple bouton d'appel à l'action avec un rappel de ce que vous allez faire en appuyant dessus est une pratique très courante.
Nous voyons ici un autre exemple de la même stratégie. Le bouton sert d’appel à l’action et est renforcé par un message expliquant pourquoi vous devriez vous procurer un bol de riz. La prochaine fois que vous créerez un bouton simple, réfléchissez à deux fois à la façon dont vous pouvez aider l'utilisateur au survol de celui-ci à le suivre et à cliquer.
Plus qu'un bouton
Le message simple de cet article est de s’engager dans une conception axée sur les objectifs. Gifler un? Acheter maintenant? Le bouton sur une page déjà conçue est la solution de facilité, mais ce n’est pas ce pour quoi vous avez été embauché.
Au lieu de cela, avant d’ouvrir Photoshop ou de créer une seule structure filaire, réfléchissez à ce que vous essayez d’atteindre. S'il s'agit simplement d'un exercice d'esthétique, votre travail est facile. Toutefois, si vous essayez d'amener les utilisateurs à acheter un produit, à lancer un téléchargement, à remplir un formulaire ou à effectuer toute autre action, vous devez commencer votre conception ici et créer tout le reste du contenu de la page avec cette extrémité. à l'esprit. Créez soigneusement l'expérience utilisateur pour guider les visiteurs vers le chemin que vous souhaitez qu'ils empruntent.
Conclusion
Dans une industrie où les clics sont égaux en salaires, il est temps de réfléchir un peu plus à la création de designs qui influencent réellement l'action.
L'attrait esthétique fait partie de l'équation, mais ce n'est qu'une partie de votre travail. Assurez-vous de garder un œil sur le prix et de mettre en œuvre des mises en page, des polices, des couleurs et des messages qui contribuent à la réalisation de cet objectif toujours illusoire de gagner un clic là où cela compte le plus.