Tres estrategias de contenido para el diseño web receptivo: planificar, priorizar, destilar

Para la mayoría de los especialistas en marketing, el término "diseño web receptivo" probablemente evoca imágenes de desarrolladores web y estructuras de alambre. Pero debería traer a la mente cadenas de oraciones y fragmentos de texto.

El contenido es el motor que atrae clientes potenciales para empezar y luego los impulsa a través del ciclo de ventas. Y el trabajo principal del diseño web receptivo es asegurarse de que el contenido sea fácil de digerir, ya sea que el visitante de la web esté en un teléfono, tableta o computadora de escritorio.

El diseño web receptivo es una oportunidad para reinventar el contenido para que cada oración atraiga a más lectores y reúna más clientes potenciales.

¿Qué es el diseño receptivo?

Primero, un poco de historia sobre el diseño web receptivo. El concepto es simple: cree un sitio web único que optimice automáticamente su diseño para dispositivos móviles o de escritorio, según el dispositivo que esté utilizando el visitante de la web. Una manera fácil de descubrir si un sitio web responde es: en la vista de escritorio (y en la vista de ventana, no en la vista de pantalla completa), tome la esquina inferior derecha del sitio web y reduzca lentamente al tamaño de un teléfono inteligente. Si el sitio web se transforma en una vista compatible con dispositivos móviles a medida que se reduce, es receptivo. Si simplemente se reduce a un sitio web difícil de leer, de desplazamiento y pellizco, no responde.

El diseño receptivo comienza con la comprensión de que los dispositivos móviles no son solo otra plataforma para el mismo contenido. El rápido auge de los dispositivos móviles ha cambiado la forma, la organización y el tamaño del contenido. Y la gente espera cosas fundamentalmente diferentes del contenido móvil.

Estas expectativas se encuentran en todos los componentes de la campaña de contenido de una empresa, ya sea marketing por correo electrónico, redes sociales o contenido web. El contenido de su sitio web debe ser receptivo y estar optimizado para dispositivos móviles, pero también sus plantillas de marketing por correo electrónico y campañas sociales.

Por qué necesitas un diseño receptivo

Si no tienes un diseño responsivo, lo necesitas. Google está penalizando las clasificaciones de búsqueda de empresas sin diseño receptivo. Y el tráfico web móvil es tan omnipresente que todos los sitios web deben atender de manera inteligente a los usuarios móviles y de escritorio desde el mismo sitio web.

Un par de estadísticas rápidas: los dispositivos móviles generan el 41 % de todos los clics de búsqueda de pago y el 31 % de todos los gastos de búsqueda de pago (Merkle RKG) y el 53 % de todas las aperturas de correo electrónico (Litmus). Dadas las tendencias móviles, estos números no disminuirán en el corto plazo.

Los resultados de crear contenido realmente optimizado para dispositivos móviles pueden ser asombrosos. Act-On encontró un aumento del 93,5 % en los clientes potenciales gracias al diseño receptivo. ¿Qué otras soluciones simples podrían duplicar inmediatamente sus oportunidades de ventas?

Tres pasos para optimizar su contenido para un diseño receptivo.

1. Planificar en todos los departamentos

El diseño receptivo no es solo una cuestión de soltar al equipo digital en el desarrollo web. Es un esfuerzo de equipo entre redactores, diseñadores y estrategas.

La planificación efectiva asegurará que el contenido, la codificación y el diseño encajen para hacer de su sitio web una máquina generadora de clientes potenciales. Comience desde el principio y determine los conceptos básicos: perfiles de visitantes web, motivos de los visitantes y resultados deseados. ¿Quién está visitando tu sitio web? ¿Por qué? ¿Qué quieres que hagan una vez que lleguen a tu sitio?

La colaboración entre departamentos desde el principio asegurará que el proyecto sea un equilibrio entre las campanas y silbidos del diseño y el contenido organizado y eficaz.

2. Priorice el contenido en una jerarquía clara

Priorizar el contenido es esencial en el diseño web receptivo. Cuando el espacio real de la página de un navegador de escritorio se reduce al tamaño de una computadora de mano, el contenido se confunde. Una página web ancha de varias columnas se integra en una página móvil de una sola columna. Si el sitio web no está diseñado correctamente, parte del contenido más importante puede terminar en la parte inferior de la página, lo que requiere un desplazamiento largo (demasiado largo) para llegar.

La asignación de niveles de prioridad a la creación de contenido creará una estructura que asegure que su contenido más importante llegue a la cima. Cree una jerarquía de contenido identificando el contenido según los niveles. Idealmente, esta identificación debería ocurrir en los equipos de marketing o redacción, y comunicarse claramente a los diseñadores y gerentes de proyecto. Esta colaboración conducirá a un diseño que preserva la jerarquía del contenido para los espectadores móviles.

Destilar contenido hasta tamaño móvil

Al igual que los usuarios de software o sistemas operativos esperan un diseño funcional e intuitivo, los lectores de hoy esperan contenido que haya sido diseñado por expertos en fragmentos concisos.

Piense en su estrategia de contenido como similar a UI o UX para lectores. Al igual que el diseño de la experiencia del usuario requiere tiempo, esfuerzo e iteraciones, el contenido debe trabajarse varias veces pensando en el lector. La estructura oculta tendrá un efecto enorme en la usabilidad (o legibilidad, en el caso del contenido).

Si después del borrador final todavía presenta al lector grandes fragmentos de texto gris, necesita otra ronda de destilación de contenido. Continúe desglosando el contenido hasta que le queden viñetas, notas publicitarias y texto sucinto que se divide con ofertas multimedia como fotos y videos. Considere convertir fragmentos de texto complejo con gran cantidad de datos en una infografía, donde la combinación de texto e imágenes puede convertir los datos en una imagen fácilmente digerible.

Fragmentación vertical: dividir el texto en fragmentos verticales que se pueden colocar uno al lado del otro, cada uno con su propio título y foto, permite a los lectores escanear de lado y consumir los fragmentos verticales pieza por pieza.

Este sistema de entrega de contenido del tamaño de un bocado es más atractivo visualmente que una pared de texto gris, lo que le indica al lector que el escritor y el diseñador ya han hecho el trabajo de identificar pensamientos individuales, convertirlos en texto ajustado y presentarlos de forma sucinta. manera.

El diseño receptivo no es solo una cosa más para agregar a una lista de tareas pendientes que ya es demasiado larga. No es una molestia o una baja prioridad. Es una oportunidad para mejorar el contenido, refinar su diseño web y complacer a sus compradores móviles, en un solo proyecto.

~ ¿Quiere aprender todos los trucos del diseño web receptivo, incluida la gestión del proceso de desarrollo, la estimación de costos y la prioridad de los dispositivos móviles? Vea el seminario web completo Diseño receptivo: 10 qué hacer y qué no hacer para páginas web y correo electrónico.