La page d’accueil – 10 choses à faire et à ne pas faire en matière de design

Chaque année, les designers recherchent le nouveau, l’unique et l’innovant. Et chaque année, ils ne sont pas déçus. La conception de sites Web, en particulier pour les pages d’accueil, continue de refléter les changements dans les demandes des consommateurs ainsi que ce que les nouvelles technologies rendent possible.

Il est facile de se laisser emporter par les dernières innovations créatives et de se plonger dans de nouvelles techniques, mais il y a aussi une mise en garde à raconter. Le design doit répondre aux besoins émotionnels et aux normes d’engagement des visiteurs qui peuvent devenir des clients/abonnés.

Prendre du recul

Toute conception de page d’accueil est, essentiellement, un argumentaire de vente. Si vous souhaitez qu’un visiteur entre dans l’entonnoir de vente par un type de conversion ; si vous voulez qu’un visiteur soit suffisamment impressionné pour consulter les autres pages ; ou si vous voulez qu’un visiteur s’engage émotionnellement (par exemple, une cause caritative), vous devez penser en termes de client, pas à vos préférences de conception ou à ce que vous pensez être "cool". Il est facile de se laisser emporter par de telles choses comme la parallaxe et le défilement, mais soyez prêt à vous retirer et à considérer pour qui vous concevez. Bien que de nouveaux bonbons pour les yeux soient passionnants, ils doivent correspondre à la marque et au public, alors soyez prudent. Voici quelques choses importantes à faire et à ne pas faire qui prévaudra toujours, quelles que soient les nouvelles "tendances" du design.

1 Établissez une relation intime avec la marque et ses clients

Qu’il s’agisse d’une entreprise de jouets, d’un bijoutier de luxe ou d’un site Web caritatif, chaque organisation a une marque et une image de marque à véhiculer. Cela nécessite beaucoup d’études et de recherches, pas simplement ce qu’un PDG ou un CMO pourrait dire. Comment l’entreprise est-elle représentée sur les réseaux sociaux et sur son site Web actuel ? Quelle est la «culture» au sein de l’entreprise elle-même? Où se situe l’entreprise au sein de son secteur d’activité? Une KIA n’est pas une Cadillac et vice versa. Une banque traditionnelle n’est pas un prêteur nouveau et innovant. Chaque organisation a une personnalité, et toute page d’accueil doit correspondre à cette personnalité.

Connaître les clients – Obtenez un profil mis en place :

De même, chaque marque a des clients ou des cibles potentielles. Lorsque les spécialistes du marketing de contenu planifient leurs stratégies, ils veillent à créer un contenu qui plaira à leurs clients. Ils développent une personnalité client très détaillée. Si vous concevez pour une organisation, contactez le CMO et obtenez ce personnage client. Si aucun n’a été développé, vous devrez dénicher les caractéristiques démographiques de ses clients typiques et/ou de son marché cible avant de commencer à concevoir. Votre conception doit plaire à ce client, pas à vous ou à quiconque dans l’entreprise.

Ce qui plaît à un propriétaire d’entreprise peut ne pas plaire à ses clients. Il est parfois difficile d’en convaincre les chefs d’entreprise. En 1971, Carolyn Davidson, étudiante en art et design, a conçu le swoosh Nike. Phil Knight n’en était pas ravi, mais a accepté de l’essayer. C’est une bonne chose qu’il soit allé avec le designer et non ses propres pensées initiales. Vous devrez peut-être être un peu assertif ici et diplomate dans cette affirmation. Si vous ne parvenez pas à vous mettre d’accord, suggérez des tests A/B de deux conceptions. La preuve en est le nombre de ceux qui restent plus longtemps et qui se convertissent d’une manière ou d’une autre.

2 Étudiez la psychologie du contenu visuel et utilisez-le au fur et à mesure de votre conception

La psychologie du marketing a toujours été liée au texte utilisé – créer un sentiment d’urgence, faire appel au désir d’appartenance, etc. Il existe également une certaine psychologie du contenu visuel, et les neurosciences nous fournissent chaque année plus d’informations à ce sujet.. Une partie de cela est couverte à l’école de design, bien sûr, mais d’autres non. La psychologie du design est liée au texte que vous utilisez mais aussi aux principes de la neuropsychologie intégrés dans les visuels que vous créez.

• Réponses viscérales: Nous avons tous eu ces expériences. Nous regardons une page principale et l’aimons absolument (ou la détestons). Nous ne pouvons pas dire exactement pourquoi, mais notre subconscient réagit à certains déclencheurs que le visuel a activés. La psychologie nous dit que ces types de réactions sont généralement activés par des désirs et des besoins fondamentaux – sécurité, menace, confort, amour, survie, etc. le design élégant favorise en fait un sentiment de sûreté et de sécurité – quelque chose que nous ne réalisons peut-être pas.

