Rimay

11 Tendencias de Diseño Web para 2011

Incluimos el resumen del artículo publicado por Jacqueline Thomasen WDL en el que analiza las tendencias que, presumiblemente, van a dominar eldiseño web durante este año 2.011.
1. Mayor utilización de CSS3 + HTML5 frente a Flash
Aunque no se trate de un enfrentamiento, coincidimos en que hay suficiente espacio para ambos en 2011. El problema reside enel uso que se le da a la tecnología de Adobe. Consideramos, como la autora del artículo que hoy en día no se justifica la construcción de un sitio completo en Flash, entre otras cosas, por temas de optimización y SEO. En otros artículos ya hemos comentado asuntos a este respecto (“Flash vs HTML: un estudio y un artículo de interés“, “Contenidos Flash vs Posicionamiento en buscadores“, entre otros).En la actualidad, mediante HTML5, podemos resolver parte de los elementos para los que, tradicionalmente, hemos utilizado Flash, aunque, todavía, con este nuevo estándar nos se pueden aplicar ciertas soluciones de diseño e interactividad que podemos lograr a través de Flash.
Por otra parte, las nuevas funcionalidades que nos ofrece CSS3 nos permiten ir dejando a un lado ciertos solucionesgráficas para las que antes exclusivamente necesitábamos imágenes: degradados, sombras, bordes redondeados de elementos gráficos, transformaciones, etc.
Sin duda este es el año en que debemos introducirnos en el uso intensivo de este tipo de tecnologías de desarrollo web.
2. Simplificación en el uso de los esquemas de color
Aquí se nos propone “olvidarnos del blanco y negro o de los tonos de gris yempezar a pensar en los colores primarios (verde, amarillo o rojo) utilizando dos o tres colores y trabajando con las sombras de cada color para la generar variedad”.
Bueno, esto va en gustos… Yo, particularmente, me sigo decantando por lo primero. En cualquier caso, aquí tenéis “los diéz colores más utilizados en diseño web“.
Estos son los dos ejemplos que incluyen en el artículo original parajustificar este tipo de diseños con esquemas de colores primarios:

Uso de tonos verdes crear esta herramienta de visualización de Twitter (XHTML / CSS y Javascript).

Ejemplo de utilización correcta de tonos rojos para no originar un efecto irritante
3. Internet móvil
El auge de los dispositivos móviles (smartphones, iPads, netbooks, etc., etc.) hará necesario tener en cuenta diversasconsideraciones a la hora de desarrollar nuestros diseños web a este tipo de soportes (se prevé que en el 2.011 se vendan más dispositivos de este tipo que ordenadores personales). Entre otras consideraciones de diseño web para dispositivos móviles, se debería extender el uso de múltiple viewports para acomodar nuestros desarrollos a los distintos dispositivos.
En este tipo de desarrollos podemosapoyarnos en CSS3 y HTML5, tomando aun más fuerza la tendencia de su uso. Por otra parte, en el diseño web para móviles no está demás incluir la opción de visitar el sitio original.
4. Parallax Scrolling
El uso de parallax scrolling está en la línea de sustituir Flash por otras tecnologías que permitan incluir efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando unespacio en tres dimensiones utilizando capas. Para implementarlo se pueden recurrir a trucos CSS 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.

Ejemplo del uso de parallax scrolling en el diseño de fondo de páginas web

Ejemplo deluso de parallax scrolling utilizando únicamente CSS y HTML desarrollado por Roman Cortes (http://www.romancortes.com)
5. Diseño para pantallas táctiles
Otra tendencia que deberemos asumir es la utilización intensiva de pantallas táctiles. Consecuencia de ello es que, en lugar de navegar mediante el ratón, los usuarios lo harán mediante sus dedos, con las consideraciones de que utilizarán...