Nuevo orden web: una descripción general del diseño de contenido primero

Publicado: 2022-03-11

Los diseñadores no solo decoran, sino que crean una experiencia de movimiento a través del contenido. Pero, ¿qué sucede si un cliente o los miembros del equipo no entienden cómo el contenido debe impulsar el diseño? Para evitar un proceso al revés, existen estrategias que pueden ayudar a explicar la importancia del contenido y reunir a un equipo para crearlo desde el principio.

La experiencia del usuario y el gran contenido se reconocen como esenciales para un diseño de producto exitoso. Sin embargo, es fácil considerarlos secundarios a la estética. Un equipo de producto puede enfocarse y prestar atención fácilmente a la apariencia en lugar de a los elementos detrás del estilo. Si un proyecto comienza con el proceso de diseño visual como primera llamada a la acción, es probable que ocurran ineficiencias.

La estética del diseño debe basarse en los objetivos comerciales, la investigación del usuario y el contenido. Lo más probable es que un cliente pueda proporcionar objetivos comerciales, y es posible que ya exista una investigación del usuario, o que se logre fácilmente con el equipo adecuado. La creación de contenido es una parte larga y tediosa del proyecto y, a menudo, se pasa por alto, pero el papel que desempeña en el proceso de diseño y, en última instancia, en el éxito del producto sigue sin entenderse bien.

Aquí, establecemos la importancia del contenido y las estrategias que un equipo puede usar para crear un diseño de contenido primero.

Un ejemplo de diseño de contenido primero
El marco de los artículos de BBC Sport se diseñó en función de los diversos tipos y tamaños de contenido que poblarán la página.

La importancia del diseño basado en contenido

Cuando se desprioriza el contenido, y la creación y recopilación de contenido se deja para el último minuto, inevitablemente surgen problemas importantes:

  • Se producen retrasos en el diseño, la construcción y el lanzamiento del producto.
  • Las plantillas no se ajustan adecuadamente al contenido.
  • Se crean demasiadas (o muy pocas) plantillas.
  • El contenido real no se alinea con la visión del diseño del sitio web.
  • Pueden surgir problemas al usar contenido ficticio.
  • Los diseños se ven comprometidos cuando las hermosas imágenes de marcador de posición se reemplazan con imágenes de baja calidad disponibles para su uso.

Alinear clientes y diseñadores desde el principio

Un problema que surge a menudo cuando se le pide a un cliente contenido real es un escenario de "huevo y gallina": el cliente está convencido de que necesita ver el diseño para saber qué contenido debe crearse.

Esto tiene sentido desde el punto de vista de alguien que podría no estar bien versado en el proceso de diseño: crear algo de la nada. Depende del diseñador facilitar el proceso de toma de decisiones sobre cuál debería (y puede) ser el contenido. La agencia de innovación Smashing Ideas aconseja que cuando los diseñadores brindan "amplias oportunidades para que las partes interesadas expresen sus opiniones y brinden comentarios, los acompañan en el viaje y tanto su producto como su enfoque solo se fortalecen".

A través de este proceso de diseño de contenido primero, la visión del producto final se establecerá en colaboración y en términos realistas con respecto, por ejemplo, a la viabilidad y las restricciones presupuestarias. El cliente y las partes interesadas estarán más interesados ​​en ver cómo un gran diseño se basa en datos y contenido. Al alinear al cliente al principio, el equipo estará más informado cuando llegue el momento de aprobar los diseños finales.

Base el diseño y el contenido de la experiencia del usuario en la investigación

Diseñar con datos permite a los diseñadores crear una solución basada en usuarios reales y sus comportamientos. Sin embargo, esto es solo el comienzo. Una vez que la investigación ha sugerido qué contenido se requiere para satisfacer las necesidades del usuario, debe crearse.

“El diseño en ausencia de contenido no es diseño, es decoración.” -Jeffrey Zeldman

El diseño basado en contenido requiere investigación del usuario
Las entrevistas con los usuarios y la investigación de los usuarios brindan información que informa las decisiones basadas en el contenido.

Cuando el diseño y el contenido se crean en función de la investigación del usuario, el diseñador crea algo que se dirige de manera efectiva al usuario. Se requiere más consideración al comienzo del proyecto, pero no tiene que cambiar drásticamente las restricciones del alcance del contenido del cliente. Al tomar decisiones de contenido basadas en la investigación del usuario en lugar de ideas ambiguas, el producto será, en consecuencia, más optimizado y enfocado en el usuario final.

Ahorre tiempo y dinero con el diseño centrado en el contenido

Cuando no se prioriza el contenido, las ineficiencias se acumulan a lo largo del proyecto: un diseñador crea demasiadas (o muy pocas) plantillas, los diseños deben ajustarse cuando el contenido real no encaja y los diseños se vuelven a evaluar cuando las imágenes reales son menos que deseables. El tiempo que lleva volver a revisar los diseños cuando el contenido se crea al final del proceso es innecesario y supone una carga para el equipo.

Muy a menudo, el tiempo y los recursos necesarios para la creación de contenido se subestiman y el contenido se lleva al final del proyecto. Esto se facilita con recursos que soportan la falta de contenido durante el proceso de diseño. Los sitios web como Lorem Ipsum y Placeholder generan copias e imágenes ficticias para diseños sin contenido. Si bien estos pueden ser útiles para crear un diseño atractivo, las cosas pueden desmoronarse cuando se coloca contenido real en su lugar. Kyle Fiedler, director de diseño de la agencia de diseño digital thinkbot, cree que "al agregar lorem ipsum al diseño, esencialmente estás vistiendo a tu rey antes de saber su tamaño".

