El pasado sigue presente: una descripción general del diseño atemporal

La industria del diseño digital está madurando. Con las mejores prácticas establecidas y el advenimiento de los sistemas de diseño, ahora es posible luchar por una vida útil más prolongada para los productos que creamos. Podemos apuntar a clásicos digitales en lugar de maravillas de un solo éxito.

El diseño industrial es el símbolo de la longevidad. El encanto atemporal de una scooter Vespa. Los contornos icónicos de una botella de Coca-Cola. Los elegantes ángulos de un sillón Eames. ¿Habrá alguna vez un diseño digital equivalente a las eternas maravillas del mundo del diseño industrial? ¿Puede una interfaz de usuario soportar décadas como una cámara Leica?

Improbable, parece ser la respuesta. Los objetos físicos, una vez creados, no necesitan renovar los nombres de dominio o mantenerse al día con los estándares web para existir. El diseño atemporal debe construirse sobre una base atemporal, pero lo digital siempre está cambiando.

Sin embargo, la vida útil de los diseños digitales se puede extender. Incluso mientras la tecnología subyacente continúa evolucionando.

Apunta al diseño atemporal

No sorprende que los sistemas de diseño estén ganando popularidad. Un sistema de diseño cuidadosamente diseñado brinda incluso al producto que evoluciona más rápidamente un conjunto claro de principios atemporales. Los componentes de la interfaz de usuario pueden cambiar con el tiempo, pero la sensación del producto puede permanecer constante durante muchos años, incluso a medida que el producto madura. Flexibilidad y longevidad. Eso es ganar-ganar.

Candidatos al Salón de la Fama del Diseño Digital

La longevidad en el diseño digital no es una quimera. Es nuestra realidad actual y, como otros han demostrado, es posible que las interfaces envejezcan como el buen vino.

Diseño de materiales de Google (2014)

La llegada de Material Design marcó un punto de inflexión en el diseño digital. Por primera vez, un jugador importante como Google creó un lenguaje de diseño desde cero. No solo eso, empoderó a los diseñadores al proporcionar pautas y herramientas para implementar el lenguaje en su propio trabajo.

Inspirado en el papel, Material Design revolucionó la forma en que pensamos sobre el diseño para el mundo digital. Al tomar prestadas características del mundo físico, como las sombras y los antiguos principios de animación, Material Design se basa en señales visuales familiares sin hacer girar a los fanáticos de la GPU. Ya no estamos replicando texturas de cuero o reflejos hiperrealistas que hacen que las pestañas del navegador se detengan.

Conclusiones: el mundo físico puede influir en el diseño digital, pero debe adaptarse a las características de la tecnología subyacente.

GOV.UK (2013)

Con su propio sistema de diseño integral, GOV.UK fue uno de los primeros sitios web gubernamentales centrados en el usuario y puso la accesibilidad y el diseño de la información en el mapa.

Insulso, dirán algunos, pero el equipo de diseño nunca apuntó a la estética. En cambio, el enfoque fue el diseño de la información: Brinde a los usuarios la información que necesitan para completar tareas en un tiempo mínimo. Sin lujos, sin alboroto. Tal simplicidad radical convirtió a GOV.UK en un clásico instantáneo.

Conclusiones: las interfaces de usuario no tienen que ser bonitas para tener éxito.

iOS 7 (2013)

El iOS original de 2007 merece su propia entrada, pero no fue hasta iOS 7 que Apple se despidió del skeuomorphism y adoptó el diseño plano. Adiós, granos de madera. Hola, asombrosa sencillez. iOS creció.

Para ser justos, Android abrió el camino con su implementación de diseño plano y podría decirse que presentó una mejor animación. Sin embargo, Apple se puso al día y creó una estética de diseño digital que luego se extendió a los sistemas operativos Mac y iPad.

