Publicado por Viv Dehaes on 30-05-2006
0

Patrones de diseño para mejorar los sitios

Importados desde la arquitectura por Christopher Alexander. Según la Wikipedia, losInteraction Design Patterns son una solución general y replicable a un problema recurrente de usabilidad en el diseño de interfaces.

Los patrones están presentes en nuestros proyectos de forma cotidiana, cuando proponemos un diseño que contenga un "directorio tipo yahoo", o una "navegación por tabs como la de amazon", nos estamos refiriendo a modelos de conocimiento probados que podemos utilizar como ayuda a nuestros problemas y además tenemos la posibilidad de mejorarlos generando así, una nueva versión del patrón para un uso diferenciado o más específico.

Los interaction design patterns recogen el diseño de una experiencia y aportan soluciones probadas a problemas recurrentes. Se presentan como paquetes que podemos utilizar de guía para problemas propios de un contexto o proyecto particular. Tambíen sirven para documentar las soluciones adoptadas y compartirlas con compañeros, de hecho existen comunidades de expertos que ponen a nuestra disposición patrones sobre los desafíos más comunes que podemos llegar a tener, por ejemplo como resolver: breadcrumbs, navegaciones con tabs, resultados de una búsqueda, mapas de sitio y muchas otras situaciones sin tener que repensarlas y así reaprovechar el tiempo de desarrollo que generalmente es escaso.

Patrones hay de lo que se nos ocurra, y pueden agruparse para formar otros más complejos, generalmente se dividen en: Interfaz y diseño, Estructura y navegación y Referentes al contenido. Estos patrones no solo cuentan con una explicación visual para guiarnos, un patrón es una solución dada en relación a un problema, planteado en un cierto contexto. Por ejemplo, los patrones que hace unos meses Yahoo puso al servicio de los usuarios tienen una estructura concreta, en forma resumida sería:

  • Problema: presenta el desafío relacionado con el uso del sistema, orientado a la tarea.
  • Contexto: El contexto se centra en el usuario, y el uso que deberá hacer de la interfaz.
  • Solución: describe el patron a implementar, esto se puede complementar a través de screenshots, que representen el uso del patrón.

Al usar esta estructura, los patrones ganan sentido porque están asociados a tareas precisas y contextos manifiestos. Si bien no todo puede solucionarse con patrones, para Jakob Nielsen debemos producir y prestar atención a patrones de diseño para la convenciones ampliamente utilizadas en el diseño web que incluyan, por ejemplo:

  • La estructuras de página de productos
  • Workflow como por ejemplo rutinas de shopping carts
  • Los principales tipos de información corporativa
  • Y la arquitectura de la información para esa información.

Jared Spool sostiene que los patrones ofrecen ventajas por sobre los templates y guidelines:

  • Los patrones describen elementos individuales de un diseño, mientras que los templates suelen referirse a toda una página en concreto, lo que permite mayores posibilidades de juego con los elementos para lograr un diseño más usable.
  • Las guías suelen ser de no más de un párrafo, mientras que los patrones se presentan como documentos detallados: explicando el problema, el contexto y la solucion que se debe aplicar.
  • En los documentos que acompañan a los patrones podemos hacer recomendaciones y aclaraciones con respecto al uso propuesto, directamente del autor al lector.

Las ventajas de los patrones aumentan proporcionalmente a la complejidad del problema, mientras más grandes sean los sitios, los equipos de trabajo o la duración del proyecto, más importancia deberemos darles a los patrones que podemos utilizar.

Hasta la próxima.

 

Enlaces Recomendados

Esperando comentarios

Dejá tu comentario