Conception de points d’entrée efficaces dans la conception Web

La création d'un "point d'entrée" invitant est importante dans tout type de discipline de conception, mais particulièrement sur le Web, lorsque l'attention est insuffisante et que les premiers moments de la visite d'un utilisateur peuvent le transformer ou le casser. Que votre objectif soit de créer un "écran d'accueil" flashy ou que vous conceviez une page d'accueil plus traditionnelle, vous devez prendre des décisions de conception simples pour améliorer vos chances de garder les visiteurs sur votre site..

Dans cet article, nous exposerons les principes de base de la conception d’un point d’entrée efficace pour votre site Web. Nous ne discuterons pas d'éléments spécifiques en profondeur; Nous allons plutôt examiner les principes généraux que tout concepteur devrait avoir à l’esprit lors de la création de cette première impression toujours aussi importante d’un site..


People Judge Books par leurs couvertures

Indépendamment de ce que leur maman leur a appris, les gens ne semblent tout simplement pas avoir l’habitude de juger les choses par leurs premières impressions. Même si un pessimiste pourrait dire que c'est tragique, les concepteurs de livres du monde entier se réjouissent chaque fois qu'ils l'entendent, et vous devriez aussi!

Les chercheurs semblent convenir qu'il vous reste entre 3 et 5 secondes pour attirer l'attention d'un visiteur. Cette impression initiale d'un site Web influence grandement la perception du visiteur du site ainsi que son attitude à l'égard du contenu de ce site. Une page de chargement lente ou un écran de démarrage gênant peut éloigner les utilisateurs de la page avant même qu’ils ne voient ce qu’elle a à offrir. De plus, les sites qui utilisent des publicités intempestives, des fenêtres modales et obligent les internautes à sauter par-dessus d'autres obstacles uniquement pour accéder à l'écran principal peuvent sembler intrusifs, même si le propriétaire du site Web a de bonnes intentions.

Créer un point d’entrée qui améliore réellement vos chances de garder les visiteurs à proximité n’est pas si difficile. Vous trouverez ci-dessous les trois principes de base d'un "bon design de point d'entrée" que chaque concepteur peut utiliser sur son propre site, quel que soit le but du site:


Principe 01: Briser les barrières

Considérez le point d’entrée de votre site comme s’il s’agissait d’une vitrine: vous n’obligeriez pas les visiteurs de votre magasin à se lever et à écouter un discours d’introduction de 30 secondes avant de pouvoir faire leurs achats; Vous ne voudriez pas non plus se fourrer des annonces pour d'autres magasins, des abonnements, des sondages, ou toute autre chose alors qu'ils franchiraient la porte. Votre objectif principal lors de la conception d'une vitrine est simple: rendre le processus d'achat aussi simple, lisse et simple que possible. Les mêmes règles s'appliquent à la conception Web: moins vous offrez de distractions au point d'entrée, plus l'expérience de vos visiteurs sera bonne..

Vous ne forceriez pas les visiteurs de votre magasin à se lever et à écouter un discours d'introduction de 30 secondes avant de pouvoir faire leurs achats…

Le style, le caractère, l'image de marque et la personnalité sont des atouts majeurs pour votre site Web. Toutefois, si votre site ne parvient pas à inciter les utilisateurs à cliquer, la conception la plus attrayante n'améliorera pas le classement de votre trafic..

Il ne devrait jamais y avoir de barrière entre le visiteur et ce qu'il cherche. Parmi les exemples d'obstacles, citons les fameuses publicités intempestives et les écrans de démarrage à chargement prolongé, mais ils peuvent inclure pas mal d'autres choses. Prenons un sondage qui invite les utilisateurs à partager leurs commentaires pour améliorer le site: cela peut sembler une bonne idée en surface, mais de nombreux utilisateurs verront que tout ce qui les gêne dans leur chemin est une raison pour partir. Rappelez-vous que le Web est un lieu très vaste: si les utilisateurs se voient opposer des barrières par rapport aux informations qu'ils recherchent, ils partiront rapidement pour trouver un autre site sans barrière..

Cependant, vous devrez peut-être inclure une barrière pour diverses raisons. Les sites nécessitant une vérification de l'âge, des plug-ins spéciaux ou obligeant les utilisateurs à spécifier un pays d'origine nécessitent tous une page "point de contrôle" dans laquelle les utilisateurs peuvent être redirigés au bon endroit. Si vous devez absolument inclure l'un de ces éléments de barrière, assurez-vous qu'il a l'air immaculé. Tout comme un visiteur de notre vitrine hypothétique peut ne pas entrer si l'extérieur de votre magasin est sale ou négligé, les visiteurs de votre site Web peuvent quitter rapidement si l'écran de démarrage est déroutant ou les convainc que le site Web n'est pas ce qu'ils recherchent pour.


Exemple: Coda


Examiner la page d'accueil de Coda - une petite poignée de choix clairs sont proposés, rien d'autre pour distraire ou dérouter le visiteur.

