Share
Dans cet article, nous verrons comment utiliser le design pour mettre en œuvre les principes énoncés par AIDA (l'acronyme marketing, et non l'opéra italien) et contribuer à la création de pages Web axées sur les ventes..
AIDA signifie Attention, Intérêt, Envie et action; les quatre étapes du processus de vente selon E. St. Elmo Lewis, l'homme derrière cette école de pensée. AIDA peut être appliqué à différentes situations impliquant la vente de produits ou de services, mais dans cet article, nous allons nous concentrer sur la manière de réaliser chaque étape de la conception Web..
Les principes AIDA sont particulièrement pertinents pour la conception de pages de destination, où le marketing et la conception Web se rencontrent généralement en ligne. Les pages de renvoi visent généralement à vendre un produit, un service ou un abonnement..
Commençons.
L'attention est la première étape des principes AIDA, et celle sur laquelle tous les autres s'appuient. Après tout, comment pouvez-vous amener un utilisateur à agir si vous n’avez pas attiré son attention au début??
La conception de sites Web suscite beaucoup d’attention. les clients veulent que leur site soit remarqué. Des concepts tels que "Au-dessus du pli" et "La seconde règle" sont régulièrement abordés, tous deux mettant l'accent sur la nécessité d'attirer rapidement l'attention des utilisateurs..
Le Web en tant que plate-forme est un excellent moyen d'attirer l'attention. Un bon ou un design unique en lui-même sera remarqué. Toutefois, des éléments individuels d'une conception peuvent être utilisés pour attirer l'attention de l'utilisateur et le conduire vers des zones particulières de la page..
Il convient toutefois de noter les connotations négatives liées au fait que trop d'éléments de page se disputent l'attention de l'utilisateur. Si tout est mis en avant, aucun sens de la hiérarchie ne sera établi et l'utilisateur risque de se sentir intimidé et dépassé..
Les méthodes pour attirer l'attention changent généralement avec le temps, à mesure que les tendances et la technologie évoluent, mais voici quelques méthodes populaires couramment utilisées.
Un très gros texte existe depuis quelque temps déjà dans la conception Web. Il est généralement utilisé pour faire une déclaration audacieuse au début, par exemple en accueillant l'utilisateur ou en expliquant la nature du site (par exemple, nous créons des sites Web). La taille même du texte par rapport au reste de la page le place fermement en haut de la hiérarchie visuelle..
Les curseurs avec Javascript ont été une tendance massive ces dernières années (il suffit de consulter quelques-uns des fichiers populaires sur Themeforest) et à juste titre - car ils sont excellents pour attirer l'attention et faire une bonne première impression. Ils permettent l'utilisation d'images combinées au mouvement et à l'animation. Les curseurs sont de plus en plus avancés, allant de simples transitions de fondu et de diapositives aux effets 3D compatibles avec CU3ER et le Piecemaker (bien que basé sur Flash)..
Pour créer une animation élaborée et détaillée sur le Web, il fallait traditionnellement compter sur Flash. Ce n'est toutefois plus le cas. Les animations CSS3 sont de plus en plus avancées et la prise en charge du navigateur augmente parallèlement..
L'animation, si elle est utilisée correctement, est un excellent moyen de distinguer votre site et d'attirer l'attention de l'utilisateur..
Vient ensuite l'intérêt, le deuxième des principes AIDA. Nous avons déjà attiré l'attention de l'utilisateur. Nous devons maintenant l'intéresser à ce que nous proposons. Comment faisons-nous cela?
Il est suggéré que, au lieu de communiquer les caractéristiques de notre produit ou service, nous en expliquions les avantages et les avantages. Cette approche permet de centrer l'attention sur l'utilisateur plutôt que sur le produit ou le service et permet à l'utilisateur de s'y identifier personnellement..
Pour ce qui est de la façon dont nous pouvons aborder cela par le biais de la conception, il s’agit de présenter clairement et succinctement ces avantages. Les utilisateurs ne voudront pas lire les paragraphes d'un argumentaire de vente afin de trouver ce qui les concerne. Des morceaux d’informations, des étapes, des listes, des puces, des icônes, etc. peuvent tous être utilisés pour communiquer rapidement des informations..
OK, nous avons donc attiré leur attention, suscité leur intérêt, nous devons maintenant amener les utilisateurs à vouloir ce que nous offrons. Nous devons générer le désir.
Générer le désir est un sujet vaste, les entreprises emploient des divisions de marketing entières pour créer des campagnes élaborées et engageantes à cette fin. Nous allons toutefois nous concentrer sur la manière de procéder grâce à la conception Web..
A ce stade, vous avez l'attention et l'intérêt de l'internaute et celui-ci sera prêt à investir plus de temps sur le site. Cette patience permet de présenter des informations plus détaillées, que ce soit sous forme d'images, de vidéo ou de texte. Il n'y a pas besoin de se précipiter cette étape.
Il va sans dire que vous devez présenter votre produit sous le meilleur jour possible. Les gens vont porter des jugements uniquement sur l’esthétique et associer un bon design à un niveau de qualité supérieur. Non seulement alors, la conception du site Web doit être à la hauteur, mais le produit réel (s'il en existe un) doit aussi être beau.
Des images de haute qualité et attrayantes et des vidéos bien produites peuvent être extrêmement puissants pour donner une belle apparence à votre produit. Le site Web Apple fait un travail exceptionnel en présentant tous ses produits en utilisant de grandes images combinées avec de l'animation..
Considérez la meilleure façon de présenter votre produit ou service. Ceux qui vendent des produits numériques, tels que des applications ou des sites Web, les affichent souvent sur des appareils tels que des moniteurs, des ordinateurs portables et des téléphones..
La preuve sociale est l’un des moyens les plus puissants et les plus répandus de générer du désir. Cela peut prendre plusieurs formes et vous le rencontrerez souvent plusieurs fois dans votre vie quotidienne..
La preuve sociale peut être un concept psychologique complexe, mais elle décrit fondamentalement le fait que les gens se inspirent des autres. Si d'autres trouvent quelque chose d'acceptable, un individu est plus susceptible de penser de cette façon.
Les témoignages et les critiques en sont un excellent exemple, car ils démontreront que d'autres personnes ont déjà eu une bonne expérience d'un service ou d'un produit. Savoir que d'autres personnes ont utilisé un produit et le recommandent supprime le sentiment de risque et augmente à son tour le désir.
Mieux encore est de présenter les opinions et les points de vue d’experts ou de célébrités. Ces types de personnes ont un public nombreux et leur opinion a beaucoup de valeur et de confiance derrière elle.
Le même concept peut être utilisé lorsqu'un studio de design présente en tant que clients de grandes entreprises prospères, ou lorsqu'un auteur présente fièrement où son travail a été présenté..
En plus d'utiliser la qualité à votre avantage, la quantité peut aussi bien fonctionner. Cela se voit lorsqu'un nombre élevé de suiveurs Twitter, de Likes Facebook ou d'abonnés RSS sont affichés et visibles par tous..
Nous avons fait tout le travail acharné et nous en sommes rendus à ce stade. Nous en sommes maintenant à l'étape finale: l'action. Le but ultime d'une page de destination est de convertir une personne en acheteur ou en abonné et la dernière chose que nous voudrions, c'est échouer à ce stade final..
Un élément 'Call to Action' est assez explicite. Ce sont des éléments, généralement sous la forme de boutons, qui invitent l’utilisateur à prendre des mesures telles que «Acheter maintenant» ou «S'inscrire». Cela semble assez simple, mais il faut tenir compte de certaines considérations lors de la conception.
D'abord et avant tout, quel que soit l'élément d'appel à l'action, il doit être absolument clair et évident que l'utilisateur peut interagir avec lui. Les boutons doivent avoir un certain style, comme une zone clairement définie ou une sensation de profondeur.
Nous pouvons également aider à distinguer les éléments d’appel à l’action en utilisant différentes méthodes. Utilisez la couleur, la taille, les détails et beaucoup d’espace blanc à votre avantage et pour mettre davantage en valeur l’élément.
Utilisez des libellés directs sur les boutons pour encourager les actions et créer un sentiment d'urgence. Un langage clair et concis non seulement favorisera l'action, mais il indiquera clairement à l'utilisateur à quoi s'attendre lorsqu'il interagit avec l'élément.
Nous devons également faciliter au maximum l'action de l'utilisateur en lui offrant de multiples possibilités. Un élément important appelant à l'action doit être inclus au début de la conception, avec des exemples supplémentaires tout au long de la page..
Il est toutefois important de maintenir un bon équilibre. Nous ne voulons pas submerger l'utilisateur et le faire sentir sous pression de quelque manière que ce soit. Trop d’éléments d’appel à l’action sembleront envahissants et pourraient avoir l’effet inverse de ce que nous voulons. Deux à trois est probablement un bon chiffre à viser.
La «disposition en Z» a déjà été abordée sur Webdesigntuts +, mais il convient de la mentionner car elle s’applique parfaitement aux pages de destination pour inciter les utilisateurs à passer à l’action..
La «disposition en Z» est une présentation de page Web simple, mais efficace, qui guide l'utilisateur à travers différents points d'une page et mène éventuellement à un appel à un élément d'action. Cette présentation est un moyen idéal pour mettre en œuvre les principes AIDA, en guidant l'utilisateur à chaque étape et en présentant l'appel à l'action à la fin..
Un avantage de cette disposition est qu’elle est très adaptable et peut être utilisée de nombreuses manières différentes. La structure de la forme en «Z» n’est pas rigide et peut s’étendre et se contracter pour englober différentes formes de contenu. Par conséquent, vous verrez souvent des exemples de cette mise en page pouvant être très différents les uns des autres..
Voici quelques exemples de la mise en page «Z» en action. Voyez si vous pouvez repérer le chemin prévu.
Connaître la théorie qui sous-tend les principes AIDA et savoir comment exécuter chaque étape de la conception peut constituer une connaissance très utile pour un concepteur Web..
Les techniques individuelles décrites ci-dessus sont toutes relativement simples et courantes dans la conception Web, mais il est tout à fait différent de pouvoir les combiner de manière à créer des pages Web efficaces et orientées vers un objectif..
Si cet article a suscité de l’intérêt pour AIDA, consultez le tutoriel Premium ci-joint intitulé Conception d’une page de destination à l’aide des principes AIDA…
Merci d'avoir lu!
Accentsconagua