La creación de contenido es más que un editor

Esta es una publicación de invitado escrita por Reid Peifer, socio y director de arte de Modern Tribe. En esta publicación, Peifer comparte su experiencia, opiniones y cosas a considerar a medida que se renueva la experiencia de creación de contenido en WordPress.

Imaginemos un mundo donde las herramientas que tenemos no nos limiten, sino que nos permitan crear contenido único, contextual y reflexivo. No peleamos con ellos, no cuestionamos los saltos de línea y los márgenes.

No discutimos sobre si dos imágenes deben alinearse o no. No estamos limitados a negrita, cursiva, subrayado y viñetas para expresar nuestras ideas. No estamos limitados a taxonomías para nuestra organización y algoritmos relacionales obtusos para determinar el contenido complementario.

Esta es la realidad que deberíamos tener. La gestión de contenido debería ser más que TinyMCE y metaboxes. Si bien WordPress ha seguido creciendo hasta convertirse en una plataforma madura, el enfoque en lo que debería ser su misión principal ha pasado a un segundo plano.

Nosotros (la comunidad de WordPress en general) nos emocionamos tanto por hacer que WordPress sea increíble, que perdimos de vista nuestro cargo: permitir que WordPress haga cosas increíbles. Democratizar la edición. Sacar las historias de la cabeza y el corazón de las personas y sacarlas al mundo.

Nos olvidamos del contenido. Sin contenido, WordPress y todos sus bits y bobs equivalen a mucho ruido y pocas nueces. Si bien es cierto que WordPress ha crecido a una escala casi inimaginable, el contenido que crea hoy no va a satisfacer las necesidades de la web del mañana.

No pude asistir a WordCamp EE. UU., pero admito que me quedé boquiabierto de alegría escuchando el video que pedía un enfoque en el editor en 2017.

Los debates iniciales que tienen lugar en make.wordpress.org y dentro de Slack son increíblemente alentadores. La comunidad ha asumido este cargo y avanza con una pasión que refleja la importancia de la tarea que tiene entre manos.

Si bien aplaudo absolutamente su esfuerzo y creo que la conversación hasta ahora ha sido valiosa, inmediatamente pasó al editor mismo. ¿Qué hace a un buen editor? La discusión se centra en la interfaz de usuario, en qué formato se deben almacenar los datos, si se deben usar códigos abreviados, etc. Todas son buenas preguntas, pero si las respondemos primero, limitamos el alcance de nuestra consulta.

La primera pregunta debería ser '¿qué hace un buen contenido'? ¿Qué es 'contenido'? ¿El contenido solo vive en la publicación o en la página? ¿Cuáles son sus elementos esenciales? ¿Cómo interactúan y se relacionan esos elementos entre sí? ¿Cuál es el ciclo de vida del contenido? ¿Dónde y cómo aparece en todo el sitio? ¿El contenido se comporta de manera diferente en diferentes escenarios o posiciones?

Si comenzamos con estas preguntas, sus respuestas se convierten en nuestros objetivos para la interfaz de usuario. La pregunta 'qué hace a un buen editor' tiene una respuesta clara: una que hace que lograr estos objetivos sea placentero y sin esfuerzo.

La necesidad de una herramienta de creación de contenido más robusta no es nueva

Hace años, cuando el 'diseño de revista' estaba de moda, tuvimos el privilegio de trabajar con algunas publicaciones importantes. En nuestro descubrimiento de diseño, aprendimos cómo pensaban sobre la presentación de su contenido, cómo cambiarían los diseños en función del contenido que estaban presentando ese día.

Las plantillas rígidas de la web que estábamos acostumbrados a construir posiblemente no podrían cumplir con la estrategia que habían empleado durante años en la impresión. Las secciones de deportes, negocios y estilo de vida necesitaban poder aprovechar diferentes diseños y presentaciones según sus necesidades inmediatas.

Necesitaban cambiar día tras día. Íbamos a descartar lo que sabíamos sobre la creación de sitios en WordPress. Íbamos a tener que deshacernos de la jerarquía de plantillas y empezar de cero. La página de términos de taxonomía en el administrador no iba a ser suficiente.

