Tendencias de diseño

El mundo digital es muy dinámico y los cambios en nuestro sitio web se pueden medir de forma inmediata, ya sea por un cambio significativo en las visitas, las opiniones de los visitantes en los comentarios, cambio en los backlinks, posteos en las redes sociales, etc.

En este momento el patrón de comportamiento de los sitios web de mayor prestigio en Internet, nos van dando la tendencia del diseño para los próximos meses. En este caso y debido a las recientes mejoras y cambios en la tecnología, estoy seguro que la tendencia del diseño web será para los próximos 2 años.

HTML5 y CSS3

La web semántica está teniendo cada vez más importancia en Internet y favorece notoriamente el trabajo de SEO. HTML5 al estar alineado y creado para el uso semántico es lo ideal.
HTML5 se está reproduciendo con una velocidad increíble en Internet. Todo diseñador y desarrollador Web debe comenzar a manejar esta nueva versión del lenguaje HTML, junto a los cambios que introducen CSS3 y a las APIs vinculadas.
Las claves pasan por comprender nuevas estructura semánticas, cambios en la manera de maquetar, utilización de audio y video con soporte nativo, mayor variedad de opciones para utilizar tipografías en la Web (de la mano de @fontface) y muchas características nuevas que se están haciendo un lugar en Internet.

Simplificación en el uso de los esquemas de color

La tendendia es a dejar un poco de lado el blanco y negro o de los tonos de gris y empezar a pensar en los colores primarios (verde, amarillo o rojo).
Utilizando dos o tres colores y trabajando con las sombras de cada uno de ellos para lograr una buena variedad y equilibrio en el diseño.

Diseño minimalista

La nueva tendencia es un diseño mucho más limpio, claro y minimalista. Esto no significa volver a los 90, sino dar un mejor uso al espacio para presentar mejor la idea del sitio. Transmitir mejor y de forma más clara el mensaje que queremos llegue a los visitantes.

Tipografía gigante

La utilización de fuentes grandes en negrita para llamar la atención y trasmitir con pocas palabras un mensaje claro y concreto.
Sin embargo, es muy importante mantener el equilibrio y la coherencia del diseño general del sitio.

Internet móvil

Con el auge y creciente proliferación de los smartphones, principalmente: iPhone y iPad, se ha dejado de lado el diseñar sitios web para altas resoluciones de pantalla y se ha vuelto de nuevo al esquema de los 960px. Y muchos diseñadores utilizan el sistema del 960 Grid.

Parallax Scrolling

El uso de parallax scrolling para generar una sensación de profundidad (seudo 3D) como efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando un espacio en tres dimensiones utilizando capas. Para implementarlo se pueden recurrir a trucos CSS3 o utilizar plugins jQuery como Spritely.
Su utilización puede ser más efectiva incluyéndolo como un elemento secundario en nuestro diseño , por ejemplo, como un encabezado o pie de página o como fondo de la misma.

Fondos con texturas, imágenes y animaciones.

La tendencia de utilizar texturas como fondo de los sitios web va tomando cada vez más fuerza, en el sentido de dar un contexto general de la idea y sentimiento que queremos trasmitir al visitante.
En el caso de imágenes, estas tendrán una resolución alta y abarcarán toda la página web. Evidentemente la foto de fondo debe ser de contenido apropiado puede incluirse un ligero efecto de transparencia para aumentar la armonía con los contenidos

Recuadros con bordes redondeados

Con la aparición de CSS3, se están cambiando los viejos recuadros, botones y fondos hechos con su antecesor CSS o con imágenes, para dar paso a la nueva tecnología, que no solo permite bordes redondeados para acompañar los diseños de los smartphones, sino que también un degrade y sombras en el color.

Pies de página grandes

Los pies de página de gran tamaño no son ninguna novedad, pero a partir del 2011 se encuentran aún más exagerados. Los pies de página del futuro serán cada vez menos un complemento y más de una parte integral del diseño. Los pies de página además de incluir la información corporativa o de contacto, incluirán información de redes sociales, tales como actualizaciones de los canales de diferentes medios de comunicación social, encuestas, imágenes, etc

Sitios web de una sola página

Gracias a la técnica de scrolling, cada vez es más frecuente encontrar sitios web de una sola página. Y con el uso de jQuery es muy fácil configurar el sitio para que se deslice arriba y abajo, o de izquierda a derecha, sin necesidad de cambiar de página. Con esto ganamos en tener toda la información disponible en un solo click. Aunque para mi gusto no es del todo recomendable, ya que se debe utilizar un afinado y meticuloso manejo de las imágenes para no degradar la performance del sitio.

Uso de nombres de dominios creativos

Aunque no se trata de una cuestión de diseño web, esperamos ver nombres de dominio más creativos. Un ejemplo de uso de un dominio ".me" para porfolios personales o blogs donde se pretende separar la identidad del autor de su marca corporativa

Contenido de calidad

Hoy el contenido es el Rey. Google premia con un mejor posicionamiento a los textos únicos y de calidad. Hay que focalizar nuestro esfuerzo en tener buenos contenido.

Social media

Las redes sociales marcan el termómetro de la Web. Ya no basta con el simple icono de Facebook, Google Plus y Twitter en nuestro sitio, hay que ir más allá.
Lograr una integración en tiempo real de los contenidos, optimizar la manera en que se generan y pensar cómo desarrollar herramientas que le ofrezcan al usuario una mejor experiencia en las redes sociales, un lugar donde pasan gran parte del tiempo en el que están en Internet.
El desarrollo de juegos para estas plataformas también es un nicho que se puede explotar con éxito para quienes tengan conocimientos en este campo.

Utilización de códigos QR (Quick Response)

Los códigos de barras QR, abreviatura de respuesta rápida, permitirán el acceso a nuestras páginas web mediante dispositivos móviles que puedan capturar con su cámara la imagen.

Uso de miniaturas para navegación

Introducida por Google, como tantas otras cosas…, existe la tendencia de utilizar miniaturas para facilitar la navegación por nuestro sitio web. Mediante tecnologías como Flash (ojo con los dispositivos), jQuery o AJAX, se puede mostrar una imagen en miniatura del destino de los enlaces.

Conexión permanente y Life Stream

Se prevé un mayor uso de life stream de mensajes, por ejemplo de Twitter, en blogs personales y porfolios.