La copia ficticia puede descarrilar el diseño y el contenido
Un sitio web con un diseño y contenido mal coordinados utiliza Lorem Ipsum e imágenes de marcador de posición antes de crear el contenido. El diseño es decepcionante cuando se incluye contenido real.

Los problemas se amplifican cuando un producto se diseña y codifica antes de que se cree el contenido. La imagen de arriba ilustra cómo el contenido ficticio no coincide con el contenido real. Los títulos y la meta copia son mucho más largos y superan las limitaciones de las cajas bien diseñadas. La falta de contenido en algunas áreas crea un espacio vacío, y las imágenes reales que son mucho más pequeñas y de menor resolución causan problemas importantes en el diseño.

Este equipo ahora se enfrenta a tener que ajustar el diseño y posiblemente ajustar el código del producto. Esto podría haberse evitado creando el contenido antes de ir demasiado lejos con el diseño y el desarrollo.

Tácticas para el diseño de contenido primero

Auditoría de contenido e inventario

El primer paso para recopilar contenido es realizar una auditoría e inventario de contenido. Esto incluye analizar todo el contenido que existe en un producto actual, como un sitio web. Este puede ser un proceso perspicaz e informativo porque proporciona al equipo una idea del alcance del contenido requerido. Además, se puede utilizar como punto de partida para la arquitectura de la información.

Talleres de estrategia de contenido primero

Las sesiones grupales y la colaboración, en general, pueden hacer que todos estén en la misma página al crear contenido al reunirlos para elaborar una estrategia de contenido unificado. Un taller generalmente se enfoca en articular tipos de contenido, identificar responsabilidades de contenido, desarrollar un resumen y mapear un proceso de producción de contenido. Un taller también puede destacar:

  • cuellos de botella
  • Problemas conocidos
  • Falta de habilidades de contenido interno.
  • política interna

Los talleres ayudan a desarrollar una estrategia de contenido primero
Los talleres de contenido ayudan a establecer una estrategia de contenido primero que alinea a los diseñadores, las partes interesadas y los miembros del equipo desde el principio.

Recopilación de contenido

Un problema que afecta a los creadores de contenido es recopilar el contenido de manera que se pueda acceder, compartir y editar de manera eficiente. Sin un flujo de trabajo adecuado, existe una buena posibilidad de que se creen cientos de documentos individuales, cada uno con varias versiones que se envían de manera inconsistente a través de cadenas de correo electrónico o se cargan en la nube de manera que solo dan acceso a algunas personas. Esto prepara el escenario para la falta de comunicación y las ineficiencias.

Es vital acordar una solución de flujo de trabajo desde el principio y proporcionar acceso a todos los miembros del equipo necesarios. Google Drive es una solución adecuada, sin embargo, existen herramientas dedicadas como Gather Content que permiten compartir, editar, versionar y exportar a varios sistemas de administración de contenido.

Cómo crear contenido de manera efectiva y eficiente

Invertir en redactores

Los proyectos más exitosos son aquellos en los que las partes interesadas dentro de la empresa trabajan en estrecha colaboración con los redactores desde el principio. Esto prioriza el contenido en la mente del cliente. El líder del proyecto puede administrar el proyecto de manera efectiva y dejar la creación de contenido a un escritor profesional. Estos proyectos permiten crear suficiente contenido realista antes de la etapa de diseño.

Reclutar creadores de contenido

Si un redactor publicitario no se ajusta al presupuesto, entonces es fundamental que se designe a alguien del equipo interno para trabajar en estrecha colaboración con el cliente para coordinar la creación de contenido. Cada miembro del equipo puede ser responsable de crear o cotejar el contenido. Se debe articular un esquema claro que defina lo que se necesita en un buen plan estratégico que priorice el contenido.

Comience con Proto Contenido

Como último recurso, se puede utilizar proto-contenido. El proto-contenido se toma del sitio web actual del cliente o del sitio web de un competidor y se usa en diseños de maquetas. Al utilizar este texto en lugar de un texto ficticio, el contenido es más representativo del contenido real que se producirá. La longitud del título, la longitud de la copia del cuerpo, los metadatos y las imágenes extraídas de sitios web existentes pueden dar una idea más realista de cómo diseñar los diseños que lorem ipsum.

Liderando con contenido

Es importante que todos en un equipo de diseño de productos, incluidos los clientes y las partes interesadas, comprendan el papel que juega el contenido. Al establecer una estrategia clara que priorice el contenido al comienzo de un proyecto, el equipo ahorrará tiempo y dinero. Es más probable que el producto final se alinee con la visión del producto y satisfaga las necesidades del usuario de manera más efectiva.

A los diseñadores que valoran un proceso de diseño de contenido primero les irá mejor en la creación de un producto útil a través de un proceso simplificado. El pseudo contenido se puede dejar atrás para dar paso a otras tácticas productivas. Cuando el contenido recibe la atención que merece, todos ganan.

• • •

Lectura adicional en el blog de diseño de Toptal:

  • Las palabras importan: el verdadero valor de la copia de UX
  • La guía completa de arquitectura de la información
  • El valor de la investigación de usuarios
  • Fuerza en números: una descripción general del diseño basado en datos
  • Diseño para la legibilidad: una guía para la tipografía web (con infografía)