Comment concevoir du contenu pour les expériences utilisateur

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 qu'un blog. Cela fait partie de votre site, de l'identité de la marque et des raisons pour lesquelles 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, comme The Hen House, qui utilise une variété de techniques de conception et d'engagement des utilisateurs pour vous faire défiler.)

Explorez les ressources de conception

Qu'est-ce que le contenu du site Web?

Le contenu du site Web est plus qu'un flux d'articles de blog. Il comprend chaque élément de texte ou d'image sur un site Web. Cela comprend tout, de la copie principale aux totags des informations de pied de page. Chaque morceau 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 politiques d'expédition sont du contenu. Le détaillant Woot fait un excellent travail de création de contenu pour chaque élément de son site Web. Comme vous vous en doutez, chaque article en vente comprend des images, des descriptions et un moyen d'acheter. De plus, chaque élément comprend également un élément de plaisir. Regardez la description de l'article secondaire, un ensemble de couteaux: «April Knives Bring May Knives. Notez à quel point ce titre fonctionne bien pour une vente à cheval sur deux mois? Ouaishhhh. "

L'objectif de chaque élément du contenu d'un 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 et interagir avec votre site. (L'engagement est tout, de la lecture au jeu, à l'inscription à une newsletter ou à l'achat.)

«Conception» de contenu

La conception de contenu est bien plus que l'esthétique. Pensez à concevoir du contenu comme un lien entre votre message et l'utilisateur. Quels outils ou types d'informations établiront cette connexion?

Le blog Moz a récemment compilé une grande liste de conseils pour la conception de contenu dans le cadre de l'expérience utilisateur globale:

• Lien vers un blog ou des articles de blog pertinents
• Incorporer du contenu lié aux médias sociaux
• Optimiser le contenu que vous avez déjà; l'utiliser de différentes manières
• Écrivez de superbes descriptions de sections, de photos et d'autres éléments de contenu «caché»
• Soyez fier de votre contenu et montrez-le en le rendant assez grand pour le voir
• Guidez les utilisateurs à travers 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 de diverses sources - le magazine, le contenu spécifique en ligne, les médias sociaux et l'interaction avec les utilisateurs. Dans «Best Towns 2015: Wild-Card Round», ce mélange de contenus est présenté. Le magazine héberge un contenu photo soumis par l'utilisateur sur Instagram. Le «contenu» est conçu comme un guide de règles pour participer au concours. Le contenu additionnel cool est le flux de photos du flux Instagram extérieur avec le hashtag du concours. La beauté de la conception est que le message de contenu principal ne change pas, mais les éléments de contenu de la page sont en constante évolution et mise à jour, exigeant que les utilisateurs reviennent et interagissent.

Contenu et fonction

Comment le design et le contenu se rejoignent-ils? Il doit être synchronisé.

L'expérience utilisateur et la fonction sont une partie essentielle de la conception. Et il existe des techniques et des choses que vous pouvez faire visuellement pour inciter encore plus les utilisateurs. Les facteurs clés sont la réflexion sur la façon dont les utilisateurs lisent et interagissent avec un site Web, le fonctionnement des interactions et l'utilisation de la théorie et des principes de conception pour créer quelque chose que les gens veulent regarder, y compris les contours de conception à la mode.

Les utilisateurs lisent et interagissent avec la plupart des conceptions selon un schéma de base, balayant des blocs de contenu jusqu'à ce qu'ils trouvent les parties avec lesquelles ils souhaitent s'engager ou trouver intéressantes. The Next Web a récemment examiné en détail ce modèle de prise de vue des utilisateurs qui prend une «forme en F». Le principe de base est que le contenu en forme de F de gauche à droite et de haut en bas est le comportement de l'utilisateur le plus dominant et qui peut fournir des indices aux concepteurs. «Le F fait référence au lecteur qui scanne d'abord une ligne horizontale en haut de l'écran, comme cela est compréhensible pour les cultures qui lisent de gauche à droite. Ensuite, l'utilisateur scanne une ligne verticale sur le côté 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-paragraphes du paragraphe. Lorsque le lecteur trouve quelque chose qu'il aime, il commence à lire normalement, formant des lignes horizontales. »

Ensuite, les interactions qui se produisent 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 de contenu et de conception sous la forme de signaux 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 qui est tout simplement attrayante. Une astuce? Créez une conception ou une interaction basée sur les tendances actuelles ou qui surprend l'utilisateur. L'aspect d'un site peut contribuer à sa fonction; créer quelque chose d'amusant que les utilisateurs veulent toucher.

Living Edge fusionne la fonction et le design d'une manière presque transparente. La conception simple utilise un défilement basé sur les pages pour présenter aux utilisateurs la marque et les produits. Les actions astucieuses de survol des couleurs encouragent les clics sur des informations importantes telles que le financement et l'inscription par e-mail. Le site utilise des tendances de conception telles que le minimalisme et le défilement de parallaxe pour créer une expérience immersive avec une typographie simple et des couleurs qui encouragent l'action.

Dilemmes de contenu

Quand il s'agit de penser au contenu, les concepteurs ont tendance à avoir l'un des deux dilemmes: une quantité écrasante de contenu ou pas assez de contenu du tout. Le milieu, qui serait un flux régulier de différents types de contenu constamment mis à jour, est rarement la norme.

«Lorsque la stratégie de contenu est en place et à sa place, nous sommes sur le point de produire des résultats magnifiques et efficaces.» - Smashing Magazine

La première étape de la lutte contre ce dilemme consiste à développer une stratégie de contenu complète. Ce plan n'est pas la chose la plus simple à faire, mais il rendra la conception et le contenu plus cohérents et plus faciles à exécuter en équipe. La «stratégie de contenu dans le processus de conception» de Smashing Magazine est un guide presque intemporel pour commencer des conversations sur la stratégie de contenu. Extrait du guide: «Lorsque la stratégie de contenu est en place et à sa place, nous sommes sur la bonne voie pour produire des résultats magnifiques et efficaces.»

Puis vient le temps de traiter votre dilemme de contenu:

• Si vous avez une quantité écrasante de contenu, simplifiez. Envisagez une conception modulaire de type carte qui divise le contenu en morceaux plus petits et plus digestes.
• Si vous n'avez pas assez de contenu, réutilisez ce que vous avez. Considérez un jeu ou un gadget dans la conception qui met l'accent sur les points clés. Encouragez l'interaction utilisateur ou sociale, puis republiez cette interaction dans le plan de votre site.

Le portefeuille de Miki Mottes montre comment concevoir beaucoup de contenu tout en réussissant à le garder organisé et unique. En utilisant une conception modulaire et bloc, les éléments du portefeuille sont faciles à voir et fournissent des liens cliquables. Le site utilise un style fantaisiste qui vous fait regarder chacune des animations, c'est-à-dire du contenu qui contribue également au portefeuille de concepteurs (et à l'emploi potentiel). Faites défiler vers le bas pour trouver encore plus de contenu - découvrez le créateur, achetez dans la boutique ou envoyez un message.

Supreme Supreme a une conception de site Web amusante avec un contenu minimal. Mais le contenu inclus est engageant et propose des actions distinctes pour les utilisateurs. Une grande galerie de photos incite les utilisateurs à partager pour une inclusion potentielle et avec un concours pour gagner du café gratuit, les utilisateurs cliqueront probablement ou effectueront d'autres actions telles que le téléchargement de l'application.

Conclusion

La conception de contenu pour l'expérience 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 du contenu, puis offre aux utilisateurs une surprise sous forme d'esthétique ou de fonction pour les enrouler.