Coda est une application de développement Web qui combine une grande variété d'outils sous un même toit. Cela semble compliqué (et si vous y réfléchissez vraiment!), Mais la page d'accueil de Coda a toujours été le symbole de la simplicité. En limitant la quantité d'informations qu'ils donnent aux utilisateurs sur la page d'accueil, ils invitent les utilisateurs à A) télécharger l'application ou B) à obtenir plus d'informations. Quel que soit le choix de l'utilisateur, l'objectif de son introduction sur le site a été atteint.!


Principe 02: Conception de points d'intérêt

Un point d’entrée efficace devrait permettre aux visiteurs de s’orienter rapidement vers où ils se trouvent et où ils peuvent aller. Dans notre vitrine hypothétique, cela pourrait signifier de fournir une vision claire des allées principales du magasin. Sur un site Web, cela peut être aussi simple que de concevoir un menu de navigation clair et bien organisé. Le principe sous-jacent est de permettre aux personnes de revoir leurs options sans confusion ni fouillis. Inclure des "repères d'orientation" pour aider les visiteurs à savoir où ils peuvent effectuer une recherche et comment trouver le contenu qu'ils recherchent est un moyen simple d'améliorer la convivialité d'un site..

Concevoir des points d'intérêt n'a pas besoin d'être compliqué. Au contraire, les points d’intérêt d’un dessin doivent être simples, bien espacés et faciles à reconnaître. Emballer trop de points d’intérêt peut casser une conception en surchargeant les options d’un utilisateur..

Pensez à la conception de votre site Web comme à un menu de restaurant: si un serveur vous tend un menu de 100 pages, vous ne saurez pas par où commencer pour chercher ce que vous voulez manger. Si votre serveur vous donne un menu simple avec 5 ou 6 options de plats savoureux, vous pourrez probablement décider en quelques instants (et vous pourrez ensuite passer à un repas agréable).!


Exemple: iTunes Music Store


Ceci est l'iTunes Music Store par Apple. Remarquez le large éventail d'options présentées à l'utilisateur en un coup d'œil..

L’exemple iTunes Music Store est curieux; Il n'y a pas beaucoup de tâches de conception plus difficiles que d'essayer de concevoir un catalogue de musique qui plaira à la fois aux hard rockers, aux amateurs de hip-hop et à ma chère mère. La boutique iTunes fait exactement cela: en concevant des points d’intérêt sur toute la page, ainsi que des liens archivistiques du côté droit, presque chaque type d’utilisateur reçoit un intérêt, qu’il s’agisse de personnes à la recherche d’un artiste très spécifique , ou des navigateurs occasionnels cherchant simplement des nouveautés. Je suis sûr qu'il y a des gens qui n'aiment pas ce design pour une raison ou une autre (c'est un produit Apple, après tout!), Mais il est difficile de discuter avec la fonction du design ici.


Principe 03: Conception de leurres progressifs

Les éléments de la page de destination d'un site doivent être utilisés pour attirer et déplacer des personnes par le point d'entrée. L'inclusion d'éléments qui attirent l'attention, tels qu'un curseur jQuery interactif, peut rapidement amener un visiteur dans un site en les invitant à cliquer pour en savoir plus sur une diapositive en particulier. Utiliser des titres convaincants pour du contenu nouveau ou passionnant peut susciter l’intérêt du visiteur; Divisez le contenu en catégories clairement définies pour aider les utilisateurs à trouver quelque chose qui les intéresse. L'ensemble parfait d'éléments de conception sera différent pour chaque site, mais tenez compte de votre contenu et concevez votre page d'accueil de manière à présenter ce contenu comme s'il s'agissait d'un festin posé sur une table (par opposition à une confusion). garde-manger d'ingrédients!).


Exemple: la bête quotidienne


Thedailybeast.com homepage fait un travail efficace pour créer un point d’entrée offrant une large gamme de leurres.

Thedailybeast.com est un autre animal intéressant. Il s’agit essentiellement d’un journal politique - un type de site qui n’a pas toujours respecté les normes de conception les plus strictes. Mais là où d’autres sites de type "journaux" ont essayé et échoué, le Daily Beast réussit. Ils le font en créant plusieurs "points d'entrée" sur leur site à partir de la page d'accueil. Il existe un curseur d'image, une "feuille de triche" audacieuse, plusieurs titres principaux et bien plus encore. Que vous soyez d'accord ou non avec leurs écrits, il est très difficile de ne pas cliquer sur quelque chose.


Conclusion

Concevoir un point d’entrée efficace ne doit pas nécessairement être compliqué ou difficile. Si vous pouvez diviser le message principal de votre site en quelques points simples, vous pouvez les utiliser comme feuille de route pour votre conception. Éliminez les barrières entre vos utilisateurs et votre contenu et ils se retrouveront naturellement entre eux. Laissez quelques commentaires ci-dessous!