El mito del Mobile first
El mito del
“Mobile First”
Durante años nos dijeron que había que diseñar primero para el teléfono. Pero una pregunta incómoda sigue pendiente: ¿diseñar primero para móviles siempre produce una mejor experiencia?
El móvil importa. Muchísimo. Pero el dispositivo no es el usuario, y una pantalla pequeña no determina por sí sola cómo debería diseñarse una experiencia digital.
Primero, desmontemos una confusión
“Mobile First” y “mobile only” no significan lo mismo.
Diseñar con una estrategia Mobile First significa comenzar el proceso considerando las restricciones y necesidades de una pantalla pequeña y, posteriormente, ampliar la experiencia para pantallas mayores.
La idea ganó enorme popularidad porque obligaba a los equipos a priorizar. En un teléfono no hay espacio para poner todo.
Por lo tanto, había que decidir:
- ¿Qué contenido importa?
- ¿Qué acción necesita realizar el usuario?
- ¿Qué elementos pueden desaparecer?
- ¿Qué navegación es realmente necesaria?
Como principio de disciplina de diseño, tiene mucho sentido.
El problema aparece cuando la metodología deja de ser una herramienta y se transforma en una respuesta automática.
Google tampoco dijo “diseña todo para móviles”
Aquí existe otra confusión frecuente.
Google utiliza mobile-first indexing, es decir, utiliza la versión móvil del contenido para indexación y clasificación. Además, Google recomienda el diseño web adaptable o responsive.
Pero eso habla principalmente de cómo Google rastrea e interpreta los sitios y de cómo deben mantenerse consistentes sus contenidos.
No significa que el usuario de escritorio haya dejado de existir.
De hecho, Google recomienda que las versiones móviles y de escritorio mantengan contenido, encabezados y datos importantes equivalentes.
Por eso conviene separar dos conceptos:
MOBILE-FIRST INDEXING
Una cuestión relacionada con cómo Google utiliza la versión móvil del contenido para sus procesos de búsqueda.
MOBILE-FIRST DESIGN
Una metodología de diseño que decide comenzar la experiencia desde las restricciones y prioridades de pantallas pequeñas.
El teléfono no es el contexto
Este es probablemente el punto más importante.
Dos personas pueden visitar exactamente el mismo sitio desde el mismo tipo de dispositivo y tener necesidades completamente diferentes.
Una persona puede estar buscando rápidamente una dirección desde la calle.
Otra puede estar comparando diez productos desde su oficina.
Otra puede estar utilizando un sistema empresarial durante ocho horas al día desde una computadora.
El dispositivo es diferente. Pero, más importante aún: la tarea es diferente.
Cuando Mobile First funciona extraordinariamente bien
Hay proyectos donde comenzar desde móvil tiene muchísimo sentido.
- Servicios utilizados principalmente desde smartphones.
- Redes sociales y contenido de consumo rápido.
- Restaurantes donde el usuario busca menú, ubicación o contacto.
- Servicios de emergencia o información inmediata.
- Landing pages donde la acción principal es muy simple.
- Productos digitales cuyo público utiliza principalmente teléfonos.
En estos escenarios, diseñar primero para una pantalla pequeña puede obligar al equipo a eliminar ruido y concentrarse en la acción principal.
Pero aquí comienza el problema
Hay experiencias digitales que no deberían comprimirse mentalmente hasta convertirse en una pantalla de teléfono.
Imaginemos:
- un software empresarial;
- una plataforma financiera;
- un dashboard analítico;
- un sistema de administración;
- una herramienta de comparación de productos;
- una aplicación profesional con múltiples paneles;
- un sitio donde el usuario necesita comparar grandes cantidades de información.
En estos casos, el espacio adicional de una pantalla grande no es un lujo.
Puede formar parte de la funcionalidad.
El problema de diseñar desktop como si fuera un móvil gigante
Aquí aparece una crítica especialmente interesante.
Nielsen Norman Group documentó un fenómeno denominado “content dispersion”: ciertos diseños concebidos con una lógica Mobile First pueden producir en escritorio páginas excesivamente largas, grandes espacios vacíos, imágenes sobredimensionadas y textos demasiado grandes.
El resultado puede ser paradójico:
Esto no demuestra que Mobile First sea incorrecto. Demuestra algo más interesante: una solución optimizada para un contexto puede generar problemas cuando se traslada mecánicamente a otro.
¿Entonces debemos volver a diseñar Desktop First?
Tampoco.
Cambiar un dogma por el dogma contrario no resuelve nada.
El verdadero salto conceptual consiste en dejar de preguntar:
Y empezar a preguntar:
Responsive no significa simplemente “que se adapte”
Otro error habitual es pensar que un sitio responsive consiste únicamente en hacer que los elementos entren en una pantalla pequeña.
Responsive design implica mucho más:
- jerarquía de contenido;
- cambios de navegación;
- adaptación de componentes;
- tipografía;
- espaciado;
- interacción;
- densidad de información;
- prioridad de acciones.
Google recomienda el diseño responsive porque permite utilizar una misma URL y adaptar la presentación a diferentes tamaños de pantalla, simplificando también el mantenimiento técnico.
Pero responsive no significa que la experiencia deba ser idéntica en todos los dispositivos.
Debe ser coherente, no necesariamente idéntica.
El verdadero “First” debería ser otro
Quizá llevamos años discutiendo sobre el dispositivo equivocado.
Mobile First. Desktop First. Tablet First.
¿Y por qué no:
Primero el usuario.
Primero su objetivo.
Primero su contexto.
Después decidimos cómo debe comportarse la interfaz en cada pantalla.
La tecnología cambió. La regla debería cambiar también
La estrategia Mobile First nació en un contexto en el que las experiencias móviles eran considerablemente más limitadas que las actuales.
Hoy tenemos smartphones mucho más potentes, pantallas grandes, conexiones rápidas y navegadores capaces de ejecutar experiencias complejas.
Eso no elimina las restricciones móviles.
Pero sí significa que repetir una metodología sin preguntarnos por qué la estamos utilizando puede ser tan peligroso como ignorarla.
La conclusión incómoda
¿Funciona Mobile First?
Sí.
¿Funciona para todo?
No.
¿Deberíamos abandonarlo?
Tampoco.
El problema nunca fue comenzar desde una pantalla pequeña.
El problema aparece cuando creemos que el tamaño de la pantalla determina por sí solo la mejor experiencia.
El mejor diseño no es necesariamente el que comienza por el móvil.
Tampoco es necesariamente el que comienza por desktop.
Es el que entiende qué necesita hacer una persona y construye la interfaz alrededor de esa necesidad.
Y aquí queda la pregunta:
Si mañana desaparecieran todas las reglas sobre Mobile First, Desktop First y Responsive…
¿cómo diseñarías realmente tu sitio si solamente pudieras pensar en el usuario?
Quizá ese sea el verdadero punto de partida.
Fuentes y referencias
-
Google Search Central.
Prácticas recomendadas para la indexación centrada en los móviles.
https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing -
Google Search Central.
Announcing mobile-first indexing for the whole web.
https://developers.google.com/search/blog/2020/03/announcing-mobile-first-indexing-for -
Nielsen Norman Group.
The Negative Impact of Mobile-First Web Design on Desktop.
https://www.nngroup.com/articles/content-dispersion/ -
Nielsen Norman Group.
Responsive Web Design (RWD) and User Experience.
https://www.nngroup.com/articles/responsive-web-design-definition/ -
Nielsen Norman Group.
Mobile Usability, First Findings.
https://www.nngroup.com/articles/mobile-usability-first-findings/
Nota metodológica: Mobile First es una metodología y no una garantía de usabilidad. Los resultados dependen del contexto, tipo de producto, tareas y usuarios. Las recomendaciones de Google sobre mobile-first indexing tampoco deben interpretarse como una obligación de diseñar todas las experiencias exclusivamente desde la lógica móvil.
Comentarios
Publicar un comentario