• Mouvement des yeux: Si vous n’avez pas lu sur la programmation neurolinguistique, vous devriez. Cette branche des neurosciences concerne spécifiquement le mouvement des yeux sur une page. Certaines de ces recherches ont abouti à la « règle des tiers ». Vous avez beaucoup lu, pratiqué et utilisé des conceptions de grille. La règle des tiers, cependant, concerne l’endroit où l’œil se dirige lorsqu’il frappe une page pour la première fois – il y a 4 points qui sont formés par les intersections d’une division de page tic-tac-toe. Jetez un oeil à cette page:

  L’élément le plus important de la page est placé dans l’une de ces 4 intersections. Les intersections inférieures sont en dessous du pli, ce qui peut aller à l’encontre des «règles» de conception traditionnelles, mais les neuroscientifiques ne sont pas d’accord. Si vous souhaitez que plus d’informations soient visibles, vous pouvez utiliser le carrousel et le placer dans la zone des deux intersections supérieures. C’est une méthode très courante et largement utilisée de nos jours.

• Humeur et ton/couleur: Le design doit correspondre à tout ce qui concerne l’ambiance et le ton du produit ou du service offert. La plupart des designers le savent, bien sûr, mais la psychologie des couleurs joue un rôle majeur dans l’établissement de cette humeur, de ce ton et de ces émotions :

3 Expérimentez avec des modèles ; N’abusez pas des modèles

Il existe trois types de modèles que vous pouvez utiliser, mais, encore une fois, lorsque vous choisissez un modèle, soyez prudent : il doit correspondre à la mission de l’organisation et ne doit pas être exagéré. Heureusement, il existe tellement de ressources et d’applications pour les modèles que vous trouvera celui qui correspondra. Voici quelques exemples de modèles qui témoignent de l’objectif et de la personnalité d’une entreprise.

• Le motif génératif: Ce sont des motifs répétitifs – dessins géométriques, particules, etc. Certains peuvent être assez subtils ; d’autres peuvent être audacieux et convaincants. Voici des exemples de chacun :

  Ce motif est subtil et doux – pour un site de composition musicale français.

  Ce modèle est destiné à une entreprise italienne de meubles contemporains. Contre ce motif en mouvement, des images de meubles volent dans et à travers la page.
  Ces deux modèles contribuent à renforcer l’identité de l’organisation et à attirer sa clientèle / ses abonnés.

• Modèles de données: Beaucoup d’entreprises vendent des services plus abstraits, pas des produits concrets. Les motifs de fond utilisés doivent refléter cela. Ces modèles peuvent être inspirés par les mathématiques ou la haute technologie, et peuvent donner une impression «d’au-delà du monde ». Voici un exemple de modèle de données très subtil et minimaliste pour Optimizely :

• Parallaxe: De nombreux designers expérimentent la parallaxe, et l’impact peut être assez étonnant. Bien que vous ne puissiez évidemment pas voir le mouvement, voici un site Web qui le fait parfaitement.

  Maaemo est un restaurant norvégien haut de gamme. Les nuages ​​bordent le ciel tandis que le nom reste immobile. La parallaxe peut être incroyable, mais seulement si elle est bien faite. Le reste des visuels et du texte ne peut pas être trop chargé, sinon tout l’effet est perdu et le visiteur est confus et bombardé.

• Motifs d’animation: Les pièces mobiles peuvent être une grande attraction, et il existe une technologie plus récente qui les rend assez amusantes et convaincantes. De plus, la facilité avec laquelle les concepteurs peuvent désormais ajouter de l’animation a poussé certains à aller un peu trop loin. Encore une fois, tenez compte du public et de la personnalité de l’entreprise avant d’ajouter une animation. Voici un exemple de Manchester Masters Fieldwork, une société britannique de conception de sites Web, démontrant le type d’animation qu’ils peuvent produire. Vous ne pouvez pas faire l’expérience de l’animation de toutes les boucles et de tous les mouvements. C’est, bien sûr, une exagération, et serait approprié pour un site vendant des produits pour enfants.

• Motifs de grille: Une conception de grille traditionnelle peut être utilisée pour placer des objets d’arrière-plan dans un motif symétrique. Considérez ce motif de grille d’arrière-plan pour Aark Collective, un vendeur de montres – parfait.

• Saignement: Il s’agit d’un élément de design relativement nouveau mais digne d’intérêt, adapté à certains types d’entreprises. Essentiellement, un motif commence sur la page de contenu, puis se fond dans un arrière-plan de couleur unie. Voici comment Web Designer Depot l’avait pour son propre site.

