Diseñamos en el teléfono, no en Figma

La primera vez que abres tu maqueta Figma cuidadosamente diseñada en un teléfono real, siempre hay algo que te sorprende.

El texto es más pequeño de lo que pensabas. Los elementos en los que hay que pulsar están más juntos de lo que pensabas. El diseño en su conjunto parece más recargado que en la pantalla del ordenador, porque en el ordenador veías el diseño de forma aislada. En el móvil, lo ves junto con todo lo demás que está haciendo tu mano.

Seguimos utilizando herramientas de diseño. Son útiles para explorar ideas rápidamente, comparar opciones y garantizar la coherencia de los componentes. Lo que no hacemos es considerarlas el lugar donde se aprueba un diseño.

Nuestra norma

Ninguna decisión de diseño es definitiva hasta que no se haya probado en un teléfono real durante al menos 48 horas. No en un simulador. Ni reflejada desde un ordenador portátil. Un teléfono, en la mano, a la luz del día, en una habitación a oscuras, en el metro, en un bolsillo con la pantalla apagada y luego encendida de nuevo.

La mayoría de las decisiones cambian tras esa prueba. El tamaño de las fuentes aumenta. El espaciado se hace un poco más generoso. Ese elegante trazo fino se convierte en un trazo de 2 píxeles, porque uno de 1 píxel no se lee bien en una parada de autobús a pleno sol.

Cómo transferimos los diseños a un dispositivo

La vía más rápida suele ser crear una versión preliminar, en lugar de un prototipo pulido. Una pantalla con datos reales, fuentes reales y desplazamiento real nos aporta más información que una maqueta perfecta en la que se puede hacer clic, ya que se comporta tal y como lo hará la aplicación. Para los pequeños cambios, simplemente los incorporamos a una versión de prueba y la instalamos en nuestros propios teléfonos ese mismo día.

Los datos reales son tan importantes como el dispositivo real. Una maqueta con tres entradas perfectamente nombradas no dice nada sobre lo que ocurre cuando alguien tiene una lista larga, un nombre muy largo o, simplemente, aún no tiene nada. Por eso realizamos pruebas con contenido desordenado: una lista de invitados con nombres escritos en varias escrituras, un viaje con una docena de paradas, un jardín al que se han ido añadiendo plantas a lo largo de meses.

Más allá del teléfono

El mismo principio se aplica a nuestras otras plataformas. Las aplicaciones Windows se prueban en la pantalla de un portátil normal con una escala normal, no solo en un monitor externo de gran tamaño. Las extensiones de navegador se prueban en una barra de herramientas real, con la ventana emergente abriéndose sobre páginas web reales. Las aplicaciones iPhone que se ejecutan en un Mac se comprueban en una ventana redimensionable. Cada superficie tiene su propia versión de la diferencia entre la maqueta y la realidad.

Lo que te enseña el teléfono

Te enseña a ser humilde. Los diseños que parecían sofisticados en la herramienta de maquetación resultan austeros o confusos en el dispositivo real. Los gestos que parecían ingeniosos resultan incómodos cuando intentas utilizarlos con una sola mano. Las animaciones que parecían fluidas en un monitor de alta frecuencia de actualización se ven entrecortadas en un Android de hace tres años.

En qué nos equivocamos

Antes solíamos pulir las maquetas hasta dejarlas perfectas antes de probarlas en un dispositivo y luego pasábamos días defendiendo decisiones que, claramente, no funcionaban en la práctica. Ese pulido daba la sensación de que los diseños estaban definidos cuando en realidad no lo estaban. Ahora mantenemos las maquetas deliberadamente en bruto y las probamos en un dispositivo lo antes posible, para que cambiar de opinión nos salga barato.

La contrapartida es que las primeras versiones parecen inacabadas, y hay que tener cierta disciplina para no juzgarlas por su aspecto. Pero corregir el diseño durante la primera semana sale mucho más barato que hacerlo después de su lanzamiento.

No es una mala noticia. Es simplemente la superficie real sobre la que se desarrolla tu trabajo. Cuanto antes se adapte tu diseño a esa superficie, mejor será el resultado final.