Mientras tanto, el 'arte dirigido' o 'publicaciones editoriales' se convirtió en una cosa. Gente como Jason Santa Maria y Trent Walton estaban publicando hermosos artículos personalizados ricos en diseño editorial. Nunca he estado más entusiasmado con el potencial de la web que cuando vi esos primeros artículos de Jason Santa Maria: soy un fanático del buen diseño de contenido.

En algún momento, poco después, el NY Times publicó Snowfall, y todas las personas con las que hablamos necesitaban 'formato largo' (incluso si no tenían idea de por qué o qué podría significar eso). Realicé mis propios experimentos tratando de recrear esa funcionalidad en WordPress; en ese momento, eso significaba un marcado completo y una gran cantidad de CSS personalizado, todo cocinado en el WYSIWYG. Hermosa salida, mala experiencia.

Estos son dos ejemplos muy comunes (y antiguos) de cómo el contenido necesita más de lo que la herramienta puede ofrecer.

Nos esforzamos en estos desafíos a lo largo de los años y los hemos resuelto para nuestros casos de uso particulares. Cada proyecto impulsa nuestras propias soluciones. Esto es algo de lo que aprendimos.

(Así que todos estamos hablando en los mismos términos, a continuación, cuando me refiero a la creación de contenido, me refiero al acto de crear una nueva pieza de contenido. Cuando me refiero a la gestión de contenido, me refiero tanto al modelo de contenido como a la organización y presentación del contenido. en todo el sitio).

Deberíamos aprender del desarrollo modular y el diseño atómico

Deberíamos aplicar los principios de desarrollo modular y diseño atómico tanto a la creación como a la gestión de contenido.

Hemos adoptado un pensamiento modular y sistemático para nuestras prácticas de codificación, rompiendo plantillas que alguna vez fueron monolíticas en partes reutilizables más pequeñas. Hemos aplicado el pensamiento de sistemas de diseño y enfoques atómicos a nuestro trabajo de diseño visual y UI/UX.

Pequeñas piezas se unen para crear componentes, que se unen para crear páginas que se unen para crear experiencias completas. Es la escuela de diseño y construcción de bloques LEGO. Este es un estribillo que muchos de nosotros conocemos bien.

Extender esa filosofía a la creación y gestión de contenido

Si bien hemos adoptado esta idea de pensamiento sistémico en la forma en que diseñamos y la infraestructura de lo que construimos, no hemos llegado a pensar en cómo abordar la creación y administración de contenido (estrategia de contenido) de una manera modular similar.

Esto se debe principalmente a que nuestras herramientas no nos permiten aplicar el pensamiento modular a la creación y gestión de contenido. Los CMS, incluido WordPress, generalmente se limitan a estructuras y modelos organizativos predefinidos.

El papel de las plantillas en la arquitectura general de CMS limita la flexibilidad de nuestros creadores de contenido. Hoy, la estrategia de contenidos se da antes, y luego queda a merced del desarrollo. En un mundo mejor, nuestra estrategia de contenido podría usar el diseño y el desarrollo para crecer, adaptarse y cambiar con gracia con el tiempo. Nuestras herramientas de publicación podrían convertirse en el método por el cual evoluciona nuestra estrategia de contenido en curso.

Creación de contenido modular

Pensemos en la idea de contenido en la web. Gran parte de lo que vemos en la web hoy en día es un pequeño paso lógico desde la impresión. Títulos y titulares, párrafos de texto, imágenes, citas extraídas. Esas piezas son un análogo 1:1. Debido a que es un medio digital, y somos tan inteligentes, hemos incluido videos, galerías de imágenes, esos malditos carruseles y otras cosas también.

Para la mayoría de ustedes, esos elementos se colocan en una página web mediante un editor WYSIWYG. Luchas con TinyMCE por la supremacía. Tal vez su tema o complemento tenga cajas meta dedicadas para elementos especiales. Puede haber una presentación de diapositivas o una galería en la parte superior de la página.

Cuando observamos la mayoría de las ejecuciones de contenido en la web, de hecho son menos interesantes, menos atractivas y menos hermosas que lo que nuestras contrapartes impresas han estado haciendo durante años (y me refiero a edades literales).

