#27 — Detalles invisibles
1. adj. Que no puede ser visto.
Entre los meses de diciembre y febrero estuvimos, mi compi César y servidor, por nuestras oficinas de Barcelona, Madrid y Sevilla impartiendo una formación interna que decidimos titular ‘Vamos a diseñar apps excelentes’.
No queríamos que fuera la típica formación técnica, de librillo, donde aprender las mejores tendencias del mercado, porque, en los tiempos que corren, donde hay que estar tan al día de TODO, necesitamos más tiempos de reflexión, de mirar a nuestros alrededores, de entender el contexto, de saber llevar el día a día en nuestro trabajo.
Y al hilo de esto, hoy toca mostrarte este maravilloso estudio, (ojalá haber dado con esto antes y haberlo mostrado en el curso). 🛟 Guárdalo muy muy bien porque es una clase magistral de diseño de interacción.
El autor, Rauno Freiberg,
y el título Invisible Details of Interaction Design.
En el diseño se puede sentir que no hay ciencia, solo la sensación y la intuición. Rauno ha reflexionado sobre eso, para demostrar que eso no es del todo cierto.Ha estado tratando de deconstruir y desenterrar el por qué detrás de las grandes exhibiciones de diseño de interacción.
La esencia de la palabra "interacción" implica una relación entre un ser humano y un entorno.
Este ensayo no es un tutorial ni una colección de directrices. Es más bien una observación sobre los detalles invisibles de algunas interacciones que usamos en el día a día, pero en las que rara vez se piensa. Además de recrear interfaces, encontró que este ejercicio, además de una reflexión, es una manera de construir una intuición y un vocabulario de diseño más fuertes.
Y es que ¿qué es el diseño de interacción sino metáforas de nuestro día a día?
Ejecutar bien estos detalles hace que los productos digitales se sientan como una extensión natural de nosotros mismos.
Dejo un par de ejemplos. La primera muy común: el deslizar de la hojas de un libro y la segunda: el pellizcar, para coger algo y ser más preciso.
Descárgate esta app / Cabify
Hoy voy directo (que bastante me he liado con la intro 😅). No es la primera vez que hablo de Cabify. No me interesa si utilizas o si estás a favor o en contra de este tipo de servicios. ¿Diseñas apps? Descárgate esta app. Punto.
Es una de mis grandes referencias. Esta app es un manual de como hacer las cosas bien. Cabify tiene un equipo de diseño muy potente y así lo demuestran.
👉🏻🍏 Para iOS
👉🏻🤖 Para android
El detalle en / Duolingo
Hace unos días que veía el icono de Duolingo en mi pantalla con sospecha. Algo le pasaba, el búho tenía mala cara, pero no entendía porqué. Hasta que mi buen amigo Guille también me lo comentó.
Resulta que hace tiempo no abro la app y claro pues el búho está triste (normal 😅). ¿Y qué ha hecho el equipo de Duolingo? Pues darle vida a ese icono. Ahora, si estas sin usar la app durante un largo tiempo al 🦉 se le pone mala cara.
La repercusión de este simple detalle (pero muy bien ejecutado) es efectiva al momento de verlo. Además lo complementan con notificaciones push.
Dicho esto: se abrió el melón de hacer cosas en los iconos de las app que no sean solo cambiar el color o el elemento por una eventualidad.
Enlaces /
¡Venga! Hoy soy rápido con los enlaces, que bastante tienes con el artículo de los detalles invisibles 🫡
-. Mobile First - Extension Chrome
Un recurso muy top para programadores y diseñadores. Mobile First es una extensión de Chrome que simula cómo se vería cualquier web en una amplia serie de dispositivos móviles.
-. B100, la nueva banca de Abanca
Échale un ojo a su app. B100 es el nuevo banco digital que Abanca ha lanzado bajo el lema 'The Healthy Banking' y que ofrece, entre otros, un producto que genera ahorros a la vez que el cliente camina. Me interesa la integración con Apple Heath, Google Fit… 🤔
De momento, a primera vista, pinta a producto muy bien diseñado, cuidado y con detalles interesantes. Habrá que abrirse una cuenta para probarlo a fondo. 😅
-. ¿El fin de la interfaz?
El pasado 15 de febrero con motivo de la presentación del Programa Vostok de diseño de interacción, Javier Cañada dio una clase sobre el futuro de las interfaces digitales en el Instituto Tramontana.
Una reflexión sobre ese futuro de nuestra profesión, sobre los cambios inesperados que redefinen lo que diseñamos cada década y cómo lo diseñamos.
Te dejo links para escucharlo o verlo y en la próxima publicación reflexionaré acerca de ello.
Ver charla | Escuchar episodio
Inspiración /
Ver tuit original de Andreas Storm
Fuera de pantalla / Google First 25 Years
Y hasta aquí todo, gracias por llegar hasta aquí. Nos leemos en la próxima. De cierre: te propongo escuchar Sistema de Club del Río.
Por cierto, la formación (está feo que lo diga yo) pero estuvo de 10. Uno siempre aprende.