Apple no abandonó por completo los efectos skeuomorphic en iOS 7. La aplicación de notas aún presenta una sutil textura de papel, y la aplicación meteorológica actualiza el fondo para reflejar la luz del día y las condiciones climáticas. Sin embargo, la interfaz 2D ya no está obligada a ser algo que no es.

Para llevar: el diseño plano es el rey de las interfaces de usuario 2D.

trello (2011)

Sin contar las mejoras de usabilidad, la navaja suiza de las aplicaciones digitales apenas ha cambiado en casi una década. Si bien surgieron productos de la competencia que prometían "todas las funciones", Trello se mantuvo firme y siguió siendo popular debido a su simplicidad.

En lugar de sobrecargar las funciones, Trello ofreció un ecosistema de complementos que podría satisfacer las necesidades específicas de algunos usuarios sin saturar la interfaz de usuario para la mayoría. Trello es un ejemplo de la regla del 80/20 en el diseño (también conocido como "El principio de Pareto").

Para llevar: iterar con cuidado y aplicar la regla 80/20.

Chrome de Google (2008)

Si el eslogan de Volkswagen es "Das Auto", entonces el de Chrome debería ser "El navegador web". Google tomó un navegador web típico, eliminó todo lo que no era esencial, lo hizo increíblemente eficiente y superó al mercado.

La principal contribución de Google aquí fue hacer que el rendimiento fuera imprescindible para todos los productos digitales en el futuro. La comprensión de las limitaciones del hardware y del navegador, y la búsqueda de esos 60 fps suaves como la seda, es lo que hace que el diseño digital sea fundamentalmente diferente del diseño impreso o industrial. El éxito de Chrome es un testimonio de la importancia del rendimiento para una gran experiencia de usuario.

Para llevar: la simplicidad y el rendimiento por sí solos pueden ganar a largo plazo.

Campo base (2003)

Basecamp se hizo un nombre yendo en contra del dogma de Silicon Valley de financiación de capital de riesgo, crecimiento exponencial y salidas anticipadas. Su dedicación a los productos sostenibles a largo plazo se refleja en el diseño de Basecamp 3.

Los diseñadores pueden ayudar a crear productos que superen la prueba del tiempo, pero son impotentes si los directores ejecutivos no aprecian los productos que están diseñados para envejecer con gracia. Entre los fabricantes actuales de productos digitales, es raro encontrar empresas que practiquen una toma de decisiones cuidadosa o que se nieguen a perseguir cada nueva tendencia. Basecamp es una excepción.

Para llevar: las empresas sostenibles crean productos sostenibles.

Google (1998)

Mirando hacia atrás en las primeras iteraciones de la página de inicio de Google, tomó aproximadamente un año crear el diseño icónico que ahora es reconocido mundialmente y utilizable sin falta.

La página de inicio de Google es un producto digital raro en el que alguien de finales del siglo XX podría ser teletransportado al presente, interactuar con la interfaz de usuario y ni siquiera darse cuenta de lo que ha cambiado.

Conclusiones: los grandes productos pueden evolucionar, en lugar de reinventarse, y aun así mantener su posición de liderazgo en el mercado.

2001: Una odisea del espacio (1968)

La obra maestra de Stanley Kubrick fue una película de Hollywood y una visión futurista a partes iguales. Las predicciones del futuro suelen estar sesgadas por el presente, lo que da como resultado ideas cursis que parecen cómicas en retrospectiva. Es notable cuán originales eran los conceptos en 2001: Una odisea del espacio , como la predicción de pantallas táctiles, tabletas tipo iPad e interfaces controladas por voz.

Sorprendentemente, los diseños de la interfaz de usuario todavía parecen relevantes, aunque pasarían otros cinco años antes de que Xerox PARC comenzara a experimentar con las primeras iteraciones de una interfaz gráfica de usuario, pruebas que luego formarían la base de los sistemas operativos de Microsoft y Apple.

Las interfaces conceptuales de la película presentaban algo parecido a una estética de diseño plano. Pasaron otras cuatro décadas hasta que Apple abandonó el skeuomorfismo y siguió su ejemplo. Ya sea una previsión deliberada o una limitación de las capacidades gráficas en ese momento, los atisbos de las interfaces suenan auténticos hasta el día de hoy.