Tenemos todas las ventajas, pero fallamos en crear algo más interesante que un chorro de contenido preformateado. Nuestra insistencia en que el contenido y la presentación deben estar separados es un exceso: están relacionados en su esencia misma. ¿Hubo una noticia impactante ayer? Lástima, obtienes el mismo espacio de imagen destacada de 400 px que obtienen todas las demás historias.

Me niego a creer que esto es lo mejor que podemos hacer.

TinyMCE no es el pináculo de las herramientas de creación de contenido.

La plataforma que puede descubrir cómo hacer que la creación de contenido sea atractiva y poderosa es la plataforma que seguirá creciendo. Si bien Calypso es una hazaña de ingeniería interesante y es un modelo útil para el desarrollo futuro, hizo poco para impulsar lo que realmente significa crear contenido dentro del marco de WordPress.

Tratar de luchar contra esto en un solo WYSIWYG apesta

Nuestras herramientas de creación de contenido deberían permitirnos abordar la creación de contenido de la misma manera que pensamos en el diseño. ¿Cuáles son los elementos atómicos de mi estrategia de contenido? ¿Cómo puedo remezclar, reensamblar y trabajar con esos elementos para crear contenido interesante?

Debe ser sistémico. Todos los elementos y componentes deben funcionar como parte de una estructura y estrategia general para formar un todo coherente. Al igual que nuestro trabajo de diseño y nuestro trabajo de desarrollo. Nuestro proceso de estrategia, diseño y desarrollo se centra en identificar y crear patrones.

A lo largo de la estrategia de contenido y la parte de diseño del proyecto, nos enfocamos en identificar cuáles son esos patrones en su esencia misma; ¿Cómo los descomponemos en sus partes más pequeñas? Luego, a través del diseño y el desarrollo, comenzamos a juntar esas piezas de manera que respalden los objetivos internos y los objetivos del usuario final.

• Elementos: la unidad más simple. Cadenas de texto, imágenes individuales, videos, un campo o botón de entrada de formulario
• Componentes o bloques: agrupaciones de elementos que forman una unidad cohesiva
• Módulos: agrupaciones de componentes complementarios para un todo más grande
• Páginas (o publicaciones, o CPTS o lo que sea): agrupaciones de módulos para formar una pieza completa de contenido

Para impulsar las herramientas de creación de contenido de WordPress, debemos analizar cuáles podrían ser esos elementos, componentes y módulos, cómo se relacionan entre sí. ¿Se crean sobre la marcha, son obstinados o flexibles? Entonces, ¿cómo los creamos? ¿Cómo se relacionan con los temas y la santidad de los datos? Y así sucesivamente.

Gestión de contenido modular (estrategia de contenido modular)

Si bien hay suficientes referencias visuales para comenzar a imaginar cómo se ve una herramienta de creación de contenido modular, la gestión de contenido modular es un poco más difícil de visualizar, así que quédese conmigo.

Dentro de los CMS modernos tenemos un par de herramientas a nuestra disposición. Las etiquetas y categorías, junto con las relaciones padre/hijo, son las principales estructuras organizativas cocinadas en WordPress. Por supuesto, estos pueden ampliarse para incluir cualquier número de estructuras taxonómicas imaginables.

Herramientas como Post to Posts (P2P) proporcionan y crean una interesante capa de igual a igual que le permite crear relaciones 1:1, 1:muchos o muchos:muchos.

Eso es practicamente todo. La mecánica de las relaciones está definida y sujeta a código. Puedo asignar contenido a esos cubos definidos. Tengo plantillas fijas que muestran esos cubos de formas predeterminadas. Si quiero variar de eso, si quiero crear relaciones y remezclar contenido como administrador de contenido o creador de contenido, no tengo suerte.

Piense en la pantalla de términos de categoría dentro de WordPress. ¿Qué tipo de herramientas de administración de contenido tiene a su disposición allí? ¿Qué puedes hacer? ¿Qué puedes manejar ? No mucho en absoluto. Mire hacia atrás en el historial de lanzamientos de WordPress: ¿cuándo cambió esa pantalla?

