Tendencias interesantes en diseño de interfaz de usuario

Siempre estoy buscando nuevas tendencias de diseño. Es fascinante para mí cómo tantos diseñadores recogen ciertas ideas y las implementan de muchas maneras diferentes.

Hoy vamos a explorar específicamente el mundo del diseño de la interfaz de usuario y ver si podemos detectar alguna tendencia popular actualmente. Casi más que cualquier otra área de diseño, las interfaces están extremadamente sujetas a los caprichos cambiantes de los diseñadores y, si no estás en el circuito, podrías crear una interfaz de usuario que se sienta obsoleta. ¡Sigue leyendo para ver qué está de moda!

¿Las tendencias son buenas o malas?

Las personas suelen leer las publicaciones de tendencias de una de estas 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, ¿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 cree que es genial en este momento. Dicho esto, las tendencias a menudo alcanzan el punto en el que están tan sobreutilizadas que dejan un mal sabor de boca.

Por esta razón, siempre recomiendo que todos los diseñadores miren constantemente alrededor y tomen 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 desee integrarse a 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 de Apple iOS? una cierta estética, pero en general los desarrolladores que trabajan duro detrás de las fantásticas aplicaciones para iPhone y iPad que todos conocemos y amamos han creado un estilo visual bastante específico, tal vez liderado por Apple, o quizás Apple está siguiendo a los chicos de terceros.

En cualquier caso, desde replantearse los diseños de varias columnas de pantalla panorámica hasta lo que algunos consideran una estética demasiado skeuomorphic, normalmente puede identificar una interfaz de iOS cuando la ve. Al menos así es como 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 la interfaz de usuario de escritorio.

El magnífico disparo 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 esta era una aplicación para iPad. Sin embargo, en realidad es un diseño para una aplicación de productividad basada en web para computadoras de escritorio.

Incluso si retrocedemos un paso del estilo de realismo falso, hay muchos otros ejemplos de IU de aplicaciones web inspiradas en Apple. La imagen de abajo 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

Esta no es de ninguna manera nueva, Garage Band mostró una especie de textura de madera hace mucho tiempo y estoy seguro de que hay muchos otros ejemplos antes de eso. Sin embargo, esta tendencia está definitivamente en la cima de su popularidad. De hecho, es probablemente lo más cercano que tiene el 2012 a la apariencia brillante de la web 2.0 de hace unos años.

Diseñadores: Ix Techau, Pontus Johansson, Pavel Ma? Ek, Levi Wintering y Max Schwartz.

El largo y corto de esto: la madera es la textura UI preferida en este momento (aunque las texturas de lienzo / lienzo también son extremadamente populares). Lo verás en aplicaciones de iOS, aplicaciones de Mac, aplicaciones web, aplicaciones de Android; en todos lados. Una de las cosas que alimenta esta tendencia es la disponibilidad generalizada de texturas realmente fantásticas y gratuitas.

Gran parte de esto comenzó con un disparo de Matthew Skiles que se cargó a Dribbble en julio de 2010. Era hermoso, detallado y de uso gratuito en cualquier proyecto sin atribución.

El resultado fue un buen número de aplicaciones que recogieron esto para sus interfaces, lo que llevó a que otras lanzaran texturas gratuitas similares a las que fueron recogidas por los diseñadores de interfaces, ¡y el ciclo continúa dos años más tarde! ¿Creo que esta tendencia está sobreutilizada? Usted apuesta ¿He subido a bordo yo mismo? ¡Por supuesto!

Interfaces retro

Todas las tendencias que hemos señalado hasta ahora parecen estar tomando el? Realismo? perspectiva de hacer que las interfaces de software se sientan como interfaces físicas del mundo real. Dentro de esta tendencia, también hay varios subniches, 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 utilizando píxeles. Definitivamente hay altibajos dentro de esta área de la interfaz de usuario. Algunas de las interfaces terminan sintiéndose precipitadas y torpes, con el aspecto retro más como un obstáculo molesto que algo que realmente promueve la experiencia.

Dicho esto, algunas interfaces retro son muy agradables 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, arrastra sus fotos a una vieja cámara Polaroid, que luego escupe la foto mientras espera que se desarrolle? Al igual que en los viejos tiempos. No es ideal para el procesamiento normal de fotos, pero para hacer tomas retro Polaroid, es super divertido.

Cajas de notificación

Siempre me fascina cuando una forma básica de repente despega y se vuelve popular. En una publicación del año pasado, observamos cómo las formas de la cinta se estaban apoderando de la web. En estos días, estoy viendo 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 de la caja a un formulario, botón u otra parte del contenido y se puede ubicar en cualquier borde de la caja.¿No me crees que esta forma es súper popular de repente? 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 ubicarlo ahora, pero el otro día vi una pequeña aplicación web que permite a los usuarios personalizar y generar esta forma en HTML puro y CSS. Es gracioso cómo cosas tan pequeñas como esta se prenden y de repente las ves en todas partes.

Actualizar: El sitio mencionado anteriormente es CSSArrowPlease. Gracias al comentarista Jack por señalar esto!

Blanco como la nieve

El? Minimal? El movimiento está vivo y bien en el mundo de la interfaz de usuario, con muchos diseñadores que toman la ruta de ir casi completamente sin color y, en cambio, optan por un esquema de color completamente gris claro o blanco.

Diseñadores: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norma

Como puede ver en los ejemplos anteriores, los botones y los elementos de formulario son el territorio principal de esta tendencia. Gradientes sutiles, contornos de un solo píxel y 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 IU. No estoy seguro de quién fue la primera persona en lanzar un montón de elementos de la interfaz de usuario en una descarga gratuita, pero la idea ciertamente se ha popularizado y sigue siendo el favorito de los buscadores de regalos de todo el mundo.

¿Qué tendencias has visto en diseño de interfaz de usuario?

Esta colección es una dispersión de ideas completamente aleatoria 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é tipo de diseño has estado viendo mucho últimamente? ¿También encuentra que el minimalismo de hace algunos años (por ejemplo, Google) ha llevado a una respuesta dramática de interfaces realistas como las que vienen del campamento Apple iOS / OS X? Deja un comentario y déjanos saber!