Es la época del año en que cada blogger en 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 las absolutamente ciertas (Apple lanzará un nuevo dispositivo) hasta lo absolutamente inverosímil (será un televisor).
La verdad es que es extremadamente raro que una tendencia llegue de la nada. Si miras detenidamente, verás que las raíces de cada tendencia importante en el próximo año comenzarán a desarrollarse en 2013 (o antes). Si bien es posible que se popularice un concepto genuinamente revolucionario, es mucho más probable que 2014 sea un año de pequeñas ganancias incrementales, inspirado o en respuesta al constante desarrollo tecnológico.
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 puedes sobrevivirlas.
La pseudoclase de flotación en CSS es uno de los conceptos de diseño más originales en la Web. Estrechamente vinculado con el cursor, indica cuándo una persona está considerando hacer clic en un elemento, y lo alienta a hacerlo. Sin embargo, como los dispositivos que carecen de 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, navegando con un cursor). Ciertamente, los interesantes efectos de desplazamiento están apareciendo 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 en los próximos 12 meses, el porcentaje de usuarios de computadoras de escritorio seguirá siendo de dos dígitos. Hemos diseñado para plataformas, IE7, por ejemplo, con mucho menos cuota de mercado. Móvil primero no significa escritorio, nunca, y : el elemento se degrada graciosamente. Entonces, para mí ,: flotar aún tiene una ranura en la caja de herramientas; simplemente no es uno de misión crítica.
Cuando llegó por primera vez a la escena, jQuery fue una revelación. Todavía estoy constantemente sorprendido de lo fácil 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 deja de tener críticas y las voces de la disidencia crecieron a lo largo de 2013. La principal objeción a jQuery es que es grande. Aunque la versión 2.0 ha perdido soporte para 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 para pagar algo simple, como una interpolación de opacidad.
Cada vez más personas se dan cuenta de que el JavaScript simple 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 se disfruta en los últimos dos o tres años está empezando a desvanecerse.
Consejo de supervivencia: dedique un tiempo a conocer el lenguaje detrás de jQuery; Descubre cómo funciona document.getElementById () . Puede sorprenderse con la cantidad de JavaScript que usted ya entiende, y su capacidad para usar jQuery también mejorará.
Gran parte del paisaje del diseño web se compone de las actitudes, las modas y los prejuicios de los diseñadores web; la web móvil estaba condenada el día en que alguien la sugirió como 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 podría colgar un cartel de 'Mejor visto en un monitor 1024 x 768' en su página de inicio.
Por supuesto, existen buenos argumentos para ejecutar sitios múltiples 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 computadoras de escritorio probablemente quieran ver el menú y los usuarios de dispositivos móviles probablemente quieran indicaciones para llegar al sitio. negocio. Pero todo eso se ha perdido en la loca carrera por adoptar la mentalidad de un solo sitio para el diseño receptivo, especialmente porque las situaciones del mundo real que justifican varios sitios son pocas y distantes.
Sugerencia de supervivencia: considere desarrollar sitios múltiples si hay una buena razón para creer que los usuarios se beneficiarán de diferentes contenidos en diferentes dispositivos, pero trátelos como micro sitios. Y, por supuesto, asegúrese de que cualquier sitio que cree sea receptivo (la variedad de tamaños de pantallas móviles continuará aumentando este año).
Cuando Flash se lanzó al vacío, le llevó no solo la posición de mercado inalcanzable de Adobe, sino también la moda para cualquier cosa similar a un flash.
Los clientes, que no estaban seguros de qué era lo malo de Flash, rechazaron cualquier cosa Flash, flash o llamativo. Siguieron unos breves años de restricción, con diseñadores que adoptan un diseño mínimo y clientes que aceptan facturas más pequeñas.
Fue a principios de 2013 cuando las cosas comenzaron a cambiar, y el amor creciente de las imágenes de pantalla completa, la animación de texto, las transiciones de página, los sitios de una sola página ha seguido creciendo al ritmo.
La increíblemente subestimada calidad de los videos HTML5 devolvió los medios enriquecidos en un par de años, pero 2014 será el año que cambiará.
Consejo de supervivencia: Haga su lema "Solo porque puedo, no significa que deba hacerlo". Aprende de los errores del pasado mediante el uso de medios enriquecidos de manera que mejore los proyectos y siempre concéntrate en mantener los tiempos de carga bajos.
El viejo adagio de que "el contenido es el rey" se justifica por los rankings de Google, los fundamentos del diseño y las prioridades de los clientes.
Sin embargo, la marcha sin fin de CMS como WordPress, SquareSpace, Webydo y Drupal significa que los diseñadores se están encontrando diseñando cada vez más, no solo para el contenido que no tienen, sino también para el contenido que cambiará de forma regular.
El contenido a menudo se finaliza muchos meses después de que la agencia de diseño web haya pasado a pastos nuevos, y aunque esto solo puede ser malo para el diseño, la buena noticia es que los clientes cada vez entienden más la Web como un proyecto en curso, que requiere tanto mantenimiento regular y gestión profesional.
Consejo de supervivencia: con el contenido en un estado de flujo permanente, el nuevo monarca es la marca. No solo marca visual, sino tono de voz, estilo, idioma y calidad. Sea flexible con su enfoque y concéntrese en el diseño de sistemas, no en páginas fijas. Ahora, los sitios web deben diseñarse de manera receptiva, no solo para una variedad de dispositivos, sino también para una variedad de contenido.
Cambiar su algoritmo un viernes por la noche parece ser algo que el equipo de Mountainview hace cada vez que piensan que son los únicos que trabajan el fin de semana. Muchos diseñadores web han llegado a su escritorio el lunes por la mañana para descubrir informes de sitios de clientes, previamente 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 'Hiena'.
No hay ninguna razón para pensar que 2014 será diferente a 2013 o 2012 en este frente.
Sugerencia de supervivencia: Google continúa aconsejando lo mismo: escriba un buen contenido original dirigido a humanos, no a bots. Si has esquivado una bala hasta ahora, no creas que seguirás siendo afortunado. Ahora es el momento de asegurar que su SEO sea completamente blanca. La gran novedad de este año es el SEO local, así que concéntrate en tu contenido.
He estado prediciendo que SVG despegará durante años, y sistemáticamente estoy demostrado que estoy equivocado. Pero, 2014 será el año de SVG, todo a nuestro amor por los íconos.
En los últimos 12 meses, la Web ha sido asediada cada vez más por íconos. Donde una vez reinó el texto, ahora tenemos iconos. Incluso el pequeño y útil "menú" para indicar la navegación en las pantallas móviles ha sido reemplazado por un icono de hamburguesa oscuro que ocupa exactamente la misma cantidad de espacio y es menos transparente.
Sí, es posible utilizar fuentes tipo icono, 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 fuente de icono 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 el mapa de bits, pero la popularidad del diseño plano y la moda de las ilustraciones simples en color de bloque crea el entorno perfecto para SVG para establecerse y desarrollarse en 2014.
Sugerencia 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 entiende sus herramientas; aprenda a codificar manualmente SVG y obtendrá beneficios a lo largo de 2014 y en el futuro.
¿Qué tendencias ve desarrollando en 2014? ¿Crees que algo revolucionario sucederá? Háganos saber sus pensamientos en los comentarios.
Imagen / miniatura destacada, imagen de predicción a través de Shutterstock.