Ya no es suficiente simplemente asegurarse de que su contenido web se ajuste a una pantalla pequeña. Google reforzó este precedente por actualizando su algoritmo enfatizar la importancia de los diseños receptivos cuidadosamente planificados y bien ejecutados en teléfonos móviles.

Y tiene sentido: los espectadores no necesitan toda la funcionalidad de una computadora de escritorio en un dispositivo móvil. De hecho, es posible que quieran eliminar algunos contenidos y funcionalidades cuando estén en una pantalla más pequeña. Después de todo, nadie quiere ordenar páginas de contenido solo para encontrar el número de teléfono de su compañía. Esa es la piedra angular que falta en muchas de las bases de diseño web de las empresas: verdadera adaptabilidad.

Simplemente bloquear su sitio en una versión que se adapta a un dispositivo móvil no es suficiente. Debe observar de cerca la experiencia completa del usuario y cómo debe modificarse para adaptarse a los diferentes entornos en los que se visualiza.

El problema con el diseño receptivo

57% de los usuarios de dispositivos móviles no recomendará empresas con diseños de sitios móviles deficientes, y 48% dice que las empresas con sitios móviles que no funcionan correctamente no parezcan importarles.

Hay varias áreas problemáticas con las que se topan la mayoría de las empresas con sus sitios web receptivos:

Colocación de imagen

Los procesos de diseño anteriores han dictado que el cliente apruebe imágenes estáticas y capturas de pantalla antes de la fase de desarrollo. Hoy, el diseño está más centrado en reordenamiento de elementos para diferentes dimensiones del dispositivo y mucho menos centrado en la colocación de imágenes estáticas.

Apretón de pantalla

Mostrar datos en una pantalla pequeña a menudo hace que sea difícil ver o leer contenido, especialmente tablas de información. los W3C de hecho anima a las marcas a elegir un método que no sean tablas y pestañas para presentar datos; las interfaces de usuario complicadas simplemente contienen demasiada información para que la manejen los dispositivos móviles.

Cambio de perspectiva

Sobre todo, el problema con el diseño receptivo es simplemente una cuestión de las perspectivas de los clientes frente a las perspectivas de las empresas. Desafortunadamente, la mayoría de las empresas tienden a preguntarse qué quieren decirles a sus clientes en lugar de cómo sus clientes quieren ver e interactuar con esa información.

Por ejemplo, aunque los flujos de trabajo de registro generalmente son el aspecto más importante del diseño web, a menudo son de baja prioridad. Esto se debe a que las empresas piensan más sobre la funcionalidad que desean que vean los clientes que el punto de entrada lógico y el flujo de trabajo primario que buscan los clientes.

En pocas palabras, el diseño receptivo no es la mejor solución para brindarles a los usuarios lo que necesitan de un sitio web; todavía deja mucho que desear.

¿Actualizar la respuesta o actualizar a adaptativo?

En lo que se refiere al diseño web, las principales marcas de conversación deben tener un sentido del concepto de sitios web receptivos frente a adaptativos.

El enfoque receptivo toma el sitio actual y lo adapta a diferentes tamaños de pantalla, mientras que el enfoque adaptativo en realidad cambia el contenido y cómo funciona en función del tamaño de la pantalla.

El diseño web receptivo asume que su contenido y funcionalidad deberían ser los mismos en todos los dispositivos, pero eso no es necesariamente cierto.

Generalmente defiendo más un método de diseño web adaptativo, en lugar de simplemente apilar contenido, por una razón importante: el diseño web receptivo asume que su contenido y funcionalidad deberían ser los mismos en todos los dispositivos, pero eso no es necesariamente cierto. La clave es hacer coincidir la naturaleza del contenido con el caso de uso y el contexto en el que los usuarios miran su sitio web.

Por ejemplo, supongamos que está diseñando un sitio receptivo para una marca en las industrias de artículos de consumo o bienes de consumo para consumidores. Las páginas de promociones y ofertas para este tipo de sitios generalmente reciben el mayor tráfico en línea. La gente rara vez mira los detalles del producto, pero cuando lo hacen, una excelente manera de resaltar esos detalles es mostrar cómo se comparan con otros artículos. Con esto en mente, debe colocar la visualización del producto y el contenido educativo en las páginas de los productos para que pueda ayudar a los consumidores a comprender cómo usar y comprometerse con su producto.

Para la industria de bienes de consumo, desea conocer a sus clientes y determinar si son pre, en o post-tienda. Tendrá que crear una experiencia diferente dependiendo de dónde se encuentre el cliente en la ruta de compra.

Aquí hay un breve desglose de cada ruta:

  1. Antes de la tienda: las personas que están antes de la tienda probablemente llegarán al sitio a través de las redes sociales o un anuncio, y probablemente buscarán cupones, ofertas o recetas (en el caso de los alimentos).
  2. En la tienda: una vez que están en la tienda, probablemente estén buscando cupones, revisiones o comparaciones de precios con otros vendedores.
  3. Post-tienda: cuando están en la tienda, probablemente estén buscando contenido de marca.

Saber dónde están los clientes en el camino de compra le permite diseñar el sitio de una manera que satisfaga estas necesidades y más.

El diseño adaptable permite al cliente tener una experiencia personalizada ... basada en el dispositivo que está usando

Sobre todo, debe ponerse en los zapatos de sus clientes. Por ejemplo, compro en Trader Joe's todas las semanas. Sería bueno si pudiera planear mis comidas con anticipación desde mi computadora portátil y conectar ese plan con mi experiencia de compra. En otras palabras, podría decirle al sitio lo que me gustaría hacer para el desayuno, el almuerzo o la cena. Luego, el sitio me decía todos los productos que necesitaría para preparar esas comidas y crear una lista de mapas para mí, así sabría en qué pasillo llegar cuando llegara a la tienda. Todo lo que tendría que hacer es sacar mi teléfono.

El diseño adaptable permite al cliente tener una experiencia personalizada, como esta, basada en el dispositivo que está usando.

Optimice la experiencia del cliente adaptando el diseño y la información al dispositivo. Por ejemplo, si su cliente lo está buscando en un teléfono inteligente, haga que su número de teléfono sea prominente e interactivo para que él o ella puedan llamar fácilmente. ¿Está el consumidor en una computadora portátil? Quizás es más importante presentar la información del producto por adelantado. Averigüe qué es lo que su cliente necesita según el dispositivo que se está utilizando y ofrezca esa experiencia.

Debe mirar su sitio desde las perspectivas de los usuarios, sin importar en qué dispositivo lo estén experimentando. Si sus clientes retiran sus teléfonos para buscar su negocio, es mejor que esté listo para ayudarlos a encontrar lo que necesitan con el mejor diseño y funcionalidad posible. Si no lo haces simple y sin interrupciones, simplemente llevarán sus negocios a otro lado.

Foto principal, imagen UX móvil a través de Shutterstock.