Diseño de apps móviles

Diseñar los estados que nadie muestra en su portafolio

Los portfolios de diseño de apps muestran el camino feliz: un feed lleno, un perfil completado, un pago exitoso. Los usuarios reales pasan mucho tiempo en otros estados. La lista vacía en el primer arranque. El indicador de carga mientras llegan los datos. El error cuando se cae la red. El formulario con un campo mal rellenado. Cuando los diseñadores se saltan esto, los desarrolladores lo improvisan con la fecha límite encima, y ahí es donde una app empieza a parecer inacabada.

Diseñamos cada pantalla en todos sus estados como parte del alcance, no como un extra. Para cada una, nos preguntamos qué ve el usuario, qué puede hacer después y cómo se recupera. Un estado vacío que explica qué hacer primero es a menudo la pantalla más importante de la incorporación.

• Vacío: primer uso, sin resultados, nada guardado aún
• Carga: qué se muestra mientras se espera, y durante cuánto tiempo
• Error: qué ha fallado, en palabras sencillas, y cómo solucionarlo
• Sin conexión: qué sigue funcionando sin conexión

Las convenciones de la plataforma ahorran esfuerzo al usuario

Los usuarios de iOS y Android han aprendido hábitos distintos: dónde está el botón de volver, cómo funciona la navegación, qué hace una pulsación larga, cómo son los ajustes. Una app que ignora esos hábitos hace que la gente piense en la interfaz en lugar de en la tarea.

Seguimos las Human Interface Guidelines de Apple y el Material Design de Google donde importan, y reservamos la expresión de marca para color, tipografía, ilustración y movimiento. Los elementos táctiles cumplen los tamaños mínimos recomendados, y el texto y el contraste de color cumplen las pautas de accesibilidad, lo que además hace que la app sea más fácil de usar a plena luz del sol.