En nuestras conversaciones con nuestro cliente hemos de obtener información que nos sirva para identificar a los usuarios del sitio web en el que estamos trabajando.

Una vez tenemos definidos los perfiles de nuestros usuarios, hemos de imaginar los posibles escenarios de uso que describan sus necesidades y comportamiento.

Todos estos datos pueden trasladarse a un diagrama, que será el "borrador" que nos servirá de base para, posteriormente, elaborar el mapa del sitio y después el prototipo

Utilizar esta secuencia de forma sistemática ayuda a no dejarse ningún detalle importante, aparte de que el cliente percibe una imagen más profesional de nuestro trabajo.

Nuestro cliente puede verse confundido ante nuestra pregunta sobre los escenarios de uso del sitio web. No se trata de que nos diga "todo" lo que se puede ver o hacer en el sitio, sino de intentar identificar aquellos patrones de comportamiento que son previsibles para determinados perfiles de usuarios.

Por ejemplo, en una web especializada en restaurantes, los usuarios empezarán buscando restaurantes de su zona en un listado y, posteriormente, acotarán la búsqueda según precio. Esto sería un escenario de uso.

Esto nos ayudará a la hora de decidir que habrá en nuestro menu principal, en la página de inicio y, consecuentemente, a definir la jerarquía de los distintos contenidos del sitio. Algo aparentemente tan sencillo, puede complicarse bastante según la temática del sitio y, lógicamente, según el volumen de información que tengamos que organizar.

Ahora que ya hemos definido a nuestros usuarios y sus escenarios de uso, tenemos que hacer un diagrama que nos ayude a construir la mejor estructura para "sostener" la información del sitio.


Cómo hacer diagramas


Con los diagramas intentamos describir gráficamente todos los escenarios de uso, descartando redundancias, de forma que las necesidades de nuestros usuarios queden cubiertas de la forma más simple y eficaz posible. El propósito del diagrama es visualizar qué es lo que podrán hacer nuestros usuarios en nuestro sitio.

Si quieres dar una buena imagen a tu cliente, mejor utiliza Visio o Illustrator, o cualquier otro programa similar. Siempre queda más profesional que hacerlo a mano, en un folio de papel. Yo, personalmente, utilizo Visio para hacer mis diagramas, mapas de sitio y prototipos, pero hay quien prefiere Powerpoint u otros.

Un ejemplo que a mí me gusta mucho para explicar cómo se hace un diagrama es el de los empleados de una gran empresa, cómo se dirigen a sus casas al terminar la jornada laboral y qué hacen durante el trayecto de sus oficinas a sus domicilios.

Definamos los pérfiles de usuario:

1.- Los que utilizan el metro.
2.- Los que utilizan el autobús.
3.- Los que van caminando a casa.
4.- Los que conducen su propio vehículo.
5.- Los que utilizan el tren de cercanías.


Ahora definamos los escenarios de uso:


1.- Empleados que van de la oficina a su casa.
2.- Empleados que paran en el banco y en una cafetería.
3.- Empleados que consultan los horarios y tarifas en la estación.
4.- Empleados que adquieren billetes para viajar.

Al combinar los pérfiles de usuario con los escenarios de uso es cuando podemos dibujar nuestro diagrama, que nos servirá posteriormente para la elaboración del mapa del sitio. Ya sé que habrá quien diga que podemos obviar este paso, e irnos diréctamente al mapa del sitio, para ganar tiempo. Si queremos hacer un trabajo minucioso la metododología es esencial, para evitar olvidos, errores y redundancias.

Con los diagramas no pretendemos definir todas las páginas de nuestro sitio, no hace falta llegar a tanto nivel de detalle, ni mucho menos. Se trata de definir "lugares", por donde el usuario tendrá que pasar para conseguir sus objetivos.

Este diagrama corresponde a un proyecto para el sitio web de los Yankees de Nueva York. No fue el diagrama definitivo, pero da una idea de lo que hemos visto antes.





Los diagramas se hacen mejor con papel y lápiz, ya que se cambia contínuamente de idea durante su elaboración, por lo que las modificaciones son frecuentes. Trabajar a mano da más agilidad. Otra cosa es la presentación al cliente, que debe ser lo más profesional y esmerada posible. En este caso se ha exagerado al máximo la intensidad de los colores para resaltar las diferentes categorias.