¿Por qué son diferentes los diseños para dispositivos móviles y de escritorio? Hay varias razones. Lo más obvio es, por supuesto, el tamaño. Lo que se ve bien en una pantalla grande no suele traducirse de la misma manera en una pantalla de menor tamaño.

Otra razón es la forma en que la gente utiliza sus dispositivos, que difiere mucho entre el escritorio y el móvil. La mayoría de las personas utilizan ordenadores de sobremesa en interiores y para interacciones más prolongadas. Por otro lado, los teléfonos inteligentes se utilizan en todas partes y a menudo sobre la marcha. Los usuarios móviles también prefieren sesiones rápidas. Tareas como configurar la alarma, revisar el correo electrónico o responder a los mensajes no suelen tardar más de unos segundos.

Y, por último, los mecanismos de entrada son diferentes. Con las pantallas táctiles, las personas usan los dedos y los pulgares: ocupan más espacio que los cursores y el contenido oscuro.

Estos 3 factores determinan los principios clave del diseño de la maquetación móvil.

Minimizar el desorden

Minimizar el desorden en las interfaces móviles permite a los usuarios concentrarse en completar la tarea en la que se encuentran. Demuestra el valor de tu aplicación dando a los usuarios lo que quieren de inmediato. Evita distraerlos con botones, imágenes o texto innecesarios.

Una regla general simple es utilizar una acción principal por pantalla. Cada pantalla que diseñe para la aplicación debe admitir una sola acción de valor real para la persona que la utiliza.

Por ejemplo, Airbnb sabe que el objetivo de sus usuarios es reservar alojamiento. La pantalla principal con un campo de búsqueda pregunta a los usuarios: "¿A dónde vas?" sin distraerlos con otros elementos. Se pueden encontrar funciones adicionales como Experiencias o Inspiraciones debajo del pliegue, mientras que la barra de pestañas ofrece opciones de navegación.

Mantener la navegación sencilla y clara

Una buena navegación es sencilla, clara y directa. Es vital en el móvil, donde los usuarios esperan completar sus tareas en el menor tiempo posible.

¿Qué puede mejorar la navegación?

• Sigue la regla de 3 clics. Significa que los usuarios deberían poder acceder a cualquier parte de su aplicación en menos de 3 clics. De esta manera, es fácil para ellos mantener un mapa mental de lo que está pasando en su aplicación.
• Muestra el nombre de la página actual. Para navegar con éxito, los usuarios siempre deben poder responder a la pregunta "¿Dónde estoy?"
• Divide las grandes tareas en pasos sencillos para minimizar la carga cognitiva. Por ejemplo, en lugar de ofrecer un formulario de pago largo, pida a los usuarios que rellenen información en varias pantallas: su dirección de envío, información de facturación y confirmación del pedido pueden estar en pantallas separadas.
• Hacer hincapié en la información importante. Puedes hacerlo aumentando el tamaño de la fuente, añadiendo espacios en blanco y asegurándote de que el color del elemento contraste bien con el color de fondo.

Hacer que la navegación sea clara y predecible

La clave de la navegación intuitiva reside en su previsibilidad. ¿Cómo puedes lograr esto?

• Utiliza patrones de navegación comunes. Por ejemplo, los usuarios saben que las flechas a la izquierda y a la derecha de la imagen y los indicadores a continuación significan un carrusel deslizable, mientras que una entrada con un icono de lupa suele ser la barra de búsqueda.