Blog de Marketing por Internet

Los patrones del diseño web (web design patterns) son modelos o estándares que resuelven la disposición de la información y los elementos de interacción / navegabilidad de los sitios web, en relación con la configuración de la interfaz de usuario (pantalla).

Estos patrones van evolucionando a medida que la interactividad usuario/website adquiere nuevos elementos, y también cuando se encuentran mejoras o se detectan fallos de usabilidad en modelos anteriores, los cuales se van corrigiendo progresivamente.

La librería más completa de patrones de diseño utilizados en interfaces de usuario es la de Yahoo Developers.

Los problemas que resuelven básicamente se engloban en dos: ¿Cómo diseñar un patrón? y ¿Cómo hacer que armonice con el resto?, y más específicamente:

1. ¿Cómo diseñar patrones para cada elemento según uso y funciones (bloque de texto, caja, formulario, etc)?
2. ¿Cómo establecer la jerarquía visual u ordenamiento dentro de la interfaz, para que el usuario pueda encontrar todo con rapidez, e identificar qué información es principal, cuál es secundaria?
3. ¿Cómo acomodar todos los elementos dentro de la interfase de manera tal que los espacios disponibles de la pantalla estén aprovechados de la mejor manera posible?
4. ¿Cómo diseñar patrones para elementos dinámicos que poseen transición, movimiento, cambios de estado, superposición, cambio de tamaño, etc? Una gran solución a esto viene de la mano con Ajax

La definición más precisa en español de "patrón de diseño web" la encontré aquí.

"Un patrón de diseño web (web design pattern) describe la solución óptima a un problema común de diseño web en un contexto específico…"

Finalmente, aquí podrás ver más info sobre el uso y diseño de patrones

Tendencias de diseño web

Las tendencias del diseño web normalmente se atribuyen a factores casi exclusivamente estéticos, sin embargo, el concepto es más abarcativo ya que incluye tendencias en cuanto a funcionalidad e interactividad de los sitios web.

Estéticamente hablando, las tendencias de diseño web son los estilos actuales imperantes del diseño gráfico de los elementos que componen las interfaces de usuario, que como vimos recién, estos están estandarizados por los patrones de diseño.

En otras palabras, las tendencias de diseño web marcan el "look and feel" actual de los sitios de Internet y las funcionalidades que están de moda. En base a esta definición podemos identificar siempre las tendencias actuales (buscando sitios web que las expongan y analicen) y con ello luego comparar los niveles de "frescura" u "obsolesencia" de distintos sitios web para los cuales necesite plantearse una "renovación".

Lamentablemente no encontré demasiada información actualizada sobre el tema de las tendencias de diseño web en español, no obstante, pueden servirte de ayuda algún material actualizado en inglés (ver web desing trends, una búsqueda en Google acotada a los trés últimos meses)

Algunos artículos de interés:

- http://www.masternewmedia.org/es/2007/10/24/diseno_de_informacion_para_la.htm

- http://www.ontoinfo.com/2006/09/13/current-trends-in-web-design/ (de 2006, en inglés)