La création de contenu est bien plus qu'un éditeur

Ceci est un article invité écrit par Reid Peifer, partenaire et directeur artistique de Modern Tribe. Dans cet article, Peifer partage son expérience, ses opinions et les éléments à prendre en compte lors de la refonte de l'expérience de création de contenu dans WordPress.

Imaginons un monde où les outils dont nous disposons ne nous limitent pas, mais nous permettent plutôt de créer un contenu unique, contextuel et réfléchi. Nous ne nous battons pas avec eux, nous ne chicanons pas sur les sauts de ligne et les marges.

Nous ne discutons pas pour savoir si oui ou non deux images doivent s'aligner. Nous ne sommes pas limités aux caractères gras, italiques, soulignés et à puces pour exprimer nos idées. Nous ne sommes pas limités à des taxonomies pour notre organisation et à des algorithmes relationnels obtus pour déterminer des contenus complémentaires.

C'est la réalité que nous devrions avoir. La gestion de contenu devrait être plus que TinyMCE et les méta-boîtes. Alors que WordPress a continué à se développer pour devenir une plate-forme mature, l'accent mis sur ce qui devrait être sa mission principale a pris une seconde place.

Nous (la communauté WordPress dans son ensemble) sommes tellement enthousiastes à l'idée de rendre WordPress génial que nous avons perdu de vue notre responsabilité - permettre à WordPress de créer des choses géniales. Démocratiser l'édition. Pour faire sortir les histoires de la tête et du cœur des gens et les faire connaître au monde.

Nous avons oublié le contenu. Sans contenu, WordPress et tous ses bric-à-brac font beaucoup de bruit pour rien. S'il est vrai que WordPress a atteint une échelle presque inimaginable, le contenu qu'il crée aujourd'hui ne répondra pas aux besoins du Web de demain.

Je n'ai pas pu me rendre au WordCamp US, mais j'avoue que j'étais bouche bée de joie en écoutant la vidéo appelant à un focus sur l'éditeur en 2017.

Les premières discussions sur make.wordpress.org et dans Slack sont incroyablement encourageantes. La communauté a pris cette responsabilité et avance avec une passion qui reflète l'importance de la tâche à accomplir.

Bien que j'applaudis absolument leurs efforts et que je pense que la conversation jusqu'à présent a été précieuse, elle est immédiatement allée à l'éditeur lui-même. Qu'est-ce qui fait un bon éditeur ? La discussion se concentre sur l'interface utilisateur, le format dans lequel les données doivent être stockées, les codes abrégés doivent-ils être utilisés, etc. Toutes de bonnes questions, mais si nous y répondons en premier, nous limitons la portée de notre enquête.

La première question devrait être "qu'est-ce qui fait un bon contenu" ? Qu'est-ce que le "contenu" ? Le contenu ne vit-il que sur la publication ou la page ? Quels sont ses éléments essentiels ? Comment ces éléments interagissent-ils et sont-ils liés les uns aux autres ? Quel est le cycle de vie du contenu ? Où et comment apparaît-il sur le site ? Le contenu se comporte-t-il différemment selon les scénarios ou les positions ?

Si nous commençons par ces questions, leurs réponses deviennent nos objectifs pour l'interface utilisateur. La question « qu'est-ce qui fait un bon éditeur » a une réponse claire – une réponse qui rend la réalisation de ces objectifs agréable et sans effort.

Le besoin d'un outil de création de contenu plus robuste n'est pas nouveau

Il y a des années, lorsque la « mise en page de magazines » était à la mode, nous avons eu le privilège de travailler avec de grandes publications. Lors de notre découverte du design, nous avons appris comment ils pensaient à la présentation de leur contenu, comment les mises en page changeraient en fonction du contenu qu'ils présentaient ce jour-là.

Les modèles rigides du Web que nous avions l'habitude de construire ne pouvaient pas répondre à la stratégie qu'ils avaient employée pendant des siècles dans l'impression. Les sections sports, affaires et style de vie devaient toutes pouvoir tirer parti de différentes mises en page et présentations en fonction de leurs besoins immédiats.

Ils devaient changer jour après jour. Nous allions jeter ce que nous savions sur la construction de sites dans WordPress. Nous allions devoir abandonner la hiérarchie des modèles et repartir de zéro. La page des termes de taxonomie dans l'administration n'allait pas le couper.

Pendant ce temps, les « articles dirigés par l'art » ou les « postes éditoriaux » sont devenus une chose. Des gens comme Jason Santa Maria et Trent Walton produisaient de beaux articles sur mesure riches en design éditorial. Je n'ai jamais été aussi enthousiasmé par le potentiel du Web que lorsque j'ai vu ces premiers articles de Jason Santa Maria - je suis un aspirant pour une bonne conception de contenu.

À un moment donné, peu de temps après, le NY Times a publié Snowfall, et tous ceux à qui nous avons parlé avaient besoin d'un "formulaire long" (même s'ils ne savaient pas pourquoi ni ce que cela pouvait signifier). J'ai mené mes propres expériences en essayant de recréer cette fonctionnalité dans WordPress - à l'époque, cela signifiait un balisage complet et une tonne de CSS personnalisés, tous cuits dans le WYSIWYG. Belle sortie, expérience de merde.

Ce sont deux exemples très courants (et anciens) de la façon dont le contenu a besoin de plus que ce que l'outil peut offrir.

Nous avons relevé ces défis au fil des ans et les avons résolus pour nos cas d'utilisation particuliers. Chaque projet fait avancer nos propres solutions. Voici une partie de ce que nous avons appris.

(Nous parlons donc tous dans les mêmes termes, ci-dessous lorsque je fais référence à la création de contenu, je veux dire l'acte de créer un nouveau contenu. Quand je fais référence à la gestion de contenu, je veux dire à la fois le modèle de contenu, et l'organisation et la présentation du contenu sur tout le site.)

Nous devrions apprendre du développement modulaire et de la conception atomique

Nous devrions appliquer les principes de développement modulaire et de conception atomique à la fois à la création de contenu et à la gestion de contenu.

Nous avons adopté une réflexion modulaire et systématique dans nos pratiques de codage, en divisant les modèles autrefois monolithiques en parties réutilisables plus petites. Nous avons appliqué la pensée des systèmes de conception et des approches atomiques à notre travail de conception UI/UX et visuelle.

De petits morceaux s'assemblent pour créer des composants, qui s'assemblent pour créer des pages qui s'assemblent pour créer des expériences complètes. C'est l'école de conception et de construction des blocs LEGO. C'est un refrain que beaucoup d'entre nous connaissent bien.

Étendre cette philosophie à la création et à la gestion de contenu

Bien que nous ayons adopté cette idée de pensée systémique dans la façon dont nous concevons et l'infrastructure de ce que nous construisons, nous n'avons pas encore réfléchi à la façon d'aborder la création et la gestion de contenu (stratégie de contenu) de manière modulaire.

C'est principalement parce que nos outils ne nous permettent pas d'appliquer la pensée modulaire à la création et à la gestion de contenu. Les CMS, y compris WordPress, sont généralement limités à des structures et des modèles d'organisation prédéfinis.

Le rôle des modèles dans l'architecture globale du CMS limite la flexibilité de nos créateurs de contenu. Aujourd'hui, la stratégie de contenu se produit avant, puis est à la merci du développement. Dans un monde meilleur, notre stratégie de contenu pourrait utiliser la conception et le développement pour grandir, s'adapter et changer avec élégance au fil du temps. Nos outils de publication pourraient devenir la méthode par laquelle notre stratégie de contenu continue évolue.

Création de contenu modulaire

Pensons à l'idée de contenu sur le web. Une grande partie de ce que nous voyons sur le Web aujourd'hui est un petit pas en avant logique par rapport à l'impression. Titres et gros titres, paragraphes de copie, images, citations tirées. Ces pièces sont un analogue 1:1. Parce qu'il s'agit d'un support numérique et que nous sommes si intelligents, nous avons inclus des vidéos, des galeries d'images, ces dang carrousels et ainsi de suite.

Pour la plupart d'entre vous, ces éléments sont placés sur une page Web à l'aide d'un éditeur WYSIWYG. Vous vous battez avec TinyMCE pour la suprématie. Peut-être que votre thème ou plugin a des méta-boîtes dédiées pour des éléments spéciaux. Il peut y avoir un diaporama ou une galerie en haut de la page.

Lorsque nous examinons la plupart des exécutions de contenu sur le Web, elles sont en fait moins intéressantes, moins attrayantes et moins belles que ce que nos homologues imprimés font depuis des lustres (et je veux dire des lustres littéraux).

Nous avons tous les avantages, mais nous ne parvenons pas à créer quoi que ce soit de plus intéressant qu'un contenu préformaté. Notre insistance sur le fait que le contenu et la présentation doivent être séparés est un dépassement - ils sont liés à la base même. Y a-t-il eu une nouvelle bouleversante hier ? Dommage, vous obtenez le même emplacement d'image de 400 pixels que toutes les autres histoires.

Je refuse de croire que c'est le mieux que nous puissions faire.

TinyMCE n'est pas le summum des outils de création de contenu.

La plate-forme qui peut comprendre comment rendre la création de contenu attrayante et puissante est la plate-forme qui va continuer à se développer. Bien que Calypso soit une prouesse technique intéressante et un modèle utile pour le développement futur, il n'a pas fait grand-chose pour faire avancer ce que signifie réellement créer du contenu dans le cadre WordPress.

Essayer de combattre cela en un seul WYSIWYG, c'est nul

Nos outils de création de contenu doivent nous permettre d'aborder la création de contenu de la même manière que nous pensons au design. Quels sont les éléments atomiques de ma stratégie de contenu ? Comment puis-je remixer, réassembler et travailler avec ces éléments pour créer un contenu intéressant ?

Cela doit être systémique. Tous les éléments et composants doivent fonctionner dans le cadre d'une structure et d'une stratégie globales pour former un ensemble cohérent. Tout comme notre travail de conception et notre travail de développement. Notre processus de stratégie, de conception et de développement est axé sur l'identification et la création de modèles.

Tout au long de la stratégie de contenu et de la partie conception du projet, nous nous concentrons sur l'identification de ce que sont ces modèles à la base ; comment pouvons-nous les décomposer en leurs plus petites parties? Ensuite, à travers la conception et le développement, nous commençons à assembler ces éléments de manière à soutenir les objectifs internes et les objectifs de l'utilisateur final.

• Éléments – l'unité la plus simple. Des chaînes de texte, des images uniques, des vidéos, un champ de saisie de formulaire ou un bouton
• Composants ou blocs - regroupements d'éléments qui forment une unité cohérente
• Modules - regroupements de composants complémentaires pour un ensemble plus large
• Pages (ou messages, ou CPTS ou autre) - regroupements de modules pour former un contenu complet

Pour faire avancer les outils de création de contenu de WordPress, nous devons examiner ce que ces éléments, composants et modules pourraient être, comment ils sont liés les uns aux autres. Sont-ils créés à la volée, sont-ils opiniâtres ou flexibles. Alors, comment pouvons-nous les créer. Comment sont-ils liés aux thèmes et à la confidentialité des données. Et ainsi de suite.

Gestion de contenu modulaire (stratégie de contenu modulaire)

Bien qu'il y ait suffisamment de références visuelles pour commencer à imaginer à quoi ressemble un outil de création de contenu modulaire, la gestion de contenu modulaire est un peu plus difficile à visualiser, alors accrochez-vous avec moi.

Dans les CMS modernes, nous avons quelques outils à notre disposition. Les balises et les catégories, associées aux relations parent / enfant, sont les principales structures d'organisation intégrées à WordPress. Bien sûr, ceux-ci peuvent être étendus pour inclure n'importe quel nombre de structures taxonomiques imaginables.

Des outils tels que Post to Posts (P2P) fournissent et créent une couche peer-to-peer intéressante vous permettant de créer des relations 1: 1, 1: plusieurs ou plusieurs: plusieurs.

C'est à peu près tout. La mécanique des relations est définie et soumise à un code. Je peux attribuer du contenu dans ces compartiments définis. J'ai des modèles fixes qui affichent ces seaux de manière prédéterminée. Si je veux m'écarter de cela, si je veux créer des relations et remixer du contenu en tant que gestionnaire de contenu ou créateur de contenu, je n'ai pas de chance.

Pensez à l'écran des termes de catégorie dans WordPress. De quel type d'outils de gestion de contenu disposez-vous là-bas ? Que pouvez-vous faire? Que pouvez-vous gérer ? Pas grand-chose du tout. Revenez sur l'historique des versions de WordPress - quand cet écran a-t-il changé ?

Nous ne sommes pas à la hauteur de notre potentiel si nous nous arrêtons à une organisation taxonomique comme l'alpha et l'oméga de la gestion de contenu.

La boucle est l'un des concepts centraux de la gestion de contenu WordPress. Bien qu'il soit incroyablement puissant et essentiel pour comprendre comment penser à votre contenu, c'est le début, pas la fin, de la gestion de contenu. Nous ne pouvons pas nous arrêter à la « liste » comme point culminant de notre stratégie de contenu.

Les besoins changent avec le temps

Nous travaillons beaucoup pour les universités et les écoles. Chacun a une page de destination de catégorie dédiée aux étudiants actuels. Tout au long de l'année, ils veulent rassembler et mettre en évidence toutes sortes d'éléments, de contenus et d'outils différents pour ces étudiants.

En termes WordPress, nous avons des pages, des articles de blog, des événements, des outils, des ressources, des dates clés, des applications et des fichiers, en plus des galeries vidéo et qui sait quels autres CPT votre stratégie de contenu a formés.

Les besoins de ces étudiants changent tout au long de l'année - matériel d'accueil à l'automne, informations à mi-parcours en hiver, soutien à l'emploi et programmes de stages au printemps. Si nos amis universitaires étaient liés à des modèles où ces besoins étaient articulés en code, ils devraient revenir sous le capot pour mettre à jour leur stratégie de contenu et l'aborder au moins tous les trimestres.

Les relations devraient être plus riches que les termes de taxonomie

Une véritable gestion de contenu permettrait aux créateurs de contenu de regrouper et de présenter les choses qu'ils ont créées de manière réfléchie et unique, où les relations et les connexions ont une valeur au-delà de chaque élément individuel. Ensemble, ils deviennent un tout cohérent. C'est une stratégie de contenu qui en vaut la peine. Si vous ne pouvez pas faire cela, votre stratégie de contenu n'est en réalité qu'une liste réfléchie de catégories et de balises.

Nos outils de gestion de contenu doivent vous permettre et vous donner les moyens de rassembler votre contenu et de le présenter comme vous le souhaitez. Vous ne devriez pas être limité uniquement par des listes et des algorithmes. Nous voulons que nos clients puissent créer des sections transversales uniques de contenu là où ils en ont besoin, et non là où ils ont des modèles pré-préparés qui leur permettent de le faire.

Un exemple pour vous aider à visualiser : en restant avec notre étudiant, imaginez que le registraire publie une date limite pour la demande d'aide financière. Le service de la vie résidentielle a mis à jour les formulaires pour obtenir une place dans les dortoirs.

Le service de la vie étudiante publie une liste d'événements permettant aux nouveaux étudiants de se rencontrer. Chaque élément de contenu vit dans son propre silo à des endroits disparates sur le site Web de l'université. Imaginez maintenant que vous êtes au service des communications et que vous êtes chargé de veiller à ce que les nouveaux étudiants obtiennent les informations dont ils ont besoin.

Est-ce que vous A : tapez manuellement des extraits de ces éléments de contenu dans un widget de la barre latérale, codez en dur certains liens en essayant d'appliquer une classe spécifique qui fait ressembler les liens à des boutons, mais vous ne vous souvenez pas si c'est .btn_round ou .btnround ou .round_btn_blue_large, et priez pour qu'il reste au même endroit OU B : créez un module "Informations clés pour les nouveaux étudiants" en référençant dynamiquement chaque élément de contenu et en le faisant glisser en haut de la page d'accueil en déplaçant la galerie de début obsolète que vous avez oublié de supprimer Le printemps dernier?

La vieille école est l'option A. La nouvelle école est l'option B (et ce n'est pas la vieille école cool, c'est la vieille école boiteuse et frustrante).

La voie à suivre est modulaire

Si vous êtes nouveau dans le concept de conception atomique, lisez d'abord cet article de Brad Frost. Si vous voulez voir comment nous avons résolu certains de ces problèmes en particulier, il y a quelques discussions sur WordPress.TV où j'insiste sur ce sujet ici et ici.

Nous devons lutter pour plus qu'un simple éditeur WYSIWYG mis à jour. Nous devons aspirer à une compréhension plus grande et plus large de ce qu'est et pourrait être le contenu. Lorsque nous aurons cette vision, nous pourrons créer des outils pour aider à la réaliser.