4 Cherchez une façon unique de concevoir des boutons

L’utilisation des boutons de navigation traditionnels peut être un peu ennuyeuse. Ils n’ont pas à l’être s’ils peuvent être incorporés directement dans la conception de la page d’accueil. Voici quelques façons dont les concepteurs ont mis du plaisir dans une page et ses boutons.

Jetez un œil à la page d’accueil de Small Stone – ils vendent des vidéos et de la musique. Le menu a été conçu dans une carte son à l’ancienne, et les boutons sont les boutons de navigation – assez uniques.

Custom Tshirts est une société britannique qui permet aux clients de concevoir leurs propres t-shirts. Les boutons de navigation sont placés sur le t-shirt, ainsi que d’autres éléments de menu plus bas.

5 Expérimentez avec les menus

Tout comme les boutons, les menus peuvent aussi être assez ennuyeux. De plus, ils peuvent nuire à un design autrement agréable. Cacher le menu est maintenant devenu assez bien compris par les visiteurs tant qu’il se trouve dans le coin supérieur gauche ou droit avec l’élément hamburger à trois barres. Cela nettoie un site. Il y a quelques inconvénients, alors faites vos recherches et voyez si cela convient à l’organisation.

D’autres concepteurs encore ont essayé de faire de toute la page d’accueil le menu comme suit :

6 Rendre les formulaires agréables ou amusants :

Un formulaire ne se trouve généralement pas sur la page principale d’un site, mais il fonctionne pour certaines entreprises, si le design est soit agréable, soit amusant pour le visiteur. Lorsque le formulaire correspond au thème, vous pourrez peut-être vous en tirer. Voici deux exemples de formulaires hébergés directement sur une page d’accueil :

Peut-être une bonne idée pour un site Web de voyage.

Voici un exemple pour une agence de design et de branding britannique.

7 Ajoutez souvent de nouvelles choses à la page d’accueil; Ne le laissez pas périmer

Les gens aiment la variété, et c’est agréable lorsqu’ils reviennent sur un site Web pour voir de nouvelles images et de nouveaux textes. Garder le logo, le thème, les couleurs et les éléments de navigation les mêmes leur fera savoir qu’ils sont sur le bon site, mais de nouvelles choses sont bonnes à faire.

Portuondo est un site Web de décoration d’intérieur qui propose régulièrement une nouvelle image sur sa page d’accueil, et il peut inciter les visiteurs et les clients à revenir juste pour voir quelle nouvelle idée de design est présentée.

8 N’exagérez pas le texte

Bien sûr, vous devez avoir du texte. Un visiteur a besoin de savoir où il a atterri, et c’est la première tâche de tout texte. Au-delà, cependant, être minime. Certaines des pages d’accueil les plus frappantes n’ont presque pas de texte, ce qui permet aux visiteurs d’apprécier le design et d’en profiter juste un instant avant de commencer à naviguer. Et, bien sûr, il va sans dire que l’écriture sophistiquée n’est réservée qu’aux gros titres et uniquement si elle correspond à l’ambiance et au ton de l’entreprise.

9 Essayez la conception de site Web d’une page

Tout est sur la page d’accueil, et le visiteur ne fait que défiler. Ces sites ne doivent se charger qu’une seule fois et vous pouvez placer des boutons en haut pour amener un visiteur à l’endroit de la page pour obtenir des informations spécifiques. Ceux-ci sont particulièrement populaires auprès des gens comme vous et d’autres artistes.

10 N’utilisez pas de carrousels de première page

Ce n’est probablement pas agréable de finir avec un négatif, mais, aussi populaires soient-ils, ils posent de nombreux problèmes. Ils peuvent ajouter un certain intérêt visuel, et ils réduisent certainement l’encombrement sur une page d’accueil, mais il y a des inconvénients certains. Ils sont mauvais pour le référencement, ils peuvent créer des problèmes de performances (temps de chargement, résolution d’image, etc.) et d’autres contenus importants peuvent devoir être placés sous le pli.

Conclusion

Il y a certainement beaucoup d’ autres choses à faire et à ne pas faire pour la conception de sites Web. Vous avez probablement déjà vos animaux de compagnie et vos bêtes noires. Il n’y a vraiment qu’une seule clé à emporter. Le but de la conception de sites Web est de vous fusionner, le concepteur et l’artiste, avec l’organisation et ses consommateurs. Et le plus important des trois est toujours le consommateur. Si vous vous souvenez de concevoir en pensant à ce public cible, vous réaliserez la mission d’une excellente conception de page d’accueil.