La primera vez que abres tu maqueta Figma cuidadosamente dise\u00f1ada en un tel\u00e9fono real, siempre hay algo que te sorprende.<\/p>\n
El texto es m\u00e1s peque\u00f1o de lo que pensabas. Los elementos en los que hay que pulsar est\u00e1n m\u00e1s juntos de lo que pensabas. El dise\u00f1o en su conjunto parece m\u00e1s recargado que en la pantalla del ordenador, porque en el ordenador ve\u00edas el dise\u00f1o de forma aislada. En el m\u00f3vil, lo ves junto con todo lo dem\u00e1s que est\u00e1 haciendo tu mano.<\/p>\n
Seguimos utilizando herramientas de dise\u00f1o. Son \u00fatiles para explorar ideas r\u00e1pidamente, comparar opciones y garantizar la coherencia de los componentes. Lo que no hacemos es considerarlas el lugar donde se aprueba un dise\u00f1o.<\/p>\n
Ninguna decisi\u00f3n de dise\u00f1o es definitiva hasta que no se haya probado en un tel\u00e9fono real durante al menos 48 horas. No en un simulador. Ni reflejada desde un ordenador port\u00e1til. Un tel\u00e9fono, en la mano, a la luz del d\u00eda, en una habitaci\u00f3n a oscuras, en el metro, en un bolsillo con la pantalla apagada y luego encendida de nuevo.<\/p>\n
La mayor\u00eda de las decisiones cambian tras esa prueba. El tama\u00f1o de las fuentes aumenta. El espaciado se hace un poco m\u00e1s generoso. Ese elegante trazo fino se convierte en un trazo de 2 p\u00edxeles, porque uno de 1 p\u00edxel no se lee bien en una parada de autob\u00fas a pleno sol.<\/p>\n
La v\u00eda m\u00e1s r\u00e1pida suele ser crear una versi\u00f3n preliminar, en lugar de un prototipo pulido. Una pantalla con datos reales, fuentes reales y desplazamiento real nos aporta m\u00e1s informaci\u00f3n que una maqueta perfecta en la que se puede hacer clic, ya que se comporta tal y como lo har\u00e1 la aplicaci\u00f3n. Para los peque\u00f1os cambios, simplemente los incorporamos a una versi\u00f3n de prueba y la instalamos en nuestros propios tel\u00e9fonos ese mismo d\u00eda.<\/p>\n
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\u00fan 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\u00edn al que se han ido a\u00f1adiendo plantas a lo largo de meses.<\/p>\n
El mismo principio se aplica a nuestras otras plataformas. Las aplicaciones Windows se prueban en la pantalla de un port\u00e1til normal con una escala normal, no solo en un monitor externo de gran tama\u00f1o. Las extensiones de navegador se prueban en una barra de herramientas real, con la ventana emergente abri\u00e9ndose sobre p\u00e1ginas web reales. Las aplicaciones iPhone que se ejecutan en un Mac se comprueban en una ventana redimensionable. Cada superficie tiene su propia versi\u00f3n de la diferencia entre la maqueta y la realidad.<\/p>\n
Te ense\u00f1a a ser humilde. Los dise\u00f1os que parec\u00edan sofisticados en la herramienta de maquetaci\u00f3n resultan austeros o confusos en el dispositivo real. Los gestos que parec\u00edan ingeniosos resultan inc\u00f3modos cuando intentas utilizarlos con una sola mano. Las animaciones que parec\u00edan fluidas en un monitor de alta frecuencia de actualizaci\u00f3n se ven entrecortadas en un Android de hace tres a\u00f1os.<\/p>\n
Antes sol\u00edamos pulir las maquetas hasta dejarlas perfectas antes de probarlas en un dispositivo y luego pas\u00e1bamos d\u00edas defendiendo decisiones que, claramente, no funcionaban en la pr\u00e1ctica. Ese pulido daba la sensaci\u00f3n de que los dise\u00f1os 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\u00f3n nos salga barato.<\/p>\n
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\u00f1o durante la primera semana sale mucho m\u00e1s barato que hacerlo despu\u00e9s de su lanzamiento.<\/p>\n
No es una mala noticia. Es simplemente la superficie real sobre la que se desarrolla tu trabajo. Cuanto antes se adapte tu dise\u00f1o a esa superficie, mejor ser\u00e1 el resultado final.<\/p>","protected":false},"excerpt":{"rendered":"
Figma makes things look good on a 27-inch monitor. Phones are not 27-inch monitors. Here’s what actually happens when you test on a real device.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-journal"],"yoast_head":"\n