No estamos a la altura de nuestro potencial si nos detenemos en una organización taxonómica como el principio fundamental de la gestión de contenido.

The Loop es uno de los conceptos centrales de la gestión de contenido de WordPress. Si bien es increíblemente poderoso y clave para comprender cómo pensar en su contenido, es el comienzo, no el final, de la gestión de contenido. No podemos detenernos en la 'lista' como el pináculo de nuestra estrategia de contenido.

Cambio de necesidades con el tiempo

Hacemos mucho trabajo para universidades y escuelas. Todos y cada uno tiene una página de inicio de categoría dedicada a los estudiantes actuales. A lo largo del año, quieren recopilar y sacar a la luz todo tipo de elementos, piezas de contenido y herramientas diferentes para esos estudiantes.

En términos de WordPress, tenemos páginas, publicaciones de blog, eventos, herramientas, recursos, fechas clave, aplicaciones y archivos, además de galerías de videos y quién sabe qué otros CPT ha formado su estrategia de contenido.

Las necesidades de esos estudiantes cambian a lo largo del año: materiales de bienvenida en el otoño, información de mitad de período en el invierno, apoyo laboral y programas de pasantías en la primavera. Si nuestros amigos de la universidad estuvieran atados a plantillas en las que esas necesidades se articularan en código, tendrían que volver atrás para actualizar su estrategia de contenido y abordarla al menos trimestralmente.

Las relaciones deben ser más ricas que los términos taxonómicos

La gestión de contenido real permitiría a los creadores de contenido empaquetar y presentar las cosas que han hecho de manera reflexiva y única, donde las relaciones y las conexiones tienen un valor más allá de cada pieza individual. Juntos se convierten en un todo cohesivo. Esa es una estrategia de contenido que vale la pena. Si no puede hacer eso, su estrategia de contenido es realmente solo una lista bien pensada de categorías y etiquetas.

Nuestras herramientas de administración de contenido deberían permitirle y empoderarlo para recopilar su contenido y presentarlo como lo necesita. No debe estar limitado únicamente por listas y algoritmos. Queremos que nuestros clientes puedan crear secciones transversales únicas de contenido donde lo necesiten, no donde tengan plantillas prefabricadas que les permitan hacerlo.

Un ejemplo para ayudar a visualizar: Siguiendo con nuestro estudiante universitario, imagine que el registrador publica una fecha límite para la solicitud de ayuda financiera. El departamento de vida residencial tiene formularios actualizados para obtener un lugar en los dormitorios.

El departamento de vida estudiantil publica una lista de eventos para que los nuevos estudiantes se conozcan. Cada pieza de contenido vive en su propio silo en lugares dispares en el sitio web de la universidad. Ahora imagine que está en el departamento de comunicaciones y se le ha encomendado garantizar que los nuevos estudiantes obtengan la información que necesitan.

¿ A: escribe manualmente extractos de esas piezas de contenido en un widget de barra lateral, codifica algunos enlaces tratando de aplicar una clase específica que hace que los enlaces parezcan botones pero no puede recordar si es .btn_round o .btnround o .round_btn_blue_large, y ore para que permanezca en el mismo lugar O B: cree un módulo de 'Información clave para nuevos estudiantes' haciendo referencia a cada contenido dinámicamente y arrastrándolo a la parte superior de la página de inicio desplazando la galería de inicio desactualizada que olvidó eliminar ¿la primavera pasada?

La vieja escuela es la opción A. La nueva escuela es la opción B (y no es la vieja escuela genial, es la vieja escuela aburrida y frustrante).

El camino a seguir es modular

Si eres nuevo en el concepto de diseño atómico, lee primero este artículo de Brad Frost. Si desea ver cómo solucionamos algunos de estos problemas específicamente, hay un par de charlas de WordPress.TV donde insisto en estas cosas aquí y aquí.

Tenemos que luchar por algo más que un editor WYSIWYG actualizado. Tenemos que aspirar a una mayor y más amplia comprensión de lo que es y podría ser el contenido. Cuando tengamos esa visión, podremos construir herramientas para ayudar a realizarla.