Estamos a poco más de la mitad de 2017, pero el mundo del diseño web se mueve bastante rápido, por lo que es un buen momento para dar un paso atrás y hacer un balance de las tendencias que han surgido hasta ahora.
En esta publicación, identificamos cinco de las principales tendencias que dominan el diseño web en este momento y dónde ir para obtener más información sobre cada tema.
Si hay un hilo que los une a todos, es la idea de que en 2017, como lo expresó Chris Coyier en este artículo, “No estamos construyendo páginas, estamos construyendo sistemas”.
En otras palabras, a medida que cosas como guías de estilo, sistemas de diseño y bibliotecas de patrones se vuelven más importantes que el diseño visual de páginas individuales, estamos viendo un cambio sísmico en lo que realmente implica el diseño web. Y estas cinco tendencias se pueden ver, de diferentes maneras, como parte de esa transición general.
01. La evolución de la IA
A medida que los chatbots se vuelven cada vez más sofisticados, la ‘inteligencia artificial estrecha’ se está convirtiendo en ‘inteligencia general artificial’
A lo largo de 2017, los principales medios de comunicación nos han bombardeado con historias sobre las geniales posibilidades de ciencia ficción de la IA. Pero no se trata solo del futuro. AI ya se ha abierto camino en el diseño web convencional, a través de tecnologías como interfaces de conversación (chatbots). De hecho, según la diseñadora de productos de eBay, Elaine Lee, es posible que ya esté utilizando IA en su trabajo diario sin siquiera saberlo …
Como explica en esta publicación, lo que se llama ‘inteligencia estrecha artificial’ (ANI) ya está trabajando duro para ayudar a los asistentes de voz como Google Home y Siri de Apple. También ejecuta tecnologías de recomendación para Amazon, Spotify y Netflix, sin mencionar los dispositivos domésticos inteligentes, los autos sin conductor y los chatbots.
- 8 tarjetas de visita brillantes de agencias de diseño
Y ella predice que los flujos de usuarios de si-esto-entonces-eso que los diseñadores web están creando para tales propósitos jugarán un papel clave en la evolución de la próxima etapa emergente de la IA: ‘inteligencia general artificial (AGI)’.
Nuestra reciente entrevista con el orador de Generate, Giles Colborne, amplía aún más esta interacción entre las IU conversacionales y la verdadera inteligencia artificial, o en términos simples: cómo aprenden los chatbots.
Mientras tanto, si desea obtener más información sobre cómo crear su propio chatbot, consulte nuestra publicación Cómo crear una interfaz de chatbot, Cómo diseñar una experiencia de chatbot y estos 5 recursos esenciales de aprendizaje de chatbot.
02. El cambio de imágenes a texto
La charla de Stuart Langridge ‘The UX of Text’ señala cómo el diseño web se está volviendo menos visual y más verbal
UX se ha centrado tradicionalmente en gran medida en el diseño visual de interfaces. Pero el aumento de las IU conversacionales significa que la nueva ola de aplicaciones está cada vez más centrada en el texto.
Desde Alexa de Amazon hasta Facebook Messenger, desde Telegram hasta Mastodon, los diseñadores web ahora tienen que centrarse mucho más en las palabras, y esa es una tendencia que solo aumentará con el paso del tiempo. Lo que esto significa es que, como Stuart Langridge explica en su charla The UX of Text: “No necesitamos artistas; Necesitamos poetas. Autores Wordsmiths.
Para mejorar su comprensión del uso de las palabras en UX, eche un vistazo a la lista de verificación de Guy Ligertwood Escritura de experiencia de usuario y cómo hacerlo, y Hacer que los chatbots hablen: escribir guiones de interfaz de usuario conversacionales paso a paso por Anna Kulawik y Cómo escribir para un bot por Paul Boutin.
03. El auge de CSS en JavaScript
Airbnb se encuentra entre los que han incorporado CSS en JavaScript a la corriente principal
En los últimos años, la creciente variedad de experiencias que los diseñadores web necesitan para crear ha llevado a un cambio de enfoque hacia JavaScript, y a una desconcertante variedad de nuevos marcos de JavaScript.
Mientras tanto, la idea de diseñar sus documentos dentro de JavaScript, principalmente impulsada por la comunidad React, también ha ido ganando ritmo, desde la presentación de Facebook de Christopher Cheadeau que describe los problemas que resuelve, hasta la lista de mejores prácticas de Airbnb para hacerlo bien.
Pero la idea misma de CSS-in-JS ha seguido siendo controvertida, con personas como Gajus Kuizinas cuestionando su uso (aunque sin decir que nunca debería hacerlo) y generando una discusión vigorosa en la sección de comentarios.
Si todavía no está seguro de qué manera de saltar, este reciente artículo de Mark Dalgleish hace un gran trabajo al tratar de reparar las barreras entre los entusiastas y los escépticos, y hay una charla relacionada de Mark en YouTube.
Mientras tanto, si solo desea una introducción básica de lo que se trata React, consulte esta publicación de Linton Ye, esta lista de recursos para su posterior estudio y este tutorial de Matt Crouch.
04. La explosión en herramientas de prototipos
Sketch43 ha cambiado el juego, pero otras herramientas de creación de prototipos están (cada vez más) disponibles
Desde el surgimiento de Sketch en los últimos años, ha habido una fiebre del oro para capturar los corazones y las mentes de los diseñadores web con nuevas herramientas para ayudarlos a crear prototipos de sitios web, aplicaciones y otras interfaces.
En 2017, parece que no ha pasado un día sin una nueva aplicación, herramienta o función de InVision, Adobe XD, Figma, Axure, Marvel, Vectr y otros. Y eso incluye Sketch en sí, cuya actualización de formato de archivo abierto, Sketch 43, ha sido un verdadero cambio de juego. (Puede obtener más información al respecto en esta guía).
En general, la diversidad de herramientas de creación de prototipos es una gran noticia para los diseñadores web, pero puede ser un poco abrumadora. Si tiene problemas para determinar cuál es el mejor para usted, consulte la guía rápida y fácil de Chris Thelwell para elegir la herramienta de creación de prototipos adecuada.
05. Android está ganando
Android finalmente ha superado a Windows como el sistema operativo favorito del mundo
Desde que tenemos memoria, Windows ha sido el sistema operativo dominante para las personas que acceden a la web. No más. En abril de este año, Android superó a Microsoft por primera vez en términos de uso total de Internet en computadoras de escritorio, portátiles, tabletas y dispositivos móviles combinados.
Android, que tenía solo el 2,4 por ciento de la cuota de uso global de Internet hace solo cinco años, alcanzó las alturas vertiginosas del 37,93 por ciento de la cuota de mercado, lo que lo situó ligeramente por delante de Windows (37,91 por ciento) por primera vez.
Esto no debería ser una verdadera sorpresa para la comunidad de diseño web, que ha reconocido la importancia del diseño móvil primero durante muchos años. Pero sigue siendo una llamada de atención para cualquiera que pueda hacer que el desarrollo de su sitio web sea más amigable con los teléfonos inteligentes de lo que son actualmente.
Eso es en parte un problema técnico, por supuesto, y si necesita un repaso, le recomendamos que consulte estas guías para el diseño web receptivo y la creación de aplicaciones web progresivas.
Pero también se trata de considerar cómo las personas realmente usan su sitio web en un teléfono inteligente y qué tipo de información buscarán. El resumen de Pamela Pavliscak de 10 Comportamientos móviles y Cómo diseñar para ellos es un buen lugar para comenzar con eso.
Coulee Creative 
Robby Leonardi 
Observe cómo estos gráficos no lo abruman al acumular un montón de información en un espacio pequeño. Las imágenes salen a la vista, lo que es atractivo y también se utilizan para hacer un punto, mientras que muchos diseños tienen imágenes que se ven bien, pero son irrelevantes. 
