Contenu
- Qu'est-ce qu'un "vrai" contenu
- D'accord, alors qu'est-ce que la conception axée sur le contenu?
- Le contenu met en évidence les «cas extrêmes», c'est-à-dire le monde réel
- Commencer avec du contenu réel vous met dans la peau de l'utilisateur dès le départ
- 3 outils qui vous aident à travailler avec du contenu réel
- CMS Webflow
- Plug-in Craft Data pour Sketch
- API de générateur d'utilisateurs aléatoires
Avant de nous plonger dans les avantages de l'expérience utilisateur, clarifions un peu nos conditions.
Premièrement, alors que vous entendrez souvent les gens parler de ce concept comme "concevoir avec de vrais Les données, "Je préfère utiliser contenu, car il capture mieux ce avec quoi un designer travaille. Après tout, vous ne feriez normalement pas référence à une image en tant que «données», n'est-ce pas? Si cela vous aide, vous pouvez considérer le contenu comme des «données en contexte».
Qu'est-ce qu'un "vrai" contenu
Quelque part au cours de l'évolution du design, quelqu'un a eu l'idée que vous ne besoin vrai texte pour créer un design. Que vous pouvez simplement ajouter du latin arbitraire jusqu'à ce que le «vrai» truc soit prêt. D'où, lorem ipsum et ses nombreuses ramifications plus ou moins hipster.
Mais récemment, les gens ont commencé à réaliser à quel point c'est complètement fou. Sûr, quelque les formes de contenu peuvent simplement être déposées dans n'importe quel ancien design et qualifiées de «bonnes».
Mais ce n’est généralement pas le cas. Même votre blog «standard» présente souvent une variété de types de contenu, y compris des listes, des interviews, des études de cas, des procédures pas à pas, etc. certainement bénéficiez d’une présentation unique conçue pour mettre en valeur les caractéristiques uniques du type de contenu.
Entrez dans la conception avec un contenu réel. C'est une ramification de la conception axée sur le contenu qui demande aux concepteurs non seulement de commencer par le contenu, mais aussi de commencer par le réel contenu que de vraies personnes dans le monde réel et désordonné créent et partagent.
Notez que le contenu «réel» peut consister en:
- Photos réelles et mises à jour de statut de personnes ordinaires
- Contenu produit par le client pour les sites indépendants
- Copie polie produite par des rédacteurs professionnels
D'accord, alors qu'est-ce que la conception axée sur le contenu?
La conception axée sur le contenu donne la priorité à la création du contenu d'un site Web - ou à un examen et à une analyse du contenu existant - avant que la conception commence.
Cela ne signifie pas que le contenu ne peut pas être réitéré et affiné de manière agile une fois que le processus de conception a commencé. (En fait, cela devrait absolument l'être, pour vous assurer que la copie et le design parlent de la même voix.) Cela signifie simplement savoir avec quoi vous travaillez avant de commencer à travailler avec.
Avec nos conditions en place, profitons des avantages de la conception avec du contenu réel.
Le contenu met en évidence les «cas extrêmes», c'est-à-dire le monde réel
Les concepteurs aiment le contenu idéal. Et vous ne pouvez pas leur en vouloir: embellir le contenu est une petite partie de ce qu'ils font. Mais dans le monde réel, peu de gens font du joli contenu.
Au lieu de cela, ils rejoignent le nouveau site Web chaud, remplissent la moitié de leurs champs de profil, téléchargent une photo de deux et l'appellent un jour. Ou ils écrivent «de très longs titres» et téléchargent des photos en basse résolution sur leurs blogs.
C’est la vraie vie.
Lorsque vous comprenez cela, vous ne arrêter à la conception de profils d'utilisateurs «idéaux» qui présentent:
- Noms et prénoms courts et anglo-saxons
- Des centaines de belles photos, régulièrement fournies
- Courts passages de contenu textuel
- Une variété animée de «mises à jour» couvrant tous les types de contenu
Vous en faites un, bien sûr.
Mais vos autres moqueries mettent en valeur le monde réel. Un monde plein de:
- Noms longs
- Noms qui doivent être répertoriés dans plusieurs langues
- Noms qui vont de droite à gauche et non de gauche à droite
- Photos clairsemées, mal éclairées et mal recadrées
- Des avatars idiots à la place des tirs à la tête
- Des "partages" qui ne sont en réalité que des liens nus, sans commentaire, qui génèrent des aperçus vides
Ce ne sont pas des "cas extrêmes". Ce sont des instantanés du monde réel, désordonné et désordonné. Mieux vous comprendrez cela, mieux vous comprendrez vos utilisateurs et comment concevoir pour eux.
Et de peur que l'exemple ci-dessus ne vous induise en erreur, les avantages de la conception avec du contenu réel ne s'arrêtent pas aux réseaux sociaux. Ils s'appliquent à tout site Web qui utilise du contenu généré par des personnes qui ne sont pas vous. C'est-à-dire tous.
Après tout, imaginez une maquette d'un blog où chaque titre fait exactement trois mots. Est-ce que au moins tu parlez à l'éditeur du blog, mon frère?!
Commencer avec du contenu réel vous met dans la peau de l'utilisateur dès le départ
La plupart des visiteurs du site Web ne viennent pas pour le design magnifique, les interactions «délicieuses» ou la copie amusante.
Ils viennent chercher les informations dont ils ont besoin pour faire avancer les choses.
En adoptant une approche axée sur le contenu pour votre conception, puis en allant plus loin dans l'utilisation réel contenu, vous donnez la priorité à une tentative de compréhension à la fois:
- Avec quoi vous devez travailler
- Ce que recherche l'utilisateur final
Et cela vous aide à vous assurer que les bonnes informations sont mises en évidence aux bons endroits dans la conception finale.
En un sens, lorsque vous donnez la priorité à la production ou à l'analyse de contenu avant que la conception, vous empruntez le même chemin que votre utilisateur: patauger dans une mer d'informations à la recherche de ce dont vous avez besoin. En vous guidant tout au long de ce processus, vous obtiendrez une meilleure compréhension de ce qui est disponible, de ce que veulent vos clients et de la manière d’organiser votre contenu pour les aider à mieux comprendre ce que vous (ou votre client) proposez.
3 outils qui vous aident à travailler avec du contenu réel
De toute évidence, vous pouvez intégrer du contenu réel dans n'importe quel outil de conception pour apporter plus de fidélité à votre site Web et à vos conceptions de produits. Mais il existe quelques outils qui brillent vraiment lorsque vous travaillez avec du contenu réel.
CMS Webflow
Lancé à la fin de 2015, le CMS visuel de Webflow fonctionne à merveille avec un flux de travail axé sur le contenu. Créez simplement une collection à partir de 13 blocs de construction de base (allant des images aux liens en passant par les références à d'autres collections) pour créer une structure totalement personnalisée, entrez votre contenu, puis commencez à travailler avec ce contenu pour créer le design parfait. Vous pouvez même extraire des exemples de données «factices» pour lancer votre processus de conception.
Plug-in Craft Data pour Sketch
Ce plugin gratuit Sketch et Photoshop d'InVision LABS vous permet d'extraire du contenu réel de vos propres fichiers, de sites Web existants ou de fichiers JSON et de le brancher directement dans vos conceptions.
API de générateur d'utilisateurs aléatoires
Si vous êtes un slinger de code ou Photoshopper, Random User Generator vous permet de générer des objets JSON, SQL, CSV ou YAML que vous pouvez placer directement dans vos conceptions.
