Qué esperar del diseño web en 2016

¡2015 fue un año para recordar! Fueron doce meses desde el primer envío del Apple Watch hasta el aterrizaje del rover Mars, hasta el esperado lanzamiento de la próxima entrega de Star Wars (y la inevitable ola de spoilers que siguió). Pero a medida que nos acercamos al Año Nuevo, vale la pena nuestro esfuerzo y el tiempo para mirar hacia adelante, y pensar en el futuro de la industria del diseño web..

En el artículo del año pasado sobre qué esperar del diseño web en 2015, describí una lista de predicciones, muchas de las cuales me enorgullece decir que se han hecho realidad (la creciente popularidad de la creación de prototipos y el esbozo, “colecciones como interacción” y mucho más. más.) Como lo veo, este año nos va a dar menos cambio y más crecimiento. Echemos un vistazo a lo que viene en 2016..

Más diseño y crecimiento en vivo de IoT

En 2015, vimos el aumento continuo de herramientas de "experiencia en vivo" como Periscope y Meerkat. También fuimos testigos de la creciente popularidad de Slack. Plataformas como Producthunt y Reddit siguen siendo anfitrionas de AMA y discusiones en vivo. Todo esto sugiere una cosa muy importante para 2016: las aplicaciones y experiencias en tiempo real se están apoderando de todos los aspectos de los productos digitales, y eso tendrá un gran impacto en el diseño en cada etapa, incluido el diseño web..

El Internet de las cosas será parte de este crecimiento de los medios en tiempo real. Hemos visto nuevos productos conectados en el mercado para casi todos los sectores de negocios. 

El (por ahora, muy familiar) el termostato Nest

Organizar los datos que están creando estos dispositivos es un espacio abierto que deletrea "oportunidad". Un gran ejemplo del crecimiento de IoT se puede encontrar en Amazon Echo. 

El eco de amazon

Con el pedido de productos a pocas palabras de distancia, el Eco y los dispositivos similares están introduciendo una nueva forma de entender la conectividad ubicua entre nuestros diversos servicios, nuestros espacios físicos y nuestras interacciones.

Lo que no verás: IoT Adopción de bricolaje

Mira, estamos de acuerdo; La Raspberry Pi Zero a $ 5 es una cosa bastante impresionante. De hecho, estas computadoras de bolsillo manejadas por código abierto serán más baratas que nunca en 2016, superando a la línea "gratuita". 

Mmm Pi

Y, si bien eso aumentará los índices de adopción de estas pequeñas maravillas informáticas, no verás a todos tus vecinos conectando un montón de dispositivos con Arduino en todas sus casas..

Existen bastantes razones para esto, pero quizás la más importante es que la curva de aprendizaje requerida para hacer algo particularmente interesante con un Pi o Arduino o CHiP todavía es bastante desalentadora para el no desarrollador promedio. Sin mencionar que no son particularmente hermosos a la vista sin un trabajo de revestimiento adicional. IoT se adoptará primero a través de experiencias de usuario que sean accesibles para los no entrenados, con poca sobrecarga o curva de aprendizaje, como Nest o Philips Hue. Como siempre, el bricolaje seguirá siendo una pequeña facción de la población..

Mucho de la discusión de diseño político de los Estados Unidos

La elección de 2016 en los Estados Unidos será responsable de una gran cantidad de material de diseño impulsado políticamente y comentarios, tanto de los candidatos oficiales como de la comunidad de diseño. Las elecciones pasadas tuvieron mucho escrutinio de las decisiones de diseño en la contienda por el Presidente de los Estados Unidos, y solo podemos esperar que este nivel de interés aumente. La campaña de Barack Obama es conocida por su inteligencia predictiva digital y un poderoso equipo web, y es probable que los próximos candidatos presidenciales se apoyen en gran medida en el diseño basado en análisis para ganar la carrera.

Podemos esperar muchos logotipos rediseñados, materiales de campaña y comentarios sobre los forrajes de diseño de ambos lados de la carrera sobre las decisiones de diseño de los demás. El logotipo de Hilary Clinton ya ha recibido críticas mixtas, al igual que la de Jeb Bush, y las opiniones ciertamente continuarán fluyendo a medida que se acerca el día de las elecciones..

La realidad es que, si bien puede ver algunas leves actualizaciones de seguimiento desde ambos lados del pasillo, la apuesta más segura para los candidatos es mantenerse en tono para su audiencia. Esto es particularmente cierto para el candidato republicano, y es probable que si vemos mucha innovación o decisiones de diseño audaces, provengan de los candidatos más progresistas y liberales..

Lo que no verá: Instrucciones de diseño oficiales de los candidatos drásticamente diferentes

La verdad es que las decisiones de diseño de estas principales razas candidatas se toman principalmente con datos, no con integridad artística, como la justificación del diseño de conducción. Si bien será importante que los candidatos se mantengan comprometidos con los medios digitales en sus nuevas formas de una manera relevante, es poco probable que veamos una paleta de colores de neón fuera del Rojo Blanco y Azul al que ya estamos acostumbrados.. 

