APP

10 tendencias de Diseño UI en 2017

La enorme oferta de las aplicaciones móviles la convierte en una de las economías emergentes más exitosas en el área de la tecnología. Según datos de App Annie, la economía de las apps tendrá un valor de 166,000 millones de dólares, principalmente por la compra de apps, adquisiciones dentro de éstas y la publicidad.

El éxito que ha creado este modelo de negocio, lo convierte en un mercado altamente competitivo, por ello el poder diferenciarse de la competencia genera cierta ventaja competitiva a la hora de posicionarse en los primeros lugares de descarga en las tiendas de aplicaciones móviles.

Una estrategia inteligente para alcanzar esta diferenciación es a través del diseño de tu interfaz. Por ello traemos para ti una recapitulación de las tendencias de diseño de este 2017 las cuales te ayudarán a predecir lo que viene este 2018 en cuanto a diseño UI.

1.- Evolución del minimalismo.

El minimalismo cobro mayor fuerza este 2017, y no se limita al diseño gráfico, sino que también al diseño de uso de la interfaz.

Clean lines, generous whitespace, and minimal graphical elements brings simplicity to even the most confounding subject matter. Credits: Jakub Antalík

El uso de un diseño minimalista busca solucionar los problemas del usuario a través de una comunicación visual clara, mejorando la experiencia de navegación, lo cual puede traducirse como una muy poderosa herramienta comunicativa.
“Líneas claras, espacios en blanco, y elementos gráficos de estilo minimalista brindan simplicidad incluso a los temas más complejos. – Jakub Antalík

2.- Uso de microinteracciónes

Las microinteracciónes siguen siendo tendencia este año, generalmente vienen en forma de sencillas animaciones y son cada vez más utilizadas, especialmente en el diseño de aplicaciones para dispositivos móviles.

Microinteractions can be a very convenient form of visual feedback for the user’s actions. Credits: Hernán Sartorio

Su popularidad se debe a que le permite al usuario conocer lo que está pasando y lo alerta cuando una acción ha sido completada.

3.-Ilustraciones originales

Las ilustraciones proveen a las aplicaciones mayor personalidad. Ponen a disposición del usuario una comunicación visual agradable, dinámica y divertida, pudiendo reflejar de una forma adecuada la personalidad del producto. Además, al igual que las tendencias anteriores, facilita la comprensión de navegación para el usuario.

Las ilustraciones también pueden venir acompañadas de animaciones, las cuales proveen a los diseñadores mayor libertad creativa, pudiendo crear en conjunto con los desarrolladores una aplicación única y llamativa.

4.- Menús invisibles

Los menús desplegables se van retirando lentamente, lo de hoy son los menús invisibles o “emergentes”.

menu.gif

Se distinguen por un diseño simple, con tipografías estilizadas y fondos sólidos. Estos menús buscan economizar el espacio, y facilitar su acceso y navegación al usuario.

5.- Paletas de colores sofisticadas.

Nos ha quedado claro que el diseño simple es la mayor apuesta de los diseñadores en estos últimos años, y esto se vuelve a aplicar en cuando a la elección de la paleta de colores de nuestro producto.

card3.jpg

Los colores vibrantes se hacen a un lado y dan paso a colores pasteles, preservando así la simplicidad y aspecto amigable para los futuros usuarios.
Sin embargo, esto no significa que debas modificar el aspecto y color de tu marca, sino que deberás encontrar el equilibrio adecuado entre los colores vibrantes y los espacios en blanco para otorgar ese aspecto limpio, claro y elegante a tu aplicación.

6.- Efecto Blur

Un estilo popularizado por Iphone es el “blur effect”, donde se utilizan backgrounds borrosos que ayudan a captar la atención de los usuarios sin resultar invasivos.

nahlad.jpg

7.- Touch ID

La tecnología Touch ID se limitaba al desbloqueo de dispositivos. Sin embargo, Apple permitió utilizar dicha tecnología en aplicaciones de terceros, entre ellos Dropbox y Amazon, convirtiendo las contraseñas manuales en tecnología a punto de caducar, ya que el reconocimiento dactilar como método de autenticación ofrece mayor seguridad al usuario.

checkout.gif

8.- Diseño basado en “Tarjetas”

Las tarjetas se idearon en un principio como una alternativa de diseño para páginas web responsivas y encontraron su mejor oportunidad en la creación de aplicaciones móviles ya que dividen el contenido, lo colocan en áreas adecuadas y son asociadas con información relacionada.

Cards allow you organize a large amount of content into digestible pieces. Credits: Hanna Jung

Además, permite a los usuarios elegir acciones, lo que proporciona a los diseñadores la oportunidad de enfocarse completamente en sus necesidades. Por otro lado, en plataformas como Twitter, sirven para generar mayor tráfico a cierta página, ya que permite la incorporación de contenido multimedia.

9.- Entretenimiento y personalización

Ahora los desarrolladores y diseñadores buscan crear plataformas más entretenidas con la ayuda de colores llamativos, paneles lúcidos y contenido personalizado como lo ha venido haciendo Google con sus tarjetas, las cuales te brindan información de tráfico, noticias, clima y recomendaciones turísticas según tu ubicación.

app-preview.jpg

10.- APP MATERIAL DESIGN

Lenguaje visual introducido por Google en 2014, y que se ha popularizado con el tiempo debido a sus efectos simplificados, como los gradientes, layering y sus animaciones.

Untitled-3.gif

 

 

Fuente:
ttandem
Inteliatec
Adobe
Danthop
Expansión

Quizá también te interese

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *