Krypton Solid

La última tecnología en raciones de 5 minutos

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

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.

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.

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.

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

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.

Deja un comentario

También te puede interesar...

Cómo cortar Nano SIM | Krypton Solid

Finalmente, cambiaste tu antiguo teléfono inteligente. Te compraste uno de última generación que te mueres por probar, pero al llegar a casa te llevas una sorpresa muy amarga: tu SIM no es compatible con tu

La tecnología está sintonizada en TV en CES

Esta semana en Las Vegas es finalmente el mejor momento para los videos de PC. Los directores de Silicon Valley, Beijing, Europa y Hollywood continuarán Feria de Electrónica de Consumo (CES) para hablar sobre cómo

Crea un arreglo postnupcial sin dolor

Solo una celebridad debería proteger su propiedad de un esposo, ¿verdad? Incorrecto. Los arreglos prenupciales y posnupciales están ganando popularidad a medida que las parejas se dan cuenta de que, aunque los diamantes son para

Tras los pasos de la huella de carbono de Dell

Dell se ha declarado neutral en carbono, pero buena suerte al definir y auditar exactamente lo que eso significa. Montaje de PC en la planta de Dell en Hortolandia, Brasil. (Crédito: Dell) El periodico de

Cómo grabar un video en línea

Después de mucho tiempo, volvió a iniciar sesión en su cuenta de Dropbox y, al «explorar» los archivos, identificó una carpeta que contenía algunos archivos antiguos. video que no recordabas tener. Intrigado por estos videos,

Telstra se hace cargo del trabajo parlamentario

El departamento de servicios del Parlamento australiano en Canberra ha firmado un contrato a corto plazo de 800.000 dólares con Telstra para servicios de voz. El contrato develado esta semana por el sistema de reporte

Definición de deducción detallada

¿Qué es una deducción detallada? Una deducción detallada es un gasto que se puede deducir del ingreso bruto ajustado (AGI) para reducir el ingreso imponible y, por lo tanto, reducir la cantidad de impuestos que