C’est l’objectif de quasiment tous ceux qui possèdent un site Web: avoir des utilisateurs qui reviennent encore et encore. Ils partagent votre contenu; ils s'engagent avec vous régulièrement; ils parlent aux autres du site. Ils se souviennent du site.
Cela n'arrive pas par accident. Une conception mémorable est un outil qui aidera à créer cette connexion utilisateur. Ici, nous allons examiner sept façons de créer une impression durable avec sept exemples renversants de la façon de le faire. Apprenez à créer un design qui colle à long terme et ne passe pas inaperçu!
1. faire une impression
Les utilisateurs se souviendront de la première chose qu'ils font sur votre site Web, ainsi que de la dernière chose qu'ils font. Il est important que la mémoire soit bonne.
Des visuels puissants sur la page de destination et une finition transparente de l'action sont essentiels.
Tosco Music fait un excellent travail en faisant une première impression qui commence par une combinaison d'effets visuels intéressants:
- Navigation à gauche
- Fort contraste entre les éléments
- Contenu vidéo puissant au-dessus du parchemin
- Belle typographie
La conception fait également une bonne impression finale. Les utilisateurs peuvent en savoir plus sur un acte musical qui les intéresse ou sont invités à s'inscrire pour recevoir le courrier électronique de l'entreprise avec un formulaire simple et difficile à manquer. Chaque interaction est simple, transparente et donne la raison pour laquelle les utilisateurs reviennent sur le site.
2. Racontez une histoire
Un site Web est votre passerelle vers le monde. C'est l'occasion de dire aux gens qui vous êtes et pourquoi vous comptez. Que l’histoire soit celle d’une marque ou d’un blog de voyage, la narration efficace est le fil conducteur qui permet aux utilisateurs de rester accrochés.
Raconter cette histoire est un processus en deux parties:
- Texte fort à raconter
- Visuels intéressants à montrer
Vous aurez besoin des deux éléments pour constituer un package complet.
Walkwest commence par faire une déclaration audacieuse, puis ils vous racontent une histoire à l'appui. Si vous avez besoin de leurs services (relations publiques ou marketing), c'est quelque chose qui résonnera probablement avec vous. La façon dont l'histoire est racontée est simple avec de belles images et de simples blocs de texte courts.
Mais non seulement le site Web raconte-t-il une histoire, mais son design vous guide avec des motifs de défilement et des éléments visuels intéressants. L'utilisateur devient immergé dans l'interaction pour en savoir plus. Et tout cela se passe en quelques secondes.
C'est une histoire mémorable.
3. Utiliser les couleurs efficacement
Trop de couleurs et un motif peuvent amener les utilisateurs à abandonner le site, trop peu de couleurs et le motif peut être oublié. Au milieu se trouve un mélange de couleurs intéressant qui restera inchangé par les utilisateurs.
L'astuce pour la couleur est de créer une palette qui convient à votre contenu, mais qui contraste également avec de nombreux autres éléments que les utilisateurs rencontrent régulièrement. (Pensez simplement au nombre de sites Web sur lesquels vous cliquez tous les jours et qui ont la même couleur bleue pour l'arrière-plan.)
Hillman Living utilise une image sombre avec des petits morceaux de couleur intentionnelle pour attirer votre attention et aider les utilisateurs à se concentrer sur les chaises de l'image. (C'est ce qu'ils vendent.)
Descendez la page et l'esthétique se transforme en un style minimal plus traditionnel - avec un fond blanc - mais chaque chaise a les mêmes accents de couleur. Cette couleur colle avec vous. Il est difficile d’obtenir les oranges, les rouges et les bleus de votre esprit. (Et leur compagnie parie sur l'idée que vous penserez à eux assez pour acheter.)
4. Faites quelque chose d'amusant
Qu'est-ce qui vous vient à l'esprit quand vous pensez "site web amusant"? Un jeu? Un aperçu du film? Qu'en est-il des techniques de conception telles que la couleur, l'imagerie et la typographie?
Chacun de ces éléments peut rendre votre conception amusante.
- Visages souriants en images ou en vidéo
- Couleurs vives et saturées
- Quelque chose à faire (un jeu)
- Langage léger et enjoué (en particulier dans une police de caractères similaire)
Newcastle Now fait beaucoup de ces choses. Le site est destiné à une région qui tente de se réinventer et tout ce qui concerne la conception est amusant et intéressant, de la palette de couleurs aux formes amusantes en tant qu’éléments de conception aux personnes heureuses qui font des choses intéressantes dans toutes les images. La conception vous donne l'impression de vouloir entrer dans la scène et de rire avec les personnages à l'écran. (Je parie que vous vous en souviendrez!)
5. Engager les sens
Il s’agit d’écrire et d’imaginer la connexion avec les sens des utilisateurs.
Une option consiste à interagir avec les utilisateurs et à fournir des commentaires. Par exemple, un utilisateur entre quelque chose dans le site Web et quelque chose d'autre est renvoyé. (Pensez-y comme un aller-retour qui se produit de la même manière que d'envoyer un message à un ami.) Une autre option consiste à les inciter à réfléchir à votre conception à la manière de Coffee Times Coffee.
Vous ne trouverez probablement pas de buveur de café qui ne semble pas sentir l’arôme lorsque vous regardez des clips vidéo sur la page d’accueil du site Web. (Certains prétendent même entendre les grains de café dans le moulin.) Quoi qu'il en soit, le dessin devient plus qu'une image à l'écran pour l'utilisateur, il invoque un autre souvenir agréable à travers les sens. (Un qui est susceptible de s'attarder pendant un moment? Ou au moins jusqu'à une autre tasse de café.)
6. Mélangez-le
Certains sites Web sont conçus pour avoir du nouveau contenu tout le temps, car ils se connectent avec une base d'utilisateurs à répétition. (Le commerce électronique en est un exemple courant, tout comme les sites Web d'information ou de style magazine.)
Changer le contenu ou modifier le design peut offrir une nouvelle expérience intéressante pour les utilisateurs, qui les encourage à réfléchir plus souvent à votre site et à y revenir. La clé est que les nouvelles expériences doivent toujours ressembler à votre contenu et à votre conception (cela peut donc être assez difficile).
Nike est l'un des leaders dans ce domaine. Le contenu de la page d'accueil a tendance à être différent à chaque visite, mais chaque nouvel élément de la page d'accueil est tout aussi intéressant.L’autre chose que fait bien Nike, c’est que chaque élément de la page d’accueil du site Web est lié à l’actualité, de sorte que les éléments auxquels les utilisateurs pensent actuellement sont exactement ce qu’ils obtiennent du détaillant mondial d’équipement sportif.
Bien que vous n’ayez probablement pas les ressources de Nike, c’est un excellent point de départ pour la collecte d’informations (et d’inspiration). Faites un point pour visiter la page d’accueil chaque semaine pendant un mois ou deux et observez les changements. Comment pouvez-vous utiliser ces concepts pour mélanger votre contenu?
7. Rappelez-vous la fin
Vous avez un plan pour ravir les designers avec votre page d'accueil, les visuels sont époustouflants, il y a un grand appel à l'action, mais n'oubliez pas la finition. La dernière impression est tout aussi importante que la première impression. Savoir comment concevoir cela peut prendre un peu plus de travail car les utilisateurs peuvent quitter votre site Web depuis un emplacement différent de celui où ils entrent (au moins, vous espérez qu'ils le feront).
Parcourez vos analyses et trouvez la page vers laquelle la plupart des utilisateurs s'éloignent, pour une bonne expérience. Créez une offre pour donner aux utilisateurs quelque chose - un bon rabais ou un élément imprimable / numérique - ou un souvenir durable de la meilleure partie de votre site web.
La clé est que les utilisateurs quittent heureux. (Il est également important de s’assurer qu’ils ne partent pas à cause d’une erreur quelconque.)
Startup Lab inclut une action de finition sur le côté gauche de chaque page: il s'agit d'un formulaire que les utilisateurs sont censés archiver. La finition est mémorable car l'action est facile à trouver, le formulaire est facile à remplir et les utilisateurs atteignent leur objectif en deux clics ou peu importe l'endroit où ils se trouvent sur le site.
Conclusion
La conception de sites Web mémorables est l’une de ces difficultés car elle arrive presque inconsciemment aux utilisateurs. Avez-vous déjà arrêté et dire? Je vais me souvenir de ce site! C'est douteux.
Mais vous avez tendance à vous rappeler certains des éléments qui font la qualité d'un site Web. Vous pensez au message plus tard ou vous avez envie de café cette après-midi.
J'aimerais voir plus d'exemples de sites Web qui vous ont impressionné. Partagez-les avec moi sur Twitter et tag Design Shack.