7 tendencias de diseño web que realmente verá este año (y cómo sobrevivir a ellas)

Es la época del año en que cada bloguero de la Web saca una bola de cristal, desempolva las cartas del tarot y pasa horas mirando fijamente las tazas de té en un esfuerzo por predecir las tendencias para el próximo año.

Las listas resultantes generalmente varían en plausibilidad desde lo absolutamente cierto (Apple lanzará un nuevo dispositivo) hasta lo absolutamente inverosímil (será un televisor).

La verdad es que es extremadamente raro que alguna tendencia llegue de la nada. Si observa con atención, verá que las raíces de todas las tendencias importantes del próximo año comienzan a desarrollarse en 2013 (o antes). Si bien es posible que un concepto realmente revolucionario se popularice, es mucho más probable que 2014 sea un año de pequeñas ganancias incrementales, inspiradas o en respuesta a un desarrollo tecnológico constante.

El futuro del diseño web ya es evidente, solo tenemos que mirar hacia atrás para verlo. Aquí hay 7 predicciones para 2014 que ya están demostrando ser ciertas, y cómo puede sobrevivirlas.

1) El declive de :flotar

La :flotar La pseudoclase en CSS es uno de los conceptos de diseño más originales de la Web. Estrechamente vinculado con el cursor, indica cuándo una persona está considerando hacer clic en un elemento y les anima a hacerlo. Sin embargo, como los dispositivos que carecen de un cursor continúan inundando el mercado, la utilidad de :flotar es cada vez más cuestionable.

Recientemente, escuché una conversación en la que un diseñador argumentó que el uso de: hover era en realidad una mala práctica, ya que alentaba a los diseñadores de UX a pensar en términos que la mayoría de los usuarios finales no experimentarían (es decir, navegar con un cursor). Ciertamente, los efectos de desplazamiento interesantes aparecen cada vez menos en los sitios nuevos.

Consejo de supervivencia: Si bien es cierto que los usuarios de dispositivos móviles probablemente superarán a los usuarios de computadoras de escritorio durante los próximos 12 meses, el porcentaje de usuarios de computadoras de escritorio seguirá siendo de dos cifras. Hemos diseñado para plataformas, IE7 por ejemplo, con mucha menos participación de mercado. Móvil primero no significa escritorio nunca, y :flotar se degrada con gracia. Entonces para mi :flotar todavía tiene una ranura en la caja de herramientas; simplemente no uno de misión crítica.

2) jQuery pierde cuota de mercado

Cuando llegó por primera vez a la escena, jQuery fue una revelación. Todavía me sorprende lo simple que es manipular elementos DOM sobre la marcha, y no solo en un navegador, ¡sino en todos ellos!

jQuery es justificadamente una de las bibliotecas más populares de todos los tiempos, y para muchas personas se ha convertido en sinónimo de JavaScript, con sitios construidos en “HTML, CSS y jQuery”.

Sin embargo, jQuery no está exento de críticos y las voces de disensión se hicieron más fuertes a lo largo de 2013. La principal objeción a jQuery es que es grande. Aunque la versión 2.0 ha dejado de ser compatible con IE 6, 7 y 8, todavía es un archivo grande para cargar; especialmente en sitios móviles. La solicitud http adicional y el kb adicional es un precio considerable a pagar por algo simple, como una interpolación de opacidad.

Cada vez más personas se están dando cuenta de que JavaScript vanilla es más rápido y más eficiente para cualquier otra cosa que no sea una gran cantidad de manipulación DOM (cuando jQuery realmente sobresale).

Es poco probable que jQuery desaparezca pronto, es una biblioteca demasiado buena para eso, pero el dominio del mercado que ha disfrutado durante los últimos dos o tres años está empezando a decaer.

Consejo de supervivencia: Dedique algún tiempo a conocer el lenguaje detrás de jQuery; averiguar como document.getElementById () obras. Puede sorprenderse con la cantidad de JavaScript vanilla que ya comprende, y su capacidad para usar jQuery también mejorará.

3) La muerte de la web móvil

Gran parte del panorama del diseño web se compone de las actitudes, modas y prejuicios de los diseñadores web; la web móvil estaba condenada al fracaso el día en que alguien la sugirió como una alternativa al diseño receptivo.

La web móvil es cualquier sitio web diseñado para funcionar exclusivamente en un dispositivo móvil, generalmente un teléfono inteligente, que normalmente se ejecuta en paralelo con un sitio de escritorio. En otras palabras, dos sitios web. También puede colgar un letrero de ‘Mejor visualización en un monitor de 1024 x 768’ en su página de inicio.

Por supuesto, existen buenos argumentos para ejecutar varios sitios para algunas empresas, sobre todo porque nuestro caso de uso varía; el ejemplo clásico es un sitio de restaurante, donde los usuarios de escritorio probablemente quiere ver el menú y los usuarios de dispositivos móviles probablemente quieren indicaciones para llegar al negocio. Pero todo eso se ha perdido en la loca carrera por adoptar la mentalidad de diseño receptivo de un solo sitio para todos, especialmente porque las situaciones del mundo real que justifican múltiples sitios son pocas y distantes entre sí.

Consejo de supervivencia: Considere desarrollar varios sitios si hay una buena razón para creer que los usuarios se beneficiarán de diferentes contenidos en diferentes dispositivos, pero trátelos como micrositios. Y, por supuesto, asegúrese de que cualquier sitio que cree sea receptivo (la variedad de tamaños de pantalla móvil seguirá aumentando este año).

4) El regreso de los medios enriquecidos

Cuando Flash cayó en picada, se llevó no solo la posición inexpugnable de Adobe en el mercado, sino también la moda para cualquier cosa similar a Flash.

Los clientes, que no estaban seguros de qué era exactamente lo malo de Flash, rechazaron todo lo que fuera Flash, flash o llamativo. Siguieron unos breves años de moderación, con diseñadores que adoptaron un diseño mínimo y clientes que aceptaron facturas más pequeñas.

Fue muy temprano en 2013 cuando las cosas empezaron a cambiar, y el creciente amor por las imágenes de pantalla completa, la animación de texto, las transiciones de página y los sitios de una sola página ha seguido creciendo a un ritmo.

La increíblemente escasa calidad del video HTML5 hizo que los rich media retrocedieran un par de años, pero 2014 será el año que cambiará.

Consejo de supervivencia: Haga su lema «El hecho de que pueda, no significa que deba». Aprenda de los errores del pasado utilizando medios enriquecidos de manera que mejoren los proyectos y siempre enfóquese en reducir los tiempos de carga.

5) El contenido perderá su corona

El viejo adagio de que «el contenido es el rey» está justificado por las clasificaciones de Google, los fundamentos del diseño y las prioridades del cliente.

Sin embargo, la marcha interminable de CMS como WordPress, SquareSpace, Webydo y Drupal significa que los diseñadores se encuentran cada vez más diseñando no solo para contenido que no tienen, sino para contenido que cambiará de forma regular.

El contenido a menudo se finaliza muchos meses después de que la agencia de diseño web se haya trasladado a nuevos pastos, y aunque esto solo puede ser malo para el diseño, la buena noticia es que los clientes entienden cada vez más la Web como un proyecto en curso, uno que requiere tanto mantenimiento regular y gestión profesional.

Consejo de supervivencia: Con contenido en un estado de cambio permanente, el nuevo monarca es la marca. No solo marca visual, sino tono de voz, estilo, lenguaje y calidad. Sea flexible con su enfoque y céntrese en diseñar sistemas, no en páginas fijas. Los sitios web ahora deben diseñarse de manera receptiva, no solo para una variedad de dispositivos, sino para una variedad de contenido.

6) Google nos quitará la alfombra (de nuevo)

Cambiar su algoritmo un viernes por la noche parece ser algo que el equipo de Mountainview hace cada vez que creen que son los únicos que trabajan el fin de semana. Más de un diseñador web llegó a su escritorio el lunes por la mañana para descubrir informes de los sitios de los clientes, anteriormente en el número 1 en Google, languideciendo en la página 8357 de 8358. Es una maravilla que Google aún no haya nombrado una actualización como ‘Hyena’.

No hay razón para pensar que 2014 será diferente a 2013 o 2012 en este frente.

Consejo de supervivencia: Google sigue aconsejando lo mismo: escribe buen contenido original dirigido a humanos, no a bots. Si ha esquivado una bala hasta ahora, no crea que seguirá teniendo suerte. Ahora es el momento de asegurarse de que su SEO sea completamente blanco. La gran noticia de este año es el SEO local, así que centra tu contenido en ese frente.

7) SVG (finalmente) despegará

He estado prediciendo que SVG despegará durante años, y constantemente se ha demostrado que estoy equivocado. Pero 2014 será el año de SVG, todo gracias a nuestro amor por los íconos.

En los últimos 12 meses, la Web se ha visto cada vez más asediada por iconos. Donde antes reinaba el texto, ahora tenemos íconos. Incluso el pequeño y útil «menú» para indicar la navegación en las pantallas de los dispositivos móviles ha sido reemplazado por un oscuro icono de hamburguesa que ocupa exactamente la misma cantidad de espacio y es menos transparente.

Sí, es posible utilizar fuentes de iconos, pero ¿por qué lo haría, cuando una pequeña cantidad de código ofrece los mismos resultados sin la necesidad de cargar un archivo de fuentes de iconos voluminoso?

SVG también resuelve el problema de la imagen receptiva; Es cierto que las imágenes adaptadas a un formato vectorial son más limitadas que las de mapa de bits, pero la popularidad del diseño plano y la moda de las ilustraciones simples en bloques de color crean el entorno perfecto para que SVG se establezca y se desarrolle en 2014.

Consejo de supervivencia: Intente exportar algunos archivos SVG desde una aplicación de dibujo y luego eche un vistazo al código. Es genial que haya aplicaciones de imágenes que crearán SVG para ti, pero un verdadero maestro comprende sus herramientas; aprenda a codificar manualmente SVG y obtendrá los beneficios a lo largo de 2014 y en el futuro.

¿Qué tendencias cree que se desarrollarán en 2014? ¿Crees que sucederá algo revolucionario? Háganos saber sus pensamientos en los comentarios.

Imagen destacada / miniatura, imagen de predicción a través de Shutterstock.