Tomando un enfoque inverso al diseño con la estrategia móvil primero

Si eres de la opinión de que el móvil es el futuro, estás viviendo debajo de una roca. Esta noción fue válida hasta, digamos, hace 8 años; el mundo ha avanzado bastante en los últimos años en lo que respecta al uso de Internet y las interacciones web. Si observamos algunas estadísticas, podemos ver que hay más de 4500 millones de usuarios de la web móvil en todo el mundo y aproximadamente el 47,3 % de todo el tráfico web en los EE. UU. proviene de dispositivos móviles. Con este tipo de uso móvil, estaría más justificado decir que el móvil no es el futuro, sino el presente. Y tales niveles insanos de interacción móvil exigen inherentemente un cambio de paradigma en la estrategia de diseño. El diseño receptivo, aunque aún prevalece, se está convirtiendo gradualmente en una cosa del pasado y la estrategia de "diseño móvil primero" está tomando el control.

Por qué elegir una estrategia móvil primero

Como sugiere el nombre, "móvil primero" significa diseñar primero para dispositivos móviles y ampliar gradualmente los elementos web con respecto al escritorio. Es lo opuesto al diseño receptivo, donde el enfoque se basa principalmente en el escritorio y los sitios web se adaptan de manera regresiva para tabletas y dispositivos móviles. El enfoque es bastante diferente aquí, no solo en términos del flujo de trabajo, sino también en el uso y la presentación de diferentes elementos web.

El contenido es el principal centro de atracción

Cuando se diseña teniendo en cuenta una estrategia móvil primero, es el contenido el que toma el volante. Todo el desorden con los botones, imágenes, animaciones, etc. pasa a un segundo plano, lo que reduce el sitio web a lo esencial. A cambio, el usuario obtiene una apariencia mucho más limpia y sofisticada del sitio web con tiempos de carga más rápidos y una experiencia de navegación general mejorada.

El contenido es la máxima prioridad aquí y debería ser extremadamente atractivo para los usuarios. Algunos opinan que el contenido de formato largo no es adecuado para la visualización móvil, lo cual no es cierto en absoluto. A la gente le gusta leer sobre la marcha y sería sesgado afirmar que solo debe usar formas cortas de contenido en una estrategia de diseño móvil primero. De hecho, los estudios han sugerido que las personas disfrutan más leyendo en sus teléfonos móviles que en las pantallas de sus computadoras.

Una ventaja, aquí, es que el diseño se centra en el contenido, en lugar de tener que adaptar un diseño preexistente a un contenido de formato largo. Además, algunas personas creen que diferentes dispositivos requieren diferentes estructuras y tamaños de contenido, lo cual es parcialmente cierto. La mejor manera de establecerse es crear contenido específico del contexto, lo que significa que el contenido puede ser de cualquier tamaño o estructura según de qué se trate.

Por qué la mejora progresiva triunfa sobre la degradación elegante

Por un lado, está la degradación elegante, que implica construir para una pantalla más grande y luego reducirla para dispositivos más pequeños. Por otro lado, hay una mejora progresiva, que se refiere a diseñar un sitio web en su forma simple y mínima y construirlo gradualmente con elementos más avanzados. Si bien puede parecer que ambos procesos son sorprendentemente similares en términos del propósito final, tienen grandes diferencias en la realidad.

En el caso de una degradación ordenada, comienza a construir para un escritorio y las capacidades asociadas con él. Esto incluye un proceso de desarrollo completo con todas las funcionalidades de una computadora de escritorio, lo que podría no ser posible en el caso de un dispositivo móvil. Cuando se crea un diseño con respecto a un escritorio, el diseñador tiene mucho espacio para jugar con los elementos. Este espacio se limita cuando la misma perspectiva de diseño se traslada a un dispositivo móvil. Como resultado, muchos de los elementos que quizás harían que el sitio web se destaque, se eliminan en la versión móvil y el sitio web pierde su encanto por completo.

Por el contrario, la mejora progresiva comienza con lo mínimo para las pantallas pequeñas, donde el diseñador puede usar solo el contenido y los elementos de diseño mínimos para brindarle al usuario una experiencia de usuario fluida y limpia. Al pasar a una pantalla más grande, las funciones más atractivas, como las animaciones y los gráficos en movimiento, se pueden mostrar perfectamente. Por lo tanto, el diseño no se ve comprometido de ninguna manera y el sitio web se ve igual de bien en ambos dispositivos. Y cualquier diseñador estaría fácilmente de acuerdo en que es más fácil agregar más que reducir lo que ya está presente.

Con una degradación elegante, existe la posibilidad de que después de reducir el diseño y las funciones, el producto final no se vea tan atractivo en dispositivos móviles como en computadoras de escritorio. A menudo tiende a estar a medio cocer o incluso no funcional. Pero al mejorar progresivamente, es más fácil concentrarse en la experiencia móvil y brindar lo mejor que puede ofrecer la pantalla pequeña. Si se debe agregar algo adicional a esta experiencia ya atractiva, eso se puede hacer fácilmente centrándose en el potencial de las computadoras de escritorio. Por lo tanto, sería bastante normal decir que la mejora progresiva es una opción mucho mejor que la degradación elegante, que a menudo no resulta tan elegante como debería ser.

¿Es Mobile-first Design la mejor estrategia a seguir?

Como cualquier otra mejora tecnológica, el esquema de diseño móvil primero viene con obstáculos inevitables. El diseño receptivo es el camino a seguir en el mundo actual. Y está diseñado esencialmente para ir de la mano con una estrategia móvil primero. Pero aquí las limitaciones son mucho más pronunciadas. Primero, el tamaño de la pantalla es un gran problema para la mayoría de los diseñadores. Después de años de jugar con el espacio real de una pantalla grande, ahora tienen que lidiar con un tamaño de pantalla reducido y puede ser frustrante. El alcance de la variedad también es limitado. Pero lo que los diseñadores no logran comprender es que un enfoque móvil primero no se trata del diseño y la estética, sino que se enfoca en la experiencia del usuario final. Con más y más personas que usan sus teléfonos inteligentes para navegar por la web, puede ser un gran paso adelante si se aplica esta estrategia. Si se mira desde el punto de vista de un diseñador estricto, esta podría no ser la mejor estrategia a seguir, pero es solo cuestión de tiempo, práctica y adopción. Nunca se trata del diseñador o con qué se siente cómodo trabajando. nunca ha sido Todo lo que hacen es para el usuario final y el éxito de la estrategia móvil primero radica exclusivamente en el hecho de que "su" experiencia móvil no se ve obstaculizada. Después de todo, como dijo Steve Jobs: “El diseño no es cómo se ve y cómo se siente. El diseño es cómo funciona”.

¿Está buscando un diseño móvil primero para el sitio web de su empresa? Podemos ayudar. ¡Póngase en contacto con nosotros hoy!