Esto supondría un alejamiento excesivo de lo que se espera de estos candidatos y puede alejar a las audiencias que no están listas para el cambio. ¿Quieres ver una versión no política de esto en acción? Ver facebook.com.

Importancia continua de JavaScript

Este año fue, en muchos sentidos, un año del Renacimiento para JavaScript. Vimos la adopción de ES6 por muchos proyectos muy importantes. Vimos el lanzamiento de React Native. También estamos viendo la cantidad de repositorios primarios de JavaScript que están creciendo en GitHub. Los grandes proyectos como el Visual Studio de código abierto de Microsoft tienen un gran soporte para JavaScript, y grandes empresas con grandes presupuestos y muchos recursos de desarrollo están apostando fuertemente por el futuro del lenguaje..

Lectura interesante: Resultados de la encuesta del desarrollador JavaScript

Lo que no verá: salida masiva desde PHP o Rails

Si bien es posible que JavaScript tenga un año aún más grande en 2016, no veremos una desviación masiva de las herramientas que los desarrolladores ya conocen y aman. Los lenguajes como Ruby, Python y PHP todavía tienen bases de usuarios sólidas y se están desarrollando activamente. En cambio, veremos la adopción de nuevas prácticas en estos idiomas y un aumento en el número de desarrolladores. ¿Algunas personas cambiarán a un entorno de desarrollo solo para JavaScript? Seguramente. ¿Será un éxodo masivo? Sin duda no.

Cinemagraphs se convertirá en moda

Si no sabes lo que es un cinemagraph, no estás solo, porque no son un tipo de medio fundamentalmente nuevo. De hecho, un cinemagraph es simplemente una imagen que está en su mayor parte inmóvil, excepto por una pequeña porción (normalmente solo un elemento) que anima en un bucle. Si viste alguna de las películas de Harry Potter, piensa en sus retratos familiares y periódicos.

Para el real Echa un vistazo a cinemagraph cinemagraphs.com

El cinemagraph no se hará famoso porque de repente me gusta este tipo de animación, sino más bien porque el iPhone y otras herramientas populares están facilitando su creación. Básicamente, un cinemagraph puede lograrse con varias imágenes, un solo GIF o un elemento de video. Crea una nueva forma de pensar acerca de las imágenes; En lugar de que las imágenes estáticas y el video sean nuestras dos únicas formas de representar el contenido capturado por la cámara, ahora también tenemos un "intermedio": el cinemagraph..

Otras lecturas:

  • Cinemagraphs: Cómo crear fotografías animadas en Adobe Photoshop
  • Edición de video en Adobe Photoshop

Lo que no verás: drásticamente menos video

Es probable que las cinematografías se conviertan en moda, pero ciertamente no reemplazarán el video. Como ya hemos mencionado, los cinemegraphs son una representación de medios fundamentalmente diferente. El video aún proporciona mucho más contenido en el mismo espacio. Es probable que veamos cinemegraphs como telones de fondo para el texto, donde el video crea problemas de legibilidad, pero la animación mínima controlada funciona bien.

video.envato.com

Relacionados: si está interesado en crear videos directamente desde su iPhone, consulte la reciente versión de la aplicación iOS de Envato Video.

Creciente Hype para la realidad virtual

El crecimiento de la realidad virtual comenzará con los juegos, se convertirá en video y, con el tiempo, se convertirá en un medio importante a considerar para cualquier experiencia digital. Cuando pensamos en la realidad virtual, a menudo descontamos los usos de una experiencia totalmente inmersa.. 

Samsung Gear VR

Sin embargo, la escala móvil de la realidad real a la realidad virtual supera muchos hitos importantes y muy poderosos en el camino, incluida la realidad aumentada. Si bien Google Glass no era necesariamente un factor decisivo, deberíamos esperar que la realidad virtual nos brinde nuevas formas de experimentar, por ejemplo:

  • Entornos de aprendizaje en el aula en línea
  • Explicaciones detrás de escena para películas, bandas e incluso entornos corporativos más tradicionales
  • Una conexión más estrecha entre pares con nuestras comunidades
  • Eventos de lanzamiento de productos, como Apple Keynotes

Si bien no necesariamente veremos una gran adopción generalizada de la realidad virtual este año, veremos un gran despliegue publicitario (y muchos proyectos de Kickstarter) que aumentarán el impulso para futuras iteraciones de diseño que incluyen consideraciones para productos como Google's Cardboard o Oculus Rift..

Lo que no verá: la estandarización del navegador para las API de VR

Los navegadores no estandarizarán las API de VR durante algunos años, ya que la tasa de adopción es significativamente más baja que la necesaria para una adopción generalizada, y la VR a nivel de navegador no será increíblemente útil en el próximo año. Los motores de juegos, por otro lado, probablemente tendrán las mejores prácticas de RV a finales de año..

Relacionados: Mozilla lanza A-Frame: sitios web compatibles con VR que comienzan con una línea de código

La animación como núcleo de habilidades

La animación ya se está convirtiendo en una parte importante del conjunto de habilidades para desarrolladores de aplicaciones para usuario, pero este año traerá más animación que nunca. La animación es necesaria para la naturaleza fluida del diseño que vemos en la mayoría de los productos hoy en día; la gente ya no piensa en términos de páginas, sino en términos de interfaces y patrones familiares. Debido a esto, la fuerza de un patrón aumenta cuando un usuario recibe indicaciones contextuales desde la propia interfaz. Una forma muy poderosa de comunicar una señal contextual es a través del movimiento; animación.

La demostración anterior está tomada de Agregar un atractivo a sus animaciones en la web por Donovan Hutchinson.

Lo que no verás: Nuevas habilidades de animación para CSS

Si bien CSS es muy poderoso, la API de animación no está programada para cambiar mucho en el próximo año. En cambio, es probable que se desarrollen herramientas en torno a la animación CSS para permitir un control más granular sobre aspectos de la animación, como la flexibilización. Más personas comenzarán a confiar en la animación solo para CSS (en lugar de recurrir a las bibliotecas de JavaScript), y debido a las limitaciones de la API, la comunidad de desarrollo probablemente construirá mejores herramientas para manejar animaciones complejas.

Elementos superpuestos, degradados saturados y grandes sombras

Esta es una tendencia muy simple: elementos superpuestos. Hemos visto a grandes líderes del diseño estético como Spotify adoptar esta tendencia, y parece que se está pegando. La tendencia del botón fantasma de 2015 se extenderá a los elementos que no se pueden hacer clic, y los elementos vacíos con contornos que se rompen, de lo contrario, aparecerán cuadros de restricción en todos los diseños. 

El texto se usará de manera similar: es probable que veamos un texto en negrita fuerte sobre las imágenes, pero las imágenes en sí y el texto en sí verán un cambio para adoptar la colorización y niveles de saturación mucho más altos.

Junto con las superposiciones, veremos los colores saturados en forma de grandes gradientes de barrido. Estos gradientes también vendrán acompañados de sombras muy grandes, no para reintroducir el skeuomorphism, sino simplemente para la profundidad estética. 

La popularidad de SVG seguirá creciendo

SVG como formato sigue creciendo en popularidad. Con más herramientas y casos de uso que nunca, veremos que SVG se convertirá en una tecnología mucho más adoptada en 2016. Esto traerá de manera efectiva un diseño más orientado a vectores, animación y elementos gráficos listos para retina en el diseño web que nunca antes. Otro efecto secundario podría ser sitios más ligeros, ya que el tamaño de un SVG es mucho más pequeño que su PNG equivalente, pero es poco probable que las imágenes, los videos y las fuentes (los culpables de las páginas pesadas) no vayan a ningún lado pronto..

Tiros largos

Un Transpiler de JavaScript basado en Swift o un Marco de Aplicación Web exitoso

Swift es de código abierto! El lenguaje que Apple lanzó para el desarrollo de iOS para reemplazar a Objective C ha sido oficialmente de código abierto. Es probable que esto genere muchas herramientas de código abierto, pero el lenguaje aún se utilizará principalmente para el desarrollo de iOS. Si bien es casi seguro que en algún momento habrá un transpiler de JavaScript a Swift (o, más probablemente, Swift a JavaScript), apuesto a que no se lanzará en una versión oficial hasta al menos 2017. Mire fuera de las versiones alfa y beta de estas herramientas este año, aunque!

Herramientas de edición de medios enriquecidas en el navegador

La edición de medios en algún momento se basará completamente en la nube. Hemos visto un fuerte apoyo a esta teoría, y tiene más sentido a largo plazo para nuestro mundo agnóstico del dispositivo. Pero no va a pasar este año. El ancho de banda es todavía demasiado limitado para la adopción masiva por parte de las principales empresas interesadas en este espacio; la mayoría de los usuarios no podrían realizar las acciones pesadas necesarias a través del cable que pueden realizar en su propia máquina.

A medida que la Internet por fibra óptica llega a las principales ciudades del mundo, este concepto se introducirá lentamente, pero la infraestructura física necesaria para que esto ocurra aún no está lista, y llevará más tiempo del que un año puede proporcionar..

Un tenedor de WordPress basado en JavaScript

Todos podemos soñar con el día en que JavaScript sea el lenguaje impulsor de la plataforma más popular de la web. Pero la probabilidad de que esto ocurra en el próximo año es baja; en su lugar, es muy probable que WordPress continúe trabajando en el eje central que lo hizo tan exitoso para comenzar: la instalación de 5 minutos basada en PHP.

Calypso para WordPress: el cliente de interfaz de administración lanzado a finales de 2015

Conclusión

Si bien este año hubo muchas iteraciones y oportunidades, 2016 será en gran medida un año de "más de lo mismo", con algunos pequeños cambios en la estética del diseño. Sin embargo, veremos muchos avances en los aspectos fundamentales de nuestros conjuntos de herramientas y mentalidades existentes que se incorporarán a 2017 y más allá. 2016 es la oportunidad perfecta para mirar hacia adelante, adoptar nuevas herramientas y buscar nuevos conocimientos sobre las herramientas que ya utiliza.