Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Industry
Webdesign

Qué esperar del diseño web en 2016

by
Length:LongLanguages:

Spanish (Español) translation by CYC (you can also view the original English article)

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

En el artículo del año pasado sobre qué esperar del diseño web en 2015, esbocé una lista de predicciones, muchas de las cuales me enorgullece decir que se han hecho realidad (la creciente popularidad de prototipos y Sketch, "colecciones como interacción", y mucho más.) Según lo veo, este año nos dará menos cambios y más crecimiento. Echemos un vistazo a lo que vendrá en 2016.

Más diseño de "Live-Now" y crecimiento 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 continúan albergando AMA y debates en vivo. Todo esto sugiere una cosa muy importante para 2016: las aplicaciones y las experiencias en tiempo real se están haciendo cargo de cada aspecto 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 va a ser parte de este crecimiento de los medios en tiempo real. Hemos visto nuevos productos de conexión entrar en el mercado para casi todos los sectores de negocios.

El (ahora, muy familiar) Nest Thermostat

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

El Amazon Echo

Con el pedido de productos a unas pocas palabras de distancia, el Echo y dispositivos como este nos abren una nueva forma de entender la conectividad ubicua entre nuestros diversos servicios, nuestros espacios físicos y nuestras interacciones.

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

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

Mmm Pi

Y, aunque eso aumentará las tasas de adopción de estas pequeñas maravillas informáticas, no verás a todos tus vecinos conectando un montón de gadgets con Arduino en todas sus casas.

Hay 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 sigue siendo bastante intimidante para el no desarrollador. Sin mencionar que no son particularmente bellos para mirar sin un trabajo de revestimiento adicional. IoT se adoptará primero a través de experiencias de usuario accesibles para personas sin formación, con poca sobrecarga o curva de aprendizaje, como Nest o Philips Hue. Como siempre, DIY seguirá siendo una pequeña facción de la población.

Un montón de debate sobre diseño político en EE. UU.

La elección de los EE.UU de 2016 será responsable de una gran cantidad de material de diseño y comentarios de orientación política, tanto de los candidatos oficiales como de la comunidad de diseño. Las últimas elecciones fueron objeto de un gran escrutinio de las decisiones de diseño en la carrera 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 la inteligencia predictiva digital y un poderoso equipo web, y los próximos candidatos presidenciales probablemente dependerán mucho del diseño analítico para ganar la carrera.

Podemos esperar una gran cantidad de logotipos rediseñados, materiales de campaña y comentarios sobre el diseño de forraje de ambos lados de la carrera sobre las decisiones de diseño de los demás. El logotipo de Hilary Clinton ya recibió críticas mixtas, al igual que el de Jeb Bush, y las opiniones seguirán fluyendo a medida que se acerque el día de las elecciones.

La realidad es que, si bien es posible que vea algunas pequeñas actualizaciones de tendencias de ambos lados del pasillo, la apuesta más segura para los candidatos es mantener el tono de su audiencia. Esto es particularmente cierto para el candidato republicano, y es probable que si vemos mucha innovación u opciones de diseño audaces, provengan de los candidatos más progresistas y liberales.

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

La verdad es que las decisiones de diseño de estas grandes carreras candidatas se hacen principalmente con datos, no con integridad artística, como la justificación del diseño motor. Si bien será importante que los candidatos se mantengan comprometidos con los medios digitales en sus formas más novedosas de una manera relevante, es poco probable que veamos una paleta de colores de neón que caiga fuera del rojo blanco y azul al que ya estamos acostumbrados.

Esto sería una desviación demasiado grande de lo que se espera de estos candidatos, y puede alejar a audiencias que no están preparadas para el cambio. ¿Quieres ver una versión no política de esto en acción? Mira Facebook.com.

La importancia continua de JavaScript

Este año fue, en muchos aspectos, un año renacentista 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 crecen en GitHub. Los grandes proyectos como Visual Studio de código abierto de Microsoft tienen un fuerte soporte para JavaScript, y las grandes compañías con grandes presupuestos y muchos recursos de desarrollo están apostando fuertemente por el futuro del lenguaje.

Lectura interesante:Resultados de la encuesta para desarrolladores de JavaScript

Lo que no verás: Salida masiva desde PHP o Rails

Si bien es posible que JavaScript tenga un año aún mayor 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 aún tienen bases de usuarios sólidas y se están desarrollando activamente. En su lugar, veremos la adopción de nuevas prácticas en estos idiomas, y un crecimiento en el número de desarrolladores. ¿Algunas personas cambiarán a un entorno de desarrollo solo para JavaScript? Seguramente. ¿Será un éxodo masivo? Ciertamente no.

El cinemagraphs se convertirá en moda

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

Para el cinemagraph real echa un vistazo a cinemagraphs.com

El cinemagraph no se hará famoso porque de repente nos gusta este tipo de animación, pero más bien porque el iPhone y otras herramientas populares están haciendo que estos sean más fáciles de crear. Fundamentalmente, un cinemagraph se puede lograr con múltiples 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:

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

Los cinemegrafos probablemente se pondrán de moda, pero ciertamente no reemplazarán el video. Como ya hemos mencionado, los cinemógrafos son una representación de medios fundamentalmente diferente. El video todavía proporciona mucho más contenido en el mismo espacio. Es probable que veamos cinemagraphs como telones de fondo para texto, donde el video crea problemas de legibilidad, pero la animación mínima controlada funciona bien.

video.envato.com

Relacionado: Si estás interesado en crear videos directamente desde tu iPhone, consulta el reciente lanzamiento de la aplicación iOS de Envato Video.

Creciente para la realidad virtual

El crecimiento de la realidad virtual comenzará con el juego, crecerá en video y eventualmente 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 completamente inmersa.

Samsung’s Gear VR

Sin embargo, la escala móvil de la realidad real a la realidad virtual transmite muchos hitos importantes y muy poderosos en el camino, incluida la realidad aumentada. Si bien Google Glass no fue necesariamente un obstáculo para el espectáculo, deberíamos esperar que VR nos brinde nuevas formas de experimentar, por ejemplo:

  • Entornos de aprendizaje en clase virtuales
  • Explicaciones detrás de escena para películas, bandas e incluso entornos corporativos más tradicionales
  • Una conexión más cercana de igual a igual con nuestras comunidades
  • Eventos de lanzamiento de productos, como las Keynotes de Apple

Si bien no necesariamente veremos una gran adopción generalizada de la realidad virtual este año, veremos una exageración cada vez mayor (y muchos proyectos de Kickstarter) que generarán impulso para futuras iteraciones de diseño que incluyen consideraciones para productos como Cardboard de Google u Oculus Rift.

Lo que no verás: Estandarización del navegador para API VR

Los navegadores no estandarizarán las API de VR durante algunos años, ya que la tasa de adopción es significativamente menor de lo necesario 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 juego, por otro lado, probablemente tengan buenas prácticas de realidad virtual bien establecidas para fin de año.

Relacionado: Mozilla lanza  A-Frame: Sitios web con capacidad VR que comienzan con una línea de código

Animación como un conjunto de habilidades básicas

La animación ya se está convirtiendo en una parte importante del conjunto de habilidades de desarrollador front-end, 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 actuales; 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 señales contextuales de la interfaz. Una forma muy poderosa de comunicar una entrada contextual es a través del movimiento; animación.

La demostración anterior está tomada de Agregar llamadas a tus 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 detallado sobre aspectos de la animación, como el suavizado. Más personas comenzarán a confiar en la animación solo de CSS (en lugar de recurrir a bibliotecas de JavaScript), y debido a las limitaciones de la misma API, la comunidad de desarrollo probablemente construirá mejores herramientas para manejar animaciones complejas.

Elementos superpuestos, degradados saturados y sombras grandes

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 estarse 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 líneas que rompen los cuadros que de otro modo serían restrictivos se mostrarán en todos los diseños.

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

Junto con las superposiciones, veremos los colores saturados en forma de gradientes amplio. Estos degradados 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 continuará creciendo

SVG como formato continúa creciendo en popularidad. Con más casos de herramientas y uso que nunca, veremos que SVG se convertirá en una tecnología mucho más adoptada en 2016. Esto atraerá más elementos gráficos, de diseño vectorial, animación y retina listos para vector 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 esto es poco probable ya que las imágenes, los videos y las fuentes (los culpables de páginas pesadas) no van a desaparecer en el corto plazo.

Planos largos

Un exitoso Transpiler JavaScript  basado en Swift o Web App Framework

¡Swift es de código abierto! El lenguaje que Apple lanzó para el desarrollo de iOS y así reemplazar Objective C ha sido oficialmente abierto. Es probable que esto impulse muchas herramientas de código abierto, pero el lenguaje aún se usará principalmente para el desarrollo de iOS. Aunque seguramente habrá un transpondedor de JavaScript a Swift (o, más probablemente, de Swift a JavaScript) en algún momento, estoy apostando a que no se lanzará en una versión oficial hasta al menos 2017. Sin embargo, ¡ten cuidado con las versiones alfa y beta de estas herramientas este año!

Herramientas enriquecidas que te permitirán editar medios en el navegador

La edición de medios en algún momento estará basada completamente en la nube. Hemos visto un fuerte apoyo para esta teoría, y tiene más sentido a largo plazo para nuestro mundo independiente del dispositivo. Pero no sucederá este año. El ancho de banda sigue siendo demasiado limitado para la adopción masiva por parte de grandes empresas con interés 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 Internet llega a las principales ciudades de todo el mundo, este concepto se introducirá lentamente, pero la infraestructura física necesaria para que esto suceda todavía no está lista, y tomará más tiempo de lo que un año puede brindar.

Una bifurcación de WordPress basada 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 suceda en el próximo año es baja; en su lugar, WordPress probablemente continuará trabajando en el eje central que lo hizo tan exitoso para empezar: 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 fue testigo de muchas iteraciones y posibilidades, 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 un gran progreso en aspectos fundacionales de nuestros conjuntos de herramientas y mentalidades existentes, que alimentarán el 2017 y más allá. 2016 es la oportunidad perfecta para mirar hacia delante, adoptar nuevas herramientas y buscar nuevos conocimientos sobre las herramientas que ya usas.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.