El diseño receptivo está fallando en la experiencia de usuario móvil

Ya no basta con asegurarse de que el contenido web quepa en una pantalla pequeña. Google reforzó este precedente al actualizando su algoritmo para enfatizar la importancia de diseños receptivos cuidadosamente planeados y bien ejecutados en teléfonos móviles.

Y tiene sentido: sus espectadores no necesitan todas las funciones de una computadora de escritorio en un dispositivo móvil. De hecho, es posible que quieran eliminar parte del contenido y la funcionalidad cuando están en una pantalla más pequeña. Después de todo, nadie quiere revisar páginas de contenido solo para encontrar el número de teléfono de su empresa. Ese es el bloque de construcción que falta en las bases del diseño web de muchas empresas: la verdadera adaptabilidad.

No es suficiente simplemente insertar su sitio en una versión que se ajuste a un dispositivo móvil. Debe observar de cerca la experiencia completa del usuario y cómo debe cambiarse para adaptarse a los diferentes entornos en los que se está viendo.

El problema del 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 tienen la apariencia de no importarles.

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

Colocación de imágenes

Los procesos de diseño anteriores han dictado que el cliente aprueba las imágenes estáticas y las capturas de pantalla antes de la fase de desarrollo. Hoy en día, el diseño se centra más en la reordenamiento de elementos para dispositivos de diferentes dimensiones y mucho menos enfocados a la colocación de imágenes estáticas.

Apretar la pantalla

Mostrar datos en una pantalla pequeña a menudo dificulta ver o leer el contenido, especialmente las tablas de información. La W3C anima a las marcas a elegir un método otro que tablas y pestañas para presentar datos; Las complicadas interfaces de usuario simplemente contienen demasiada información para que la manejen los dispositivos móviles.

Cambio de perspectiva

Por encima de 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 quieren ver e interactuar con esa información.

Por ejemplo, si bien los flujos de trabajo de registro son generalmente 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 en la funcionalidad que quieren que vean los clientes que en el punto de entrada lógico y el flujo de trabajo principal que buscan los clientes.

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

¿Actualizar responsive o actualizar a adaptable?

Cuando se trata de diseño web, la conversación clave que las marcas deben tener se reduce al concepto de sitios web receptivos frente a adaptables.

El enfoque receptivo toma el sitio actual y lo ajusta a diferentes tamaños de pantalla, mientras que el enfoque adaptativo realmente cambia el contenido y cómo funciona según el tamaño de la pantalla.

En general, abogo por un método de diseño web más adaptativo, en lugar de simplemente apilar contenido, por una razón importante: el diseño web receptivo asume que su contenido y funcionalidad deben 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 bienes de consumo empaquetados o de regalos para el consumidor. Las páginas de promociones y ofertas para este tipo de sitios generalmente reciben la mayor parte del tráfico en línea. Las personas rara vez miran 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. Teniendo esto en cuenta, debe incluir la visualización de productos y el contenido educativo en producto páginas para que pueda ayudar a los consumidores a comprender cómo utilizar e interactuar con su producto.

En el caso de la industria de bienes de consumo envasados, desea conocer a sus clientes y determinar si son antes, en o después de la tienda. Deberá 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. Pre-tienda: Las personas que están pre-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 la comida).
2. En el almacén: Una vez que estén en la tienda, probablemente estén buscando cupones, reseñas 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 se encuentran los clientes en la ruta de compra le permite diseñar el sitio de una manera que satisfaga estas necesidades y más.

Sobre todo, debes ponerte en el lugar de tus clientes. Por ejemplo, compro en Trader Joe’s todas las semanas. Sería bueno si pudiera planificar mis comidas con anticipación desde mi computadora portátil y conectar ese plan a mi experiencia de compra. En otras palabras, podría decirle al sitio lo que me gustaría preparar 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 creaba una lista mapeada para mí para saber qué pasillos visitar cuando llegara a la tienda. Todo lo que tendría que hacer es sacar mi teléfono.

Adaptado El diseño permite al cliente tener una experiencia personalizada, como esta, en función del dispositivo que esté utilizando.

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 pueda llamar fácilmente. ¿Está el consumidor en una computadora portátil? Quizás sea más importante presentar la información del producto por adelantado. Averigüe qué es lo que su cliente necesita en función del dispositivo que esté utilizando y ofrezca esa experiencia.

Debe mirar su sitio desde la perspectiva de los usuarios, sin importar en qué dispositivo lo estén experimentando. Si sus clientes sacan sus teléfonos para buscar su negocio, será mejor que esté listo para ayudarlos a encontrar lo que necesitan con el mejor diseño y funcionalidad posibles. Si no lo hace simple y sin problemas, simplemente llevarán su negocio a otro lugar.

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