Tendencias de diseño esencial, enero de 2016
Las aplicaciones están en todas partes. Se han convertido en una parte integral de nuestra vida diaria gracias a la cantidad de teléfonos inteligentes y dispositivos portátiles que poseemos.
Y debido a eso, las aplicaciones son uno de los principales factores de impulso en lo que respecta a las tendencias de diseño de sitios web. Vamos a ver.
Retorno del rollo
Las pantallas pequeñas orientadas verticalmente han devuelto el rollo de una manera importante. Alguna vez se pensó que era algo que quería evitar porque los usuarios no bajarían la pantalla, el desplazamiento es una parte integral del proceso de diseño.
Y desplazarse ahora es mejor que nunca. Gracias a las excelentes animaciones, efectos de paralaje y muchas ideas de contenido creativo, el desplazamiento es muy divertido y una buena forma de atraer a los usuarios.
No te detengas con un scroll normal de la página; considere un desplazamiento horizontal o una opción animada que puede deleitar a los usuarios gracias a la pequeña sorpresa. Solo asegúrese de incluir una señal visual en dos para los usuarios con efectos de desplazamiento que están fuera de la norma, para que no se confundan o abandonen su sitio web porque no saben cómo usarlo.
El diseño de materiales se generaliza
El concepto de diseño de materiales de Google comenzó como una interfaz móvil. La interfaz plana e inspirada en capas basada en la física comenzó como la estética para los dispositivos Android, pero se extendió rápidamente a las aplicaciones basadas en iOS también.
Los diseñadores también están expandiendo el concepto para su uso en sitios web de pantalla completa.
El concepto Material es simple, intuitivo y está enraizado en elementos realistas, por lo que es fácil de usar y comprender. Los diseñadores se divierten mucho con el estilo de interfaz con colores brillantes y muchas animaciones ingeniosas.
La navegación oculta está en todas partes
Este es uno de esos remanentes que realmente está cambiando la forma en que piensas sobre el diseño de la página de inicio. La navegación oculta está teniendo un momento importante en este momento.
El diseño discutible del icono de la hamburguesa es la aplicación más utilizada, con un icono que muestra un menú completo. Los diseñadores de sitios web optan por una de dos opciones: un menú que aparece sobre una parte de la pantalla o una navegación a pantalla completa. La opción de pantalla completa funciona de forma casi idéntica a cómo funcionan los estilos de extracción en aplicaciones, y con los diseñadores de bienes raíces adicionales hay mucho espacio para crear una página de navegación que va más allá de unos pocos enlaces internos.
Lo que es especialmente bueno de los estilos de navegación de gran tamaño es que son fáciles de leer y hacer clic. (Nada es peor que los elementos de navegación pequeños que están diseñados casi como una ocurrencia tardía).
Tarjetas, tarjetas y más tarjetas
Difícilmente puedes navegar por la web sin encontrarte con una interfaz tipo tarjeta. Estos contenedores de contenido son altamente utilizables y se acumulan bien en marcos receptivos.
Las tarjetas son una opción popular porque también pueden ser muy divertidas de diseñar. Las tarjetas se pueden personalizar para ajustarse a cualquier estilo de diseño y funcionar con casi cualquier tipo de contenido. Una cosa para recordar acerca de las tarjetas es que cada contenedor debe contener una sola pieza de contenido y conectarse con un solo clic. Esta única "cosa" puede activar un video, enviar un formulario, moverse a otra página, comprar un artículo o cualquier otra cantidad de acciones individuales. Diferentes tarjetas en el mismo sitio web pueden hacer cosas diferentes. (Siempre y cuando los usuarios entiendan las acciones).
Es un estilo de interfaz que también necesita muy poca explicación. Los sitios web de redes sociales como Facebook, Twitter y Pinterest están enraizados en interfaces de estilo de tarjeta con desplazamiento infinito para que el contenido nuevo sea cada vez más frecuente. A los usuarios abrumadores parece gustarles y aceptar este patrón de diseño.
Las micro interacciones son esenciales
No hace mucho tiempo, las micro interacciones eran casi exclusivamente un elemento de la aplicación. Es posible que desee volver a pensar esa idea. La línea entre las aplicaciones y los sitios web está completamente borrosa. Los usuarios desean visitar una aplicación y luego tal vez el sitio web más adelante y obtener exactamente la misma experiencia.
Esto también se aplica a micro interacciones. Una micro interacción es cualquier cosa que ayuda al usuario a comunicarse con la interfaz, ver una acción o manipular la interfaz. Cada uno de estos bits de comunicación es tan pequeño que el usuario apenas piensa en ello, como una alarma, un mensaje de texto o deslizar para actualizar el contenido. (Solo piense en cuántas notificaciones de reuniones recibe en su computadora o teléfono de trabajo; esas son microinteracciones).
El factor de vinculación para hacer esta transición fluida es un toque de personalización y muchas opciones para la personalización del usuario. El uso de micro interacciones es complicado porque hay una delgada línea entre las notificaciones deseadas o las alarmas o los mensajes y abruma al usuario.
Al integrar micro-interacciones se adhieren a algunas de las funciones más básicas primero para ver cómo reaccionan los usuarios. Luego puede agregar a la mezcla si su base de usuarios lo acepta.
Y ahora ... wearables
La siguiente fase del diseño del sitio web ya está sucediendo. A medida que los dispositivos portátiles aumenten de popularidad, también se diseñarán elementos a partir de estas pequeñas pantallas.
Los elementos que tendrán un impacto incluyen pequeñas animaciones basadas en el estado, como ruedas de desplazamiento que se llenan para mostrar logros, más interacciones micro y muchos rastreadores. (Los usuarios están prácticamente obsesionados con los datos en este momento, desde datos basados en la actividad física hasta puntos de ganancia para comprar).
Los wearables también agregan otra capa de gamificación a la vida diaria. Es probable que esto también se traslade al diseño del sitio web.
Lo que los wearables realmente harán es avanzar en la línea entre todos nuestros dispositivos. Sitios web, aplicaciones, dispositivos portátiles: todos ellos necesitan proporcionar experiencias integradas para los usuarios, de modo que el paso de un dispositivo a otro sea fluido y la experiencia sea consistente.
Conclusión
A medida que las pantallas cambian de tamaño, también lo hace la forma en que diseñamos para ellas. Para crear interacciones inmersivas en las que los usuarios quieran interactuar, independientemente del dispositivo, cada interfaz debe funcionar de la misma manera. La idea influye de forma espectacular en la forma en que se diseñan todos los sitios web (incluso aquellos que no tienen necesariamente contrapartes de aplicaciones o de dispositivos portátiles).
Al crear algo que les gusta a los usuarios en las pantallas más pequeñas y expandirlo a dispositivos más grandes, los diseñadores pueden construir interfaces que sean fáciles de entender. También hace que su interfaz sea un poco más en demanda.