Tendencias interesantes en el diseño de la interfaz de usuario
Siempre estoy atento a las nuevas tendencias de diseño. Es fascinante para mí cómo ciertas ideas son recogidas por tantos diseñadores e implementadas de innumerables maneras diferentes.
Hoy vamos a explorar específicamente el mundo del diseño de la interfaz de usuario y ver si podemos detectar las tendencias populares actualmente. Casi más que cualquier otra área de diseño, las interfaces están extremadamente sujetas a los caprichos siempre cambiantes de los diseñadores y, si no estás al tanto, podrías crear una interfaz de usuario que se siente obsoleta. ¡Sigue leyendo para ver las tendencias!
Explore los recursos de diseño
¿Son buenas o malas las tendencias?
Por lo general, las personas leen publicaciones de tendencias de una de dos maneras: como una lista de ejemplos de cosas para probar o como una lista de clichés para evitar. ¿Cuál es la forma correcta? Si algo es una tendencia, ¿eso significa que es bueno o malo?
Mi respuesta es que las tendencias en general son bastante neutrales. No son necesariamente intrínsecamente buenos o malos, simplemente representan lo que mucha gente piensa que es genial en este momento. Dicho esto, las tendencias a menudo llegan al punto en que se usan en exceso y dejan un mal sabor de boca.
Por esta razón, siempre recomiendo que cada diseñador mire constantemente y tome nota de lo que actualmente es popular en diseño. Estar familiarizado con estas construcciones hará que sea más fácil hacer su trabajo, ya sea que esté buscando encajar con la multitud o hacer algo completamente único (debe saber qué no es único para crear algo que sea).
Con eso en mente, ¡echemos un vistazo a esas tendencias!
iOS inspiró todo
Es difícil decir que la plataforma iOS de Apple "posee" cierta estética, pero en general los desarrolladores que trabajan duro detrás de las excelentes aplicaciones para iPhone y iPad que todos conocemos y hemos amado han creado un estilo visual bastante específico, tal vez liderado por Apple, o tal vez Apple está siguiendo a los chicos de terceros.
En cualquier caso, desde repensar los diseños de columnas múltiples de pantalla ancha hasta lo que algunos han considerado una estética excesivamente escéptica, normalmente puede identificar una interfaz iOS cuando la ve. Al menos así solía ser. Con Lion y el próximo Mountain Lion, Apple ha estado integrando ideas visuales similares en OS X, y ciertamente no son los únicos que se lanzan a la idea de llevar este estilo al diseño de interfaz de usuario de escritorio.
La hermosa foto de Dribbble de Robert van Klinken arriba es un ejemplo perfecto. Dado el diseño de los botones y el uso de costuras, juraría que se trataba de una aplicación para iPad. Sin embargo, en realidad es un diseño para una aplicación de productividad basada en la web para computadoras de escritorio.
Incluso si damos un paso atrás del estilo de realismo falso, hay muchos otros ejemplos de interfaces de usuario de aplicaciones web inspiradas en Apple. La siguiente imagen de Pontus Johansson es similar a los gradientes cada vez más sutiles en las ventanas del Finder y los cromos de aplicaciones de OS X.
Fondos de madera
Este no es en absoluto nuevo, Garage Band mostró una especie de textura de madera hace años y estoy seguro de que hay muchos otros ejemplos antes de eso. Sin embargo, esta tendencia definitivamente está a la altura de su popularidad. De hecho, es probablemente lo más cercano que 2012 tiene a la apariencia brillante de la web 2.0 que se usó hace unos años.
Diseñadores: Ix Techau, Pontus Johansson, Pavel Maček, Levi Wintering y Max Schwartz.
En resumen: la madera es la textura de UI elegida en este momento (aunque las texturas de lino / lienzo también son extremadamente populares). Lo verá en aplicaciones iOS, aplicaciones Mac, aplicaciones web, aplicaciones Android; En todas partes. Una de las cosas que alimenta esta tendencia es la disponibilidad generalizada de texturas realmente fantásticas y libres.
Gran parte de esto comenzó con una toma de Matthew Skiles que se cargó en Dribbble en julio de 2010. Fue hermoso, detallado y de uso gratuito en cualquier proyecto sin atribución.
El resultado fue que algunas aplicaciones recogieron esto para sus interfaces, lo que llevó a que otros liberaran texturas gratuitas similares y que los diseñadores de interfaces recogieran, ¡y el ciclo aún continúa dos años después! ¿Creo que esta tendencia se usa en exceso? Usted apuesta. ¿Me he subido a bordo yo mismo? ¡Por supuesto!
Interfaces retro
Todas las tendencias que hemos señalado hasta ahora parecen estar tomando la perspectiva del "realismo" de hacer que las interfaces de software se sientan como interfaces físicas del mundo real. Dentro de esta tendencia, también hay subnichos severos, el más babeado de los cuales tiende a ser algo retro.
Diseñadores: Callum Chapman, Mike | Mentas creativas, Gökhan Kurt y Gianluca Divisi
A los diseñadores les encanta reconstruir los dispositivos de décadas pasadas usando píxeles. Definitivamente hay altibajos dentro de esta área de la interfaz de usuario. Algunas de las interfaces terminan sintiéndose apresuradas y torpes, y el aspecto retro es más un obstáculo molesto que algo que realmente fomenta la experiencia.
Dicho esto, algunas interfaces retro son absolutamente encantadoras de usar. Aquí el componente retro es el aspecto clave de la naturaleza agradable de la aplicación. Por ejemplo, en la aplicación para Mac "Instantáneo", arrastra sus fotos a una vieja cámara Polaroid, que luego escupe la foto mientras espera que se "desarrolle" como en los viejos tiempos. No es ideal para el procesamiento normal de fotos, pero para hacer tomas retro Polaroid, es súper divertido.
Cajas de notificaciones
Siempre me fascina cuando una forma básica despega repentinamente y se vuelve popular. En una publicación del año pasado, vimos cómo las formas de la cinta se estaban apoderando de la web. En estos días, veo toneladas y toneladas de esta forma, a la que me referiré como un cuadro de notificación por falta de un término mejor.
Como puede ver, básicamente es solo una caja con un triángulo saliendo de ella. El triángulo ayuda a vincular el contenido del cuadro a un formulario, botón u otro contenido y puede ubicarse en cualquier borde del cuadro. ¿No me crees que esta forma de repente es súper popular? Aquí hay algunos ejemplos que encontré en aproximadamente dos minutos de búsqueda.
Diseñadores: Morgan Allan Knutson, Jason Wu, Justalab y Mikael Eidenberg
Parece que no puedo localizarlo ahora, pero el otro día incluso vi una pequeña aplicación web que permite a los usuarios personalizar y generar esta forma en HTML y CSS puro. Es curioso cómo pequeñas cosas como esta se dan cuenta y de repente las ves en todas partes.
Actualización: el sitio mencionado anteriormente es CSSArrowPlease. ¡Gracias al comentarista Jack por señalar esto!
UI Blancanieves
El movimiento "mínimo" está vivo y bien en el mundo de la interfaz de usuario, con muchos diseñadores tomando la ruta de ir casi completamente incoloro y optando por un esquema de color completamente gris claro o blanco.
Diseñadores: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norm
Como puede ver en los ejemplos anteriores, los botones y los elementos de formulario son el territorio principal para esta tendencia. Los gradientes sutiles, los contornos de un solo píxel y las sombras que a menudo se insertan definen la estética. El resultado es una experiencia muy ligera y aireada que se siente bastante formal.
También es interesante observar la creciente popularidad de los kits de interfaz de usuario. No estoy seguro de quién fue la primera persona que arrojó un montón de elementos de la interfaz de usuario en una descarga gratuita, pero la idea ciertamente se ha popularizado y sigue siendo la favorita de los buscadores de regalos en todas partes.
¿Qué tendencias has visto en el diseño de la interfaz de usuario?
Esta colección es una dispersión de ideas completamente al azar que he estado viendo mucho últimamente. Estoy seguro de que me he perdido un montón de otras tendencias populares a las que los diseñadores de UI se están sumando y me encantaría escuchar sus comentarios.
¿Qué tipos de diseño has visto mucho recientemente? ¿También encuentra que el minimalismo de hace unos años (por ejemplo, Google) ha llevado a una respuesta dramática de interfaces realistas como las que provienen del campamento Apple iOS / OS X? ¡Deja un comentario y háznoslo saber!
