Mapa/Storyboard Navegacional (Whiteboarding)

Un Mapa o Storyboard Navegacional (también conocido como whiteboarding) es una técnica diferente del storyboarding. Esta técnica es una aportación propia al campo de las técnicas de prototipado que constituye el resultado de conjuntar algunas de las mejores características de varias de las técnicas ya conocidas.

Storyboard Navegacional

El nombre de Storyboard Navegacional proviene del hecho que la representación se realiza por medio de entidades (dibujos o imágenes) que pueden asociarse a una serie de viñetas o storyboards con las que se representa el espacio de navegación.

Con esta técnica se representan en un espacio bidireccional (con papel, en una pizarra, con impresiones de pantalla y flechas con rotulador, etc.) todos los estados de las interfaces (pantallas…) de la parte del sistema que se examinará y todas las posibilidades a nivel interactivo desde cada uno de estos estados para visualizar las posibles acciones o movimientos que el usuario puede realizar mientras interacciona con la interfaz.

StoryBoard Navegaciona (cafereria 1)

La imagen anterior nos muestra un ejemplo de Storyboard Navegacional realizado para el proyecto de la cafetería. Se observan los diferentes estados interactivos del dispositivo tipo PDA que permitirá a los camareros gestionar los pedidos y la facturación de los clientes. Puede apreciarse, aunque no con mucho detalle, la información adicional en forma de flechas de colores y anotaciones que conectan las diferentes vistas de la interfaz

Es importante no confundir los estados de las interfaces con los estados del sistema. Las primeras representan las diferentes posibilidades que la interfaz ofrece al usuario, mientras que la segunda hace lo propio con el funcionamiento interno del sistema (aspecto que será tratado en la fase de diseño del sistema en el modelo MPIu+a).

Ejemplos

Ejercicio realizado por Oscar Manuel Guevara Demari en el marco del Máster Universitario en Información Digital. Especialidad: Usabilidad / Postgrado en Experiencia de Usuario (curso 2016) de la Universitat Pompeu Fabra.Ejemplo de whiteboarding (autor Oscar M. Guevara, Máster UPF 2016)

A %d blogueros les gusta esto: