A criação de conteúdo é mais do que um editor

Este é um guest post escrito por Reid Peifer, sócio e diretor de arte da Modern Tribe. Neste post, Peifer compartilha sua experiência, opiniões e coisas a serem consideradas à medida que a experiência de criação de conteúdo no WordPress é renovada.

Vamos imaginar um mundo onde as ferramentas que temos não nos limitam, mas sim nos permitem criar conteúdo único, contextual e atencioso. Não brigamos com eles, não discutimos sobre quebras de linha e margens.

Não discutimos se duas imagens devem ou não se alinhar. Não estamos limitados a negrito, itálico, sublinhado e marcadores para expressar nossas ideias. Não estamos limitados a taxonomias para nossa organização e algoritmos relacionais obtusos para determinar conteúdo complementar.

Essa é a realidade que devemos ter. O gerenciamento de conteúdo deve ser mais do que TinyMCE e meta boxes. Embora o WordPress tenha continuado a se tornar uma plataforma madura, o foco no que deveria ser sua missão principal ficou em segundo lugar.

Nós (a comunidade WordPress em geral) ficamos tão empolgados em tornar o WordPress incrível que perdemos de vista nossa responsabilidade – permitir que o WordPress faça coisas incríveis. Para democratizar a publicação. Tirar as histórias da cabeça e do coração das pessoas e levá-las ao mundo.

Esquecemos do conteúdo. Sem conteúdo, o WordPress e todos os seus bits e bobs são muito barulho por nada. Embora seja verdade que o WordPress cresceu em uma escala quase inimaginável, o conteúdo que ele cria hoje não vai atender às necessidades da web de amanhã.

Não consegui ir ao WordCamp US, mas admito que fiquei de queixo caído de alegria ouvindo o vídeo pedindo foco no editor em 2017.

As discussões iniciais que acontecem no make.wordpress.org e no slack são incrivelmente encorajadoras. A comunidade assumiu essa responsabilidade e está avançando com uma paixão que reflete a importância da tarefa em mãos.

Embora eu aplauda o esforço deles e pense que a conversa até agora foi valiosa – ela imediatamente foi para o próprio editor. O que faz um bom editor? A discussão é focada na interface do usuário, em qual formato os dados devem ser armazenados, se os códigos de acesso devem ser usados ​​etc. Todas boas perguntas, mas se as respondermos primeiro, limitamos o escopo de nossa consulta.

A primeira pergunta deve ser 'o que faz um bom conteúdo'? O que é 'conteúdo'? O conteúdo só fica no post ou na página? Quais são seus elementos essenciais? Como esses elementos interagem e se relacionam entre si? Qual é o ciclo de vida do conteúdo? Onde e como ela aparece em todo o site? O conteúdo se comporta de maneira diferente em diferentes cenários ou posições?

Se começarmos com essas perguntas, suas respostas se tornarão nossos objetivos para a interface do usuário. A pergunta 'o que faz um bom editor' tem uma resposta clara – uma que torna o alcance desses objetivos prazeroso e sem esforço.

A necessidade de uma ferramenta de criação de conteúdo mais robusta não é nova

Anos atrás, quando 'layout de revista' era a novidade, tivemos o privilégio de trabalhar com algumas grandes publicações. Em nossa descoberta de design, aprendemos como eles pensavam sobre a apresentação de seu conteúdo, como os layouts mudariam com base no conteúdo que estavam apresentando naquele dia.

Os modelos rígidos da web que estávamos acostumados a construir não poderiam atender à estratégia que eles empregaram por muito tempo na impressão. As seções de esportes, negócios e estilo de vida precisavam ser capazes de alavancar diferentes layouts e apresentações, dependendo de suas necessidades imediatas.

Eles precisavam mudar dia após dia. Íamos jogar fora o que sabíamos sobre a construção de sites no WordPress. Teríamos que abandonar a hierarquia de templates e começar do zero. A página de termos de taxonomia no admin não iria funcionar.

Enquanto isso, 'direção de arte' ou 'postagens editoriais' se tornaram uma coisa. Pessoas como Jason Santa Maria e Trent Walton estavam lançando artigos lindos e personalizados, ricos em design editorial. Eu nunca estive mais empolgado com o potencial da web do que quando vi aqueles primeiros artigos de Jason Santa Maria – eu sou um otário para um bom design de conteúdo.

Em algum momento, pouco depois, o NY Times publicou Snowfall, e todos com quem conversamos precisavam de um 'formulário longo' (mesmo que não tivessem ideia do porquê ou do que isso poderia significar). Eu executei meus próprios experimentos tentando recriar essa funcionalidade no WordPress – na época, isso significava marcação completa e um monte de CSS personalizado, tudo preparado no WYSIWYG. Saída bonita, experiência ruim.

Esses são dois exemplos bem comuns (e antigos) de como o conteúdo precisa mais do que a ferramenta pode oferecer.

Nós nos esforçamos para enfrentar esses desafios ao longo dos anos e os resolvemos para nossos casos de uso específicos. Cada projeto impulsiona nossas próprias soluções. Aqui está um pouco do que aprendemos.

(Então, estamos todos falando nos mesmos termos, abaixo quando me refiro à Criação de Conteúdo me refiro ao ato de criar um novo conteúdo. Quando me refiro ao gerenciamento de conteúdo, quero dizer tanto o modelo de conteúdo quanto a organização e apresentação do conteúdo em todo o site.)

Devemos aprender com o desenvolvimento modular e design atômico

Devemos aplicar princípios de desenvolvimento modular e design atômico tanto para a criação de conteúdo quanto para o gerenciamento de conteúdo.

Adotamos um pensamento modular e sistemático para nossas práticas de codificação, quebrando modelos antes monolíticos em partes reutilizáveis ​​menores. Aplicamos o pensamento de sistemas de design e abordagens atômicas ao nosso trabalho de UI/UX e design visual.

Pequenos pedaços se juntam para criar componentes, que se juntam para criar páginas que se juntam para criar experiências completas. É a escola de design e construção de blocos LEGO. Este é um refrão que muitos de nós conhecemos bem.

Estendendo essa filosofia para a criação e gerenciamento de conteúdo

Embora tenhamos abraçado essa ideia de pensamento sistêmico em como projetamos e na infraestrutura do que construímos – não chegamos a pensar em como abordar a criação de conteúdo e o gerenciamento de conteúdo (estratégia de conteúdo) de maneira modular semelhante.

Isso ocorre principalmente porque nossas ferramentas não nos permitem aplicar o pensamento modular à criação e gerenciamento de conteúdo. Os CMSs, incluindo o WordPress, geralmente são limitados a estruturas e modelos organizacionais predefinidos.

O papel do modelo na arquitetura geral do CMS limita a flexibilidade de nossos criadores de conteúdo. Hoje, a estratégia de conteúdo ocorre antes, e depois fica à mercê do desenvolvimento. Em um mundo melhor, nossa estratégia de conteúdo poderia usar design e desenvolvimento para crescer, se adaptar e mudar ao longo do tempo graciosamente. Nossas ferramentas de publicação podem se tornar o método pelo qual nossa estratégia de conteúdo contínua evolui.

Criação de conteúdo modular

Vamos pensar sobre a ideia de conteúdo na web. Muito do que vemos na web hoje é um pequeno passo lógico à frente da impressão. Títulos e manchetes, parágrafos de texto, imagens, citações. Essas peças são um analógico 1:1. Porque é um meio digital, e nós somos tão inteligentes, incluímos vídeos, galerias de imagens, aqueles malditos carrosséis e outros enfeites também.

Para a maioria de vocês, esses elementos são colocados em uma página da Web usando um editor WYSIWYG. Você luta com TinyMCE pela supremacia. Talvez seu tema ou plugin tenha meta boxes dedicadas para elementos especiais. Pode haver uma apresentação de slides ou galeria no topo da página.

Quando olhamos para a maioria das execuções de conteúdo na web, elas são de fato menos interessantes, menos envolventes e menos bonitas do que nossas contrapartes impressas vêm fazendo há muito tempo (e quero dizer eras literais).

Temos todas as vantagens, mas falhamos em criar algo mais interessante do que um conteúdo pré-formatado. Nossa insistência de que o conteúdo e a apresentação precisam ser separados é um exagero – eles estão relacionados em sua essência. Houve uma notícia arrasadora ontem? Pena que você obtém o mesmo slot de imagem em destaque de 400px que todas as outras histórias recebem.

Eu me recuso a acreditar que isso é o melhor que podemos fazer.

TinyMCE não é o auge das ferramentas de criação de conteúdo.

A plataforma que pode descobrir como tornar a criação de conteúdo atraente e poderosa é a plataforma que continuará a crescer. Embora o Calypso seja um feito de engenharia interessante e um modelo útil para o desenvolvimento futuro, pouco fez para avançar o que realmente significa criar conteúdo dentro da estrutura do WordPress.

Tentar lutar contra isso em um único WYSIWYG é uma merda

Nossas ferramentas de criação de conteúdo devem nos permitir abordar a criação de conteúdo da mesma forma que pensamos sobre design. Quais são os elementos atômicos da minha estratégia de conteúdo? Como posso remixar, remontar e trabalhar com esses elementos para criar conteúdo interessante?

Deve ser sistêmica. Todos os elementos e componentes devem funcionar como parte de uma estrutura e estratégia geral para formar um todo coerente. Assim como nosso trabalho de design e nosso trabalho de desenvolvimento. Nosso processo de estratégia, design e desenvolvimento está focado na identificação e criação de padrões.

Em toda a estratégia de conteúdo e parte de design do projeto, estamos focados em identificar quais são esses padrões em sua essência; como podemos decompô-los em suas partes menores? Então, por meio do design e desenvolvimento, começamos a juntar essas peças de uma maneira que suporte os objetivos internos e os objetivos do usuário final.

• Elementos – a unidade mais simples. Strings de texto, imagens únicas, vídeos, um campo ou botão de entrada de formulário
• Componentes ou blocos – agrupamentos de elementos que formam uma unidade coesa
• Módulos – agrupamentos de componentes complementares para um todo maior
• Páginas (ou posts, ou CPTS ou qualquer outro) – agrupamentos de módulos para formar um conteúdo completo

Para impulsionar as ferramentas de criação de conteúdo do WordPress, devemos olhar para o que esses elementos, componentes e módulos podem ser, como eles se relacionam. Eles são criados na hora, são opinativos ou flexíveis. Então, como podemos criá-los. Como eles se relacionam com temas e santidade de dados. E assim por diante.

Gerenciamento de conteúdo modular (estratégia de conteúdo modular)

Embora existam referências visuais suficientes para começar a imaginar como é uma ferramenta de criação de conteúdo modular, o gerenciamento de conteúdo modular é um pouco mais difícil de visualizar, então fique comigo.

Dentro dos CMSs modernos, temos algumas ferramentas à nossa disposição. Tags e categorias, juntamente com relacionamentos pai/filho, são as principais estruturas organizacionais preparadas no WordPress. É claro que eles podem ser estendidos para incluir qualquer número de estruturas taxonômicas imagináveis.

Ferramentas como Post to Posts (P2P) fornecem e criam uma camada ponto a ponto interessante, permitindo que você crie relacionamentos 1:1, 1:muitos ou muitos:muitos.

É quase isso. A mecânica dos relacionamentos é definida e sujeita a código. Posso atribuir conteúdo a esses buckets definidos. Corrigi modelos que exibem esses buckets de maneiras predeterminadas. Se eu quiser variar disso, se eu quiser criar relacionamentos e remixar conteúdo como gerente de conteúdo ou criador de conteúdo, estou sem sorte.

Pense na tela do termo de categoria no WordPress. Que tipo de ferramentas de gerenciamento de conteúdo você tem à sua disposição? O que você pode fazer? O que você pode gerenciar ? Não muito. Olhe para trás na história dos lançamentos do WordPress – quando essa tela mudou?

Não estamos cumprindo nosso potencial se pararmos em uma organização taxonômica como o objetivo final do gerenciamento de conteúdo.

O Loop é um dos conceitos centrais do gerenciamento de conteúdo do WordPress. Embora seja incrivelmente poderoso e fundamental para entender como pensar sobre seu conteúdo, é o começo, não o fim, do gerenciamento de conteúdo. Não podemos parar na 'lista' como o ápice da nossa estratégia de conteúdo.

Precisa mudar ao longo do tempo

Fazemos muito trabalho para universidades e escolas. Cada um tem uma página de destino da categoria dedicada aos alunos atuais. Ao longo do ano, eles querem reunir e trazer à tona todos os tipos de elementos, conteúdos e ferramentas diferentes para esses alunos.

Em termos de WordPress, temos páginas, postagens de blog, eventos, ferramentas, recursos, datas-chave, aplicativos e arquivos, além de galerias de vídeos e quem sabe quais outros CPTs sua estratégia de conteúdo formou.

As necessidades desses alunos mudam ao longo do ano – materiais de boas-vindas no outono, informações de meio de semestre no inverno, apoio ao emprego e programas de estágio na primavera. Se nossos amigos da universidade estivessem vinculados a modelos onde essas necessidades fossem articuladas em código, eles precisariam voltar aos bastidores para atualizar sua estratégia de conteúdo e abordá-la pelo menos trimestralmente.

Os relacionamentos devem ser mais ricos do que os termos de taxonomia

O gerenciamento de conteúdo real permitiria que os criadores de conteúdo empacotassem e apresentassem as coisas que eles criaram de maneiras pensadas e exclusivas – onde os relacionamentos e conexões têm valor além de cada peça individual. Juntos, eles se tornam um todo coeso. Essa é uma estratégia de conteúdo que vale a pena. Se você não pode fazer isso, sua estratégia de conteúdo é apenas uma lista bem pensada de categorias e tags.

Nossas ferramentas de gerenciamento de conteúdo devem permitir e capacitar você a reunir seu conteúdo e apresentá-lo como você precisa. Você não deve ser limitado apenas por listas e algoritmos. Queremos que nossos clientes possam criar seções cruzadas exclusivas de conteúdo onde eles precisam, não onde eles têm modelos pré-fabricados que permitem isso.

Um exemplo para ajudar a visualizar: Ficando com nosso estudante universitário, imagine que o registrador publica um prazo para solicitação de auxílio financeiro. O departamento de vida residencial atualizou os formulários para conseguir uma vaga nos dormitórios.

O departamento de vida estudantil publica uma lista de eventos para novos alunos se conhecerem. Cada parte do conteúdo vive em seu próprio silo em lugares díspares no site da universidade. Agora imagine que você está no departamento de comunicação e foi encarregado de garantir que os novos alunos obtenham as informações de que precisam.

Você A: digita manualmente trechos desses pedaços de conteúdo em um widget da barra lateral, codifica alguns links tentando aplicar uma classe específica que faz os links parecerem botões, mas você não consegue lembrar se é .btn_round ou .btnround ou .round_btn_blue_large, e reze para que permaneça no mesmo lugar OU B: crie um módulo 'Informações-chave para novos alunos' referenciando cada parte do conteúdo dinamicamente e arrastando-o para o topo da página inicial, deslocando a galeria de formatura desatualizada que você esqueceu de remover última primavera?

A velha escola é a opção A. A nova escola é a opção B (e não é a velha escola legal, é a velha escola chata e frustrante).

O caminho a seguir é modular

Se você é novo no conceito de design atômico, leia primeiro este artigo de Brad Frost. Se você quiser ver como resolvemos alguns desses problemas especificamente – há algumas palestras do WordPress.TV onde eu falo sobre essas coisas aqui e aqui.

Temos que nos esforçar para mais do que apenas um editor WYSIWYG atualizado. Temos que aspirar a uma compreensão maior e mais ampla do que o conteúdo é e poderia ser. Quando tivermos essa visão, poderemos construir ferramentas para ajudar a realizá-la.