El Salvador, Centro América
+503 70398489

Responsive Web Design vs Adaptive Web Design: Cuál eliges?

El diseño responsivo no tiene UX móvil

Responsive Web Design vs Adaptive Web Design: Cuál eliges?

ubiraci November 9th, 2017

Ya no basta con asegurarse de que su contenido web encaje en una pantalla pequeña dentro de su móvil. Google hoy en día reforzó su algoritmo de búsqueda para enfatizar la importancia de diseños cuidadosamente planeados y bien ejecutados dentro de  los teléfonos móviles.

Y tiene sentido: tus visitantes no necesitan toda la funcionalidad de un escritorio en un dispositivo móvil. De hecho, es posible que deseen que elimines algún contenido y funcionalidad cuando estén en una pantalla más pequeña. Después de todo, no quieres que solo entren a tu página para encontrar el número de teléfono. Este pensamiento es el que falta a las empresas al momento de  diseñar su sitio web: “la verdadera adaptabilidad”.

Tener tu sitio en una versión que se ajuste a un dispositivo móvil no es suficiente. Debes examinar de cerca la experiencia completa del usuario y cómo este debe cambiarse para adaptarse a los diferentes entornos en los que se está viendo.

El problema con “responsive design” o diseño adaptable

HACER UN SITIO RESPONSIVO O UN QUE SE ADAPTE

Los usuarios de dispositivos móviles no dejaran sus “likes o sus shares” a una empresas con un diseños móvil deficientes, y hay quienes dicen que las empresas con sitios móviles que no funcionan correctamente no preocupan por sus clientes.

Hay varias áreas problemáticas que la mayoría de las empresas tiene con sus sitios en “responsive design”:

El uso y la colocación de las imágenes

Años atrás en el proceso del diseño de un sitio web se basaba en tener buenas imágenes o lindas fotografías antes de pensar en el buen funcionamiento de la página. Hoy en día, el diseño se centra más en la reorganización de elementos para diferentes dimensiones del dispositivo y se centra menos en el uso de imágenes estáticas.

Ajustarse a la pantalla

La visualización de datos en una pantalla pequeña hace que sea difícil ver o leer contenido, especialmente tablas de información. En realidad, el W3C alienta a las marcas a elegir un método distinto de tablas que presenten datos; Las interfaces de usuario complicadas contienen simplemente demasiada información para que los dispositivos móviles manejen.

Cambio de perspectiva, Cliente vs Empresa

Por encima de todo, el problema con el diseño sensible 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 preocuparse por “lo que tienen que decir o vender ” a sus clientes en lugar de cómo sus clientes quieren ver e interactuar con esa información.

En pocas palabras, el diseño “responsivo o adaptable” no es la solución definitiva para dar a los usuarios lo que necesitan de un sitio web; deja mucho que desear.

¿Hacer un sitio responsivo o un que se adapte?

¿HACER UN SITIO RESPONSIVO O UN QUE SE ADAPTE?

Cuando se trata de diseño web, las principales marcas deberian de pensar más entre tener un sitio web que se ajuste vs. uno que se adapte.

El enfoque de tener sitio web responsivo es ajustarse a diferentes tamaños de pantalla, mientras que el enfoque de uno adaptativo es cambiar el contenido y este va a funcionar según el tamaño de la pantalla.

El diseño web “responsivo” supone que su contenido y funcionalidad deben ser los mismos en todos los dispositivos, pero eso no es necesariamente cierto

Por lo general abogar por más de un método de diseño web adaptable, en lugar de simplemente apilar el contenido, por una razón importante: El diseño web responsable supone que su contenido y funcionalidad debe ser el mismo en todos los dispositivos – pero eso no es necesariamente cierto. La clave es coincidir con la naturaleza del contenido con el caso de uso y el contexto en el que los usuarios están buscando en su sitio web.

Hagamos un ejercicio. Supongamos que estamos diseñando un sitio de “responsivo” para un cliente de la industrias de bienes de consumo o de regalos al consumidor. Las páginas de promociones y de ofertas son los sitios generalmente reciben el tráfico más en línea. En este caso la gente raramente mira los detalles del producto, y si lo hacen es nada más para comparar. Con esto en mente, debe poner la visualización del producto y el contenido educativo en las páginas creadas para mostrar el perfil del producto para ayudar a los consumidores a entender el uso y los beneficios del producto.

Una industria de bienes de consumo envasados, debe conocer a sus clientes y determinar si son “pre-, in o post-store”. Tendrá que crear una experiencia diferente dependiendo de dónde esté el cliente en el camino de compra.

Desglosemos cada término:

  1. Pre-tienda: las personas pre-tienda probablemente van a llegar al sitio a través de medios sociales o un anuncio, y probablemente estarán buscando cupones, ofertas o recetas (en el caso de los alimentos).
  2. En la tienda: Una vez que estén en la tienda, probablemente busquen cupones, revisiones o comparaciones de precios con otros vendedores.
  3. Post-store: Cuando están post-store, es probable que busquen 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 cumpla con estas necesidades y más.

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

Sobre todo, usted debe ponerse en los zapatos de sus clientes. Por ejemplo, una tienda de abarrotes o un supermercado. Debería de permitir al usuario planificar sus compras desde su ordenador o portátil con anticipación y conectar todo eso a su 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. El sitio entonces me diría todos los productos que necesitaría para hacer estas comidas y crear una lista de compras y rutas dentro del supermercado para que el cliente sepa en qué pasillos se encuentran al llegar a la tienda. Entonces todo lo que el usuario necesitaría es sacar su teléfono.

El diseño “adaptativo” permite al cliente tener una experiencia personalizada, como ésta, basada en el 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 busca en un teléfono inteligente, haga que su número de teléfono sea prominente e interactivo para que él o ella pueda llamar fácilmente. ¿Está el consumidor en un ordenador portátil? Tal vez sea más importante presentar la información del producto por adelantado. Averiguar qué es lo que su cliente necesita en función del dispositivo que se utiliza, y entregar esa experiencia.

Usted necesita mirar su sitio desde las perspectivas de los usuarios – no importa en qué dispositivo lo están experimentando. Si sus clientes sacan el teléfono para buscar tu negocio, es mejor que este listo para ayudar a encontrar lo que necesitan con el mejor diseño y funcionalidad posibles. Si tu no lo haces clarísimo y sencillo, buscarán alguien que si lo haga. Si no lo haces simple y sin problemas, buscaran ayuda en otro lugar.


[one_fourth]mobile playbook[/one_fourth] [three_fourth_last]Lo anterior esta basado en la lectura de este maravilloso libro Google Mobile Playbook Es una guía para ganadores en las estrategias móviles.[/three_fourth_last]


 

Notas Relacionados

Escribe un Comentario

Responsive Web Design vs Adaptive Web Design: Cuál eliges?

Ya no basta con asegurarse de que su contenido web encaje en una pantalla pequeña dentro de su móvil. Google…

¿Te ha gustado el artículo?

Suscríbete al boletín y recibe cada semana los contenidos en tu email.

Shares