Le contenu est une partie importante de l'expérience utilisateur. Le contenu est plus que l'optimisation des moteurs de recherche; c'est plus que bloguer. Cela fait partie de votre site, de l'identité de votre marque et de la raison pour laquelle les utilisateurs interagissent avec votre conception.
Chaque jour, il devient encore plus important de concevoir du contenu dans le cadre de la fonction globale et de l'expérience utilisateur dans la conception de sites Web et d'applications. Mais comment pouvez-vous le faire? (Nous pouvons vous aider avec des études de cas et des exemples, tels que The Hen House, qui utilise diverses techniques de conception et d'engagement de l'utilisateur pour vous permettre de faire défiler l'écran.)
Quel est le contenu du site?
Le contenu du site Web est plus qu'un flux de messages de blog. Il comprend chaque texte ou image d'un site Web. Cela inclut tout, de la copie principale aux informations de bas de page en passant par les balises alt. Chaque élément compte comme contenu.
Il y a beaucoup de ces informations que les concepteurs oublient parfois lorsque nous pensons au contenu. Prenez un site de commerce électronique, par exemple: Les descriptions de produits et même les règles d’expédition sont précieuses. Le détaillant Woot crée un contenu remarquable pour chaque élément de son site Web. Comme vous vous en doutez, chaque article à vendre comprend des images, des descriptions et un moyen d'acheter. De plus, chaque article comprend également un élément de plaisir. Regardez la description de l’article secondaire, un ensemble de couteaux: Les couteaux d’avril apportent les couteaux de mai. Notez à quel point ce titre fonctionne pour une vente qui chevauche deux mois? Yeahhhhh.?
L'objectif de chaque élément de contenu de site Web est d'optimiser et d'améliorer l'expérience utilisateur. (C'est pourquoi les descriptions mignonnes de Woot fonctionnent.) Le contenu devrait contribuer à la voix globale de votre marque et montrer pourquoi les utilisateurs devraient visiter votre site et dialoguer avec lui. (L’engagement est quelque chose, de la lecture au jeu en passant par l’inscription à un bulletin d’information ou l’achat d’un produit.)
?Conception? Contenu
Le design de contenu est beaucoup plus que esthétique. Pensez à concevoir un contenu comme un lien entre votre message et l'utilisateur. Quels outils ou types d’informations établiront ce lien?
Le blog de Moz a récemment compilé une liste d'astuces pour la conception de contenu dans le cadre de l'expérience utilisateur globale:
- Lien vers un blog ou des articles de blog pertinents
- Intégrer du contenu de média social associé
- Optimiser le contenu que vous avez déjà; l'utiliser de différentes manières
- Rédigez de superbes descriptions de sections, de photos et d’autres éléments de? Cachés? contenu
- Soyez fier de votre contenu et montrez-le en le rendant assez grand pour voir
- Guider les utilisateurs dans le contenu de manière logique (et méthodique)
Le magazine Oustide fait un excellent travail avec cela sur son site Web. Le contenu est un mélange provenant de différentes sources: le magazine, du contenu spécifique en ligne, les médias sociaux et les interactions des utilisateurs. Dans? Meilleures villes 2015: Wild-Card Round? ce mélange de contenu est exposé. Le magazine héberge un contenu photo soumis par les utilisateurs sur Instagram. Le contenu? est conçu comme un guide de règles pour participer au concours. Le contenu complémentaire intéressant est le flux de photos du flux Instagram extérieur avec le hashtag du concours. La beauté du design réside dans le fait que le message de contenu principal ne change pas, mais que les éléments de contenu de la page changent et se mettent à jour en permanence, ce qui oblige les utilisateurs à revenir et à interagir.
Contenu et fonction
Comment le design et le contenu se combinent-ils? Il devrait être synchronisé.
L'expérience utilisateur et la fonctionnalité sont des éléments essentiels de la conception. Et il existe des techniques et des choses que vous pouvez faire visuellement pour attirer encore plus les utilisateurs. Les facteurs clés sont la réflexion sur la manière dont les utilisateurs lisent et consultent un site Web, comment les interactions fonctionnent et sur l'utilisation de la théorie et des principes de la conception pour créer quelque chose que les utilisateurs veulent voir, y compris les grandes lignes de la conception.
Les utilisateurs lisent et engagent la plupart des conceptions dans un motif de base, balayant des blocs de contenu jusqu'à ce qu'ils trouvent les parties avec lesquelles ils souhaitent interagir ou qu'ils trouvent intéressants. The Next Web a récemment examiné ce modèle d’attention qui prend la forme d’un «F»? en détail. Le principe de base est que le contenu en forme de F, de gauche à droite et de haut en bas, est le comportement le plus dominant de l'utilisateur et qu'il peut fournir des indices aux concepteurs. «Le F désigne le lecteur qui balaye d’abord une ligne horizontale en haut de l’écran, comme il est compréhensible pour les cultures qui se lisent de gauche à droite. Ensuite, l'utilisateur balaye une ligne verticale en bas à gauche de l'écran, à la recherche de mots clés ou de points d'intérêt dans les phrases initiales ou les titres de sous-sections du paragraphe. Lorsque le lecteur trouve quelque chose qu’il aime, il commence à lire normalement en formant des lignes horizontales.
Ensuite, les interactions entre l'utilisateur et la conception doivent être sensibles et pertinentes. Les utilisateurs doivent comprendre quand et où cliquer et ce qui va se passer. Il s'agit d'une étape essentielle dans le développement du contenu et de la conception sous la forme de signaux d'utilisateur. Quelles sont les couleurs et les étiquettes que vous utiliserez sur ces outils pour diriger le trafic des utilisateurs?
Enfin, les concepteurs peuvent utiliser des outils et des techniques de conception de base pour créer une esthétique attrayante. Un tour? Créez une conception ou une interaction basée sur les tendances actuelles ou offrant une surprise à l'utilisateur. L'apparence d'un site peut contribuer à sa fonction. créer quelque chose d'amusant que les utilisateurs veulent toucher.
Living Edge fusionne fonctionnalité et design de manière presque transparente. La conception simple utilise un défilement par page pour présenter aux utilisateurs la marque et les produits. Les actions de survol de couleurs astucieuses encouragent les clics sur des informations importantes telles que le financement et l'inscription à un courrier électronique. Le site utilise des tendances de conception telles que le minimalisme et le défilement parallaxe pour créer une expérience immersive avec une typographie simple et des couleurs incitant à l’action.
Dilemmes du contenu
En ce qui concerne le contenu, les concepteurs ont généralement deux dilemmes: une quantité écrasante de contenu ou pas assez de contenu.Le milieu, qui consiste en un flux constant de types de contenu variés et constamment mis à jour, est rarement la norme.
"Lorsque la stratégie de contenu est en place et à sa place, nous sommes sur la bonne voie pour produire des résultats beaux et efficaces." - Magazine éclatantLa première étape dans la lutte contre ce dilemme consiste à élaborer une stratégie de contenu complète. Ce plan n’est pas la chose la plus simple à faire, mais il permettra d’harmoniser la conception et le contenu et de faciliter l’exécution en équipe. Smashing Magazine? Stratégie de contenu dans le processus de conception? est un guide presque intemporel pour commencer des conversations sur la stratégie de contenu. Dans le guide: "Lorsque la stratégie de contenu est en place et à sa place, nous sommes sur la bonne voie pour produire des résultats beaux et efficaces."
Vient ensuite le moment de régler votre dilemme de contenu:
- Si vous avez une quantité écrasante de contenu, simplifiez-vous. Envisagez une conception modulaire de type carte qui divise le contenu en éléments plus petits et plus digestibles.
- Si vous n'avez pas assez de contenu, réutilisez ce que vous avez. Prenons un jeu ou un gadget dans la conception qui met l’accent sur les points clés. Encouragez l’interaction entre l’utilisateur ou le réseau social, puis republiez-la dans le plan de votre site.
Le portfolio de Miki Mottes montre comment concevoir beaucoup de contenu tout en veillant à le garder organisé et unique. En utilisant une conception modulaire et par blocs, les éléments du portefeuille sont faciles à voir et fournissent des liens cliquables. Le site utilise un style fantaisiste qui fait que vous regardez chacune des animations, dont le contenu contribue également au portefeuille de concepteurs (et aux emplois potentiels). Faites défiler la liste pour trouver encore plus de contenu - en savoir plus sur le concepteur, acheter en boutique ou envoyer un message.
Supreme Supreme propose un site Web amusant avec un contenu minimal. Mais le contenu inclus est engageant et propose des actions distinctes pour les utilisateurs. Une superbe galerie de photos incite les utilisateurs à partager leur potentiel d’inclusion. Lorsqu’un concours permet de gagner du café gratuit, les utilisateurs risquent de cliquer ou d’exécuter d’autres actions telles que le téléchargement de l’application.
Conclusion
Concevoir du contenu pour des expériences utilisateur consiste d'abord à comprendre les utilisateurs, puis à concevoir. Un bon design encouragera les utilisateurs à interagir avec votre site Web ou votre marque.
Créez un design qui utilise les théories de base d'un bon design, établit un message fort avec le contenu et offre ensuite aux utilisateurs une surprise sous forme esthétique ou fonctionnelle.