De temps en temps, vous pouvez juger un livre par sa couverture. Et quand il s’agit de sites Web, vous pouvez les juger par leurs couvertures.
L’esthétique générale de votre site peut faire une énorme différence dans l’expérience qui en résulte pour chaque utilisateur individuel. Malgré le nombre d’appels à l’action, de bannières et de formulaires de contact que vous avez, les visiteurs prendront rarement la peine d’investir leur temps si ces facettes intelligemment conçues ne semblent pas bonnes.
Mais quels éléments de conception peuvent vraiment affecter la façon dont un utilisateur interagit avec un site Web et que peut-on faire pour améliorer son expérience? Regardons de plus près.
Taille
Oui, oui … la taille compte. Un appel à l’action dans une police de 10 points ne résonnera pas comme le même verbiage dans une police de 100 points. Voici la différence:
Affinez vos messages les plus importants et allumez ces ventouses pour que tout le monde puisse les voir. Si vous devinez mon conseil, il existe de nombreuses recherches pour étayer ce point fondamental. Dans une étude eye-tracking fabriqué par Google et IBM, les sujets passaient 34% plus de temps sur les grandes polices que sur les petites polices.
En règle générale, votre meilleur pari sera de suivre un ordre hiérarchique de dimensionnement textuel, c’est-à-dire de coller vos titres et appels à l’action les plus lourds et les plus accessibles dans la plus grande police, et jusqu’à une petite taille pour une lecture plus approfondie.
Et la taille s’applique à bien plus que votre verbiage. Pensez à ce que vous essayez d’accomplir sur une page donnée et mettez à l’échelle vos formulaires, champs, images et navigation pour atteindre ces objectifs. Une page destinée à attirer les visiteurs pour la première fois devrait probablement apparaître à côté d’images volumineuses, convaincantes et accrocheuses et d’un texte substantiel (mais rare). À leur tour, au fur et à mesure qu’ils se plongent dans la viande et les pommes de terre, ils auront la patience et l’intérêt qualifié pour se livrer à de plus longues périodes de texte, d’images, etc.
Couleur
En ce qui concerne la couleur, il est judicieux de s’en tenir à une palette cohérente. Si vous avez un logo préexistant, baser la palette de couleurs de votre site sur celui-ci perpétuera l’aspect et la convivialité de votre marque.
Concevoir avec une palette de couleurs spécifique à l’esprit transmettra un attrait visuel et professionnel à vos téléspectateurs. Lorsque chaque page de votre site présente une palette de couleurs similaire et des éléments de conception cohérents, les visiteurs peuvent être sûrs d’être au bon endroit.
Bien sûr, différentes couleurs peuvent avoir des effets psychologiques différents sur les téléspectateurs Tenez compte de la personnalité de votre marque et de la façon dont vous voulez que votre public cible réagisse lors de sa visite; Devraient-ils être excités, doux, chaleureux, curieux, sérieux ou drôles? Créez un environnement qui reflète vos meilleurs intérêts et attire leur attention.
Gardez à l’esprit certaines combinaisons de couleurs sont dures pour les yeux, et d’autres ont des connotations inévitables. Par exemple, évitez le rouge avec du vert, le noir avec de l’orange et, pour l’amour de Dieu, le vert avec du jaune, à moins que vous ne recherchiez un thème festif exprès.
Conception
La façon dont vous organisez le contenu de votre site est tout aussi importante pour l’expérience utilisateur que le contenu lui-même.
Où va votre navigation? la partie supérieure, le côté, le bas, le coin, ou peut-être frappé en plein milieu? Un en-tête et / ou un pied de page cohérent indiqueront-ils la navigation et fourniront-ils des informations de contact ou des annonces spéciales? Est-il judicieux de vous établir d’une manière ou d’une autre en fonction de la finalité de votre site et du contenu que vous fournissez à vos utilisateurs?
Une fois que vous avez jeté les bases, il est temps de présenter le reste de votre contenu. Voici quelques conseils généraux à garder à l’esprit concernant la conception, quels que soient votre secteur d’activité et vos objectifs individuels:
- Créez un attrait sur le pli pour attirer immédiatement l’attention de vos visiteurs. Quelle est l’information la plus convaincante qui captera et conservera de nouveaux yeux sur votre page? Organisez-le à l’avant-plan pour la meilleure expérience utilisateur.
- Intégrez des images pertinentes à votre contenu textuel et utilisez ces images pour orienter les visiteurs dans la bonne direction. Des photos, des illustrations, des vidéos, des animations et des graphiques statistiques enverront votre message efficacement et susciteront plus d’interaction.
- Donnez-vous de la place pour vous développer. Les sites se développent à mesure que les gens et les entreprises se développent, alors concevez votre site de manière à ne pas limiter vos options pour une telle expansion.
Les deux catégories suivantes sont des éléments de conception importants, mais elles sont suffisamment larges pour se diviser également en leurs propres catégories.
Espacement
En ce qui concerne l’expérience utilisateur, la dernière chose à laquelle vous pensez peut être la façon dont votre contenu est espacé. Certains se moqueraient de la simple mention de quelque chose d’aussi délicat que l’espacement, mais cela peut faire ou défaire votre expérience utilisateur dans certains cas.
Demandez-vous simplement … Si mon écriture était si espacée, auriez-vous pris la peine de lire ceci dans mon message?
Je ne le crois pas.
Nous savons tous que une page Web bâclée Cela ressemble à ceci: faites défiler des bannières du début des années 2000 et des images clipart découpées avec un texte apparemment étrange. C’est ce type de conception défectueuse qui en dit long sur l’importance de l’espace, que ce soit entre les images, les paragraphes de texte ou même le crénage entre les lettres individuelles.
Laissez suffisamment de place pour que vos textes et vos images puissent respirer, offrant aux téléspectateurs une expérience organisée et plus agréable visuellement. Assurez-vous d’utiliser l’habillage du texte le cas échéant et vérifiez si le contenu se chevauche si vous recherchez une mise en page personnalisée. Dans le même temps, évitez de créer des zones ouvertes d’espace négatif qui suggèrent un contenu manquant.
L’espacement systématiquement échoué n’est pas du tout négligé pour vos visiteurs. Et une fois qu’ils ont mis en doute la légitimité de votre site et / ou de votre entreprise, ils sont beaucoup plus susceptibles de passer leur temps précieux ailleurs.
Couler
Une page Web est définie par son contenu et se caractérise par son flux.
Nous sommes tellement habitués à parcourir les mêmes conceptions de sites Web exactement de la même manière. Mais que se passe-t-il lorsque vous enfreignez la norme et offrez au citoyen numérique d’aujourd’hui un moyen vraiment créatif de naviguer sur votre site? La façon dont votre contenu circule a le potentiel de fournir à vos utilisateurs une expérience mémorable et agréable.
Vont-ils défiler de gauche à droite ou de haut en bas? Ou ils voyager dans à travers une expérience plus interactive qui s’écarte de la norme?
Et qu’en est-il du flux du contenu lui-même? Il est assez facile de rassembler des informations au fur et à mesure qu’ils viennent organiser une page de cette manière, mais la manière aléatoire n’est pas la meilleure.
Transmettez votre message d’une manière qui a du sens. Éloignez-vous de vos idées préconçues sur l’apparence de votre site et entrez dans la conscience collective de votre public cible. Pourquoi sont-ils venus sur votre site en premier lieu? Quelles raisons pourraient-ils avoir pour visiter cette page en particulier? Quel type d’informations voulez-vous voir en premier et comment voulez-vous les voir?
Répondez à ces questions au cas par cas, et il y a de fortes chances que la différence se traduise par une amélioration du volume de trafic, des conversions et des interactions sociales.
Est-ce que je manque des éléments de conception pertinents qui peuvent faire une différence dans l’expérience utilisateur? Faites-moi savoir dans les commentaires et mettez-les sur la carte.