Para llevar: Stanley Kubrick es un genio.

Principios para un diseño digital duradero

No existen principios formalizados para crear interfaces digitales "atemporales", lo que no sorprende en una industria que se basa en el lema de "moverse rápido y romper cosas". Pero si hubiera principios rectores, deberían ser universales, adaptables a la tecnología, simples y pragmáticos.

universalidad

Una forma de fomentar la supervivencia a largo plazo de los productos digitales es hacerlos utilizables por la audiencia más amplia posible. Esto significa diseñar para la accesibilidad, el rendimiento y la inclusión. A medida que los productos se adopten más ampliamente, se deben ofrecer experiencias multilingües.

Adaptable a la tecnología

En lugar de forzar visiones creativas sobre la tecnología subyacente, el diseño adaptable a la tecnología funciona en colaboración con la tecnología subyacente. En el diseño web, esto significa renunciar a las animaciones que reducen la velocidad de fotogramas a 10 fps o no recrear superficies físicas en HTML, CSS y JS.

Sin tonterías Sencillo

Esto no quiere decir que la longevidad requiera que los productos se simplifiquen o se limiten a una cierta cantidad de funciones. Sin embargo, significa que las características se eligen deliberadamente y con la experiencia holística en mente. Aplica la regla 80/20 y errar por el lado de la simplicidad cuando tengas dudas.

Pragmático

Los diseños digitales tienen mucho en común con las plantas en términos de longevidad. Al igual que las plantas, necesitan ser regadas constantemente para poder sobrevivir. Si Google fuera a la quiebra y cerrara, sus productos cerrarían con él. No es cierto para los productos físicos. Un automóvil fabricado por una empresa que ya no existe en un país que ya no existe todavía se puede usar si se mantiene bien. Los diseñadores industriales pueden estar seguros de que su trabajo les sobrevivirá. No es así para los diseñadores digitales.

Además, muchas startups están en modo de supervivencia. No tienen los recursos para explorar cómo agregar años adicionales de vida a sus interfaces. La mayoría de las veces, los diseñadores digitales verán perecer su trabajo antes de verlo envejecer.

En tales circunstancias, la longevidad no es la primera, segunda o incluso quinta prioridad del diseño de productos digitales. Los productos deben superar sus primeros años de existencia antes de que puedan preocuparse por envejecer bien.

Pero las pequeñas decisiones pueden poner los productos en el camino correcto. Cuando haya suficiente tiempo, cree un sistema de diseño consistente. Cuando el tiempo apremia, amplíe o personalice los sistemas existentes. Siga las mejores prácticas. Aplicar el principio 80/20. Estas son formas pequeñas en las que el diseño digital puede ser empujado hacia la longevidad, incluso en entornos de alta presión y ritmo acelerado.

Diseño para la longevidad

Los diseñadores digitales harían bien en reconocer el valor de crear un trabajo que mantenga su relevancia en los años venideros. Tal vez en lugar de obsesionarse con las últimas tendencias, la industria debería aplaudir el trabajo que ha resistido la prueba del tiempo.

Es posible que las interfaces de usuario nunca tengan el encanto nostálgico de un scooter Vespa antiguo y resistente, pero los productos digitales aún pueden mejorar vidas. Cuanto más lo hagan, más probable es que dejen un legado que perdure en las próximas décadas.

¡Háganos saber lo que piensas! Por favor, deje sus pensamientos, comentarios y comentarios a continuación.

• • •

Lectura adicional en el blog de diseño de Toptal:

• Explorando los Principios Gestalt del Diseño
• Los principios del diseño y su importancia
• Las leyes probadas y verdaderas de UX (con infografía)
• Arte vs Diseño – Un Debate Atemporal
• Deje de fabricar basura: una guía para diseñar interfaces duraderas