5 consejos para diseñar para creadores de contenido

Los diseñadores freelance, de agencia y los internos inevitablemente crean sitios web para algún tipo de creador de contenido. Podrías estar diseñando para:

• Clientes personales, como un restaurante local o un fontanero
• Otras empresas, como startups o corporaciones
• Compañeros especialistas en contenido, como redactores, gestores de contenido y estrategas de contenido
• Cualquier usuario de internet (sus creaciones suelen llamarse “contenido generado por el usuario”, un término tan vago que resulta casi inútil)

Cuando diseñas para creadores de contenido, te enfrentas a un desafío único, a saber:

¿Cómo les das la libertad que necesitan sin que sea tanta como para arruinar tu diseño?

Afortunadamente, Michelle Barker, diseñadora en Future of Web Design, compartió algunos consejos geniales sobre cómo diseñar para creadores de contenido en el FOWD SF 2015.

Aquí tienes mi opinión sobre sus consejos, incluyendo algunas ideas para usar Webflow CMS y poner en práctica lo que sugiere Michelle.

1. Haz preguntas

La primera regla del diseño es “conoce a tu usuario”. Y conocer a tu usuario se vuelve aún más potente cuando este realmente puede dar forma a tu diseño. Porque eso es exactamente lo que significa diseñar para creadores de contenido: construir un sitio web de forma colaborativa con personas que quizás no sepan nada de diseño.

Para conocerlos, haz a tus creadores de contenido preguntas como:

¿Qué tipo de contenido creas y publicas?

Y no te quedes solo en “entradas de blog”. Averigua qué tipos de entradas publican y qué clase de contenido incluye cada una. (O vídeos, podcasts, infografías, etc.)

Puede que descubras que, en lugar de tener un solo diseño para “entradas de blog”, en realidad crearás varias plantillas para distintos tipos de publicaciones. O quizás sea mejor ofrecer muchos tipos de campos de entrada en tu CMS, para que las entradas no tengan que ajustarse a una estructura rígida.

¿Trabajas con Webflow CMS?

Con Webflow CMS, representas los tipos de contenido mediante Colecciones. Así que, mientras escuchas las respuestas de tus usuarios a esta pregunta, empieza a tomar nota de qué Colecciones necesitarán y qué campos requerirá cada una.

Si vas a crear un blog que publicará diversos tipos de artículos, considera crear colecciones que se correspondan con los distintos tipos de contenido, en lugar de una única colección de "blog" general. Esto te ayudará a asegurar que el diseño y el contenido trabajen juntos para transmitir su mensaje y fomentará la coherencia en el contenido.

Por ejemplo, si estás creando un sitio web de una revista gastronómica, podrías crear colecciones para:

Recetas

Campos:

• Imagen: foto principal del plato terminado
• Multirreferencia: para los ingredientes
• Número: calorías
• Texto enriquecido: para el paso a paso completo, con imágenes
• Referencia: nombre del autor
• Referencia: tipo de cocina

Reseñas de restaurantes

Campos:

• Imagen: foto principal del exterior o interior del restaurante
• Número: para las valoraciones
• Texto enriquecido: para la reseña, con imágenes
• Enlace: nombre del chef

Y estos son solo un par de ejemplos: con el CMS de Webflow, puedes crear casi cualquier tipo de colección para dar a tus creadores de contenido toda la flexibilidad y coherencia que necesitan.

¿Cómo es tu flujo de trabajo?

El flujo de trabajo de cada editor es un poco diferente, aunque sin duda hay temas recurrentes. Aquí tienes algunas preguntas clave que debes responder:

• ¿Qué herramientas utilizas para la creación y planificación de contenidos? Es posible que puedas configurar algunas integraciones que faciliten las cosas al equipo.
• ¿Cuál es tu proceso de aprobación? Con algunas plataformas, puedes integrar el proceso en el CMS creando diferentes roles y niveles de permisos. Ahora mismo, puedes añadir un editor de contenido a un CMS de Webflow, de modo que esa persona pueda actuar como "redactor jefe", añadiendo únicamente el contenido que ya haya pasado por el proceso de aprobación.
• ¿Cuántas personas participan en la publicación de contenido y cuáles son sus funciones? En algunos casos, muchas personas diferentes pueden trabajar en una sola publicación. Esto podría incluir a un autor para escribir el contenido, un editor para aprobarlo, un especialista en marketing para experimentar con los titulares y un experto en SEO para optimizar la meta información y otros elementos. Cada uno de estos colaboradores necesitará niveles de acceso y herramientas que les ayuden a realizar su trabajo.
• ¿De dónde obtendrán las imágenes los creadores de contenido? Diseñar para un equipo que toma sus propias fotos con el móvil plantea desafíos muy distintos a los de aquellos que pagan regularmente por Getty Images.

¿Qué nivel de conocimientos técnicos tienen los creadores de contenido?

El mundo de la publicación web parece volverse más complejo cada día. Basta con fijarse en una simple imagen. Con un solo gráfico, hay que preocuparse por: dimensiones, resolución, tipo de archivo y tamaño; etiquetas alt; optimización móvil; etcétera.

Muchos creadores de contenido no sabrán todo esto, así que quizás debas diseñar métodos que les ayuden a cubrir esas lagunas de conocimiento. Hablaremos más de esto en el punto 4 a continuación.

¿Qué necesitan hacer las personas que visitan el sitio?

Otro desafío único al diseñar para creadores de contenido es que no solo diseñas para ellos, sino también para los consumidores. Conocer qué hacen los usuarios del contenido te ayudará a determinar la arquitectura de información del sitio, crear flujos de usuario y definir la funcionalidad.

2. Conoce tus herramientas

Cuando empiezas a diseñar para creadores de contenido, sales inmediatamente de la zona de confort de tus aplicaciones de diseño de escritorio. Sketch o Photoshop no serán suficientes aquí, porque necesitarás realizar un tipo de diseño más fundamental, uno que no se trata solo de cajas, tipografías y colores (aunque también intervengan): diseño de UI y UX.

Tendrás que pensar en el flujo de trabajo del creador de contenido a través de diversas herramientas, pero te centrarás especialmente en el sistema de gestión de contenidos (CMS). (Esperamos que tengas voz y voto en su elección, pero nunca se sabe con qué te tocará trabajar). Deberás familiarizarte no solo con su interfaz, sino también con todas sus capacidades. Tendrás que aprender qué puede hacer de forma nativa y qué se puede hacer para ampliar su funcionalidad.

¿Necesitas conocer el CMS de Webflow?

Tu primera parada para aprender a usar tu herramienta es este vídeo:

En poco más de 30 minutos, sabrás casi todo lo necesario para utilizar el CMS de Webflow de forma eficaz.

3. Habla con tus desarrolladores

Con la mayoría de los CMS, tus desarrolladores serán un recurso vital para ayudarte a entender tus herramientas, sus limitaciones y qué puedes hacer para sortearlas. En muchos casos, tendrán soluciones bajo la manga para tus problemas de diseño, o al menos estarán encantados de buscar soluciones contigo.

Nunca subestimes el valor de colaborar con los miembros de tu equipo, aunque una tarea determinada "no sea su trabajo". Cada persona involucrada en el diseño y la producción web tiene una perspectiva única del proceso, y todos sabemos lo valioso que puede ser un segundo par de ojos ante problemas difíciles.

¿Trabajas con Webflow CMS?

Al crear el CMS de Webflow, nuestro objetivo fue darte el poder de construir un sitio web personalizado y basado en CMS sin ayuda de desarrolladores. Entre nuestro contenido educativo, los foros y simplemente trastear con la plataforma, encontrarás todo tipo de soluciones por tu cuenta.

Pero si tienes desarrolladores con quienes hablar, hazlo. Tanto en agencias como en equipos internos, es probable que tengas que entregar tus diseños a los desarrolladores para su ejecución, y serán invaluables para identificar casos excepcionales y superar limitaciones, antes de que los creadores de contenido se topen con ellos.

4. Crea una guía de estilo

Algunos problemas de diseño simplemente no pueden resolverse solo con una herramienta de diseño. En esos casos, necesitarás un poco de colaboración y la ayuda de una guía de estilo.

Por ejemplo, muchos blogs tienen una página de índice en cuadrícula con fotos en miniatura, un título y un resumen de la publicación. Para mantener el diseño equilibrado, querrás que los títulos y los resúmenes tengan una longitud constante.

¿Cómo lograrlo? Con una guía de estilo de contenido. (A List Apart tiene una muy buena). Una guía de estilo hace el trabajo que tu diseño no siempre puede realizar, al informar a los usuarios sobre las restricciones existentes. Y si alguien sabe lo que es trabajar con restricciones, son los escritores. Básicamente, nos encanta eso.

Creación de una guía de estilo con Webflow CMS

Es súper sencillo integrar partes de tu guía de estilo directamente en el CMS. Al definir los campos para tus colecciones, puedes personalizar las etiquetas y añadir un texto explicativo útil debajo de cada una. Incluso puedes añadir límites de caracteres a los campos de texto para asegurarte de que esos resúmenes no se vuelvan demasiado extensos.

Como estratega de contenido y editor, es mucho más fácil lograr que la gente siga tu guía de estilo cuando la tienen justo delante, y les avisa cuando han superado el límite de caracteres.

5. Diseña con contenido real

La práctica definitiva para diseñar pensando en los creadores de contenido es, sorprendentemente, diseñar con contenido real.

Solo diseñar con contenido real te permitirá experimentar la variedad de material que tus usuarios finales producen y manejan. Ese tipo de experiencia te ayudará a ser más sensible a sus objetivos y métodos, ayudándote a diseñar un producto mejor para ellos.

Diseñar con contenido real también hace que sea mucho más fácil descubrir tanto casos excepcionales como problemas en tu diseño. Si tu diseño no funciona bien con los titulares largos que a tus creadores de contenido les gusta escribir, la solución no es pedirles que los acorten. En su lugar, deberías:

1. Hablar con el equipo sobre la longitud de sus titulares para ver si les funciona.
2. Si la respuesta es "sí", es hora de ajustar tu diseño.
3. Si la respuesta es "no", trabaja con ellos para definir pautas sobre la longitud de los titulares e incorpóralas en la guía de estilo o en el CMS.

Es vital que no limites la conversación con tus creadores de contenido a la etapa de descubrimiento. Mantén el diálogo durante todo el proceso, haciendo revisiones más allá de las programadas.

En resumen, diseñar con contenido real te beneficia al:

• Fomentar la empatía hacia tus usuarios finales.
• Mejora tus conocimientos sobre las herramientas y flujos de trabajo de los creadores de contenido
• Te ayudamos a identificar problemas y casos límite en tus diseños

Te recomiendo usar el contenido más complejo y problemático del sitio actual como muestra. Eso suele evitar que te pongas demasiadas limitaciones.

–Rory Douglas, Gestión de tu sistema de gestión de contenidos

Diseñar con contenido real usando el CMS de Webflow

El CMS de Webflow se creó para diseñar pensando en el contenido. Solo tienes que crear una colección con algunos de tus contenidos más «complejos y problemáticos», añadir una lista dinámica a la plantilla de colección generada automáticamente y empezar a explorar las mejores formas de diseñar con ese material. Una vez hecho esto, puedes empezar a colocar listas dinámicas en áreas de «entradas relacionadas», barras laterales, páginas de categorías, etc., para ver cómo funciona tu diseño en diferentes ubicaciones o cómo podría necesitar adaptarse a distintas partes del sitio.

¿Cómo diseñas para creadores de contenido?

Si tienes tus propios trucos y consejos para diseñar sitios para clientes y otros creadores de contenido, cuéntanoslo en Twitter!

También puedes echar un vistazo a la presentación original de Michelle Barker en SlideShare.