FUENTE: Manual de Tcnicas para el Diseo Participativo de Interfaces de Usuario de Sistemas basados

en Software y Hardware
Alejandro Flora Corts
rea de Ingeniera de Proyectos.
Departamento de Ingeniera de Diseo y Fabricacin.
Centro Politcnico Superior | Universidad de Zaragoza.
Mara de Luna, 3, 50.015, Zaragoza, Espaa

Qu es el Prototipado?
Un prototipo es un modelo (representacin, demostracin o simulacin) fcilmente
ampliable y modificable de un sistema planificado, probablemente incluyendo su interfaz y su
funcionalidad de entradas y salidas.
El prototipado modela el producto final y permite efectuar un test sobre determinados
atributos del mismo sin necesidad de que est disponible. Se trata, simplemente, de testar
haciendo uso del modelo.
Cmo se puede llevar a cabo esta tcnica?
Consideraciones previas a la construccin de un prototipo
Profundidad de la funcionalidad requerida en el prototipo
Eleccin de la herramienta de prototipado y consideracin de sus limitaciones
Criterios de conclusin para el ciclo de iteracin
Composicin del equipo (usuarios, desarrolladores y otros implicados)
Nivel de fidelidad requerido en el prototipado
Longitud mxima de un ciclo de iteracin
Propsito del prototipo
Formas de manejar los conflictos entre miembros del equipo de diseo y
establecimiento de consenso.
Tras una serie de consideraciones previas ineludibles que condicionarn la marcha del
proceso (Ver tabla superior), se comienza elaborando un prototipo del producto final: qu
aspecto tendr, cmo funcionar,...Para muchas interfaces de usuario, este modelo puede
resultar tan simple como unos dibujos con lpiz y papel o tan complejo como el propio cdigo
operativo final. Para interfaces de hardware o estaciones de trabajo, el modelo puede consistir
en maquetas de espuma, caucho, cartn o cartulina. Cuanto ms prximo se encuentre el
prototipo al producto real, mejor ser la evaluacin, si bien se pueden obtener magnficos
resultados con prototipos de baja fidelidad.

Variantes en la tcnica del prototipado

Se puede hablar de una amplia variedad de tcnicas de prototipado en base a las
caractersticas del prototipo a desarrollar:
1.
2.
3.
4.

Segn la funcionalidad reproducida

Segn la fidelidad de la reproduccin de la interfaz
Segn su propsito
Segn la porcin del sistema representado

5. Segn su ejecutabilidad u operatividad

6. Otras variantes de especial relevancia

1. Segn la funcionalidad reproducida

Prototipado Horizontal (Horizontal Prototyping)

Los prototipos horizontales exhiben un amplio espectro de las caractersticas del producto,
pero sin el respaldo de una funcionalidad relativamente amplia. Los prototipos horizontales se
utilizan con frecuencia para evaluar las preferencias de los usuarios respecto de las interfaces
de usuario, cuando las funciones reales operativas an no han sido implementadas. Tales
prototipos permiten una evaluacin del diseo de la interfaz, as como la ubicacin y
accesibilidad de determinados aspectos y caractersticas, sin requerir el funcionamiento real de
las funciones que representan.
A menudo, los prototipos horizontales se confeccionan como de baja fidelidad, consistiendo
en pocos ms que dibujos y listas manuscritas, pasando por maquetas realizadas por
ordenador que tienen el mismo aspecto que el producto final. Las maquetas realistas pueden
construirse con la mayora de los entornos de desarrollo grfico.
Esta tcnica se utiliza con preferencia en las etapas tempranas del proceso de desarrollo,
cuando el trabajo sobre las funciones reales del producto an no ha dado comienzo, pero el
conjunto de caractersticas es conocido.

Prototipado Vertical (Vertical Prototyping)

Los prototipos verticales muestran la funcionalidad exacta de un producto para una

pequea parte del conjunto completo. Por ejemplo, un prototipo vertical de un procesador de
textos podra mostrar todas las funciones de comprobacin de ortografa y gramtica, pero
ninguna funcin relacionada con la entrada de texto o su formato. Todas las funciones de un
prototipo vertical imitan sus equivalente reales tanto como sea posible.
Dado que un prototipo vertical ha de ser funcional prcticamente de forma completa
(aunque slo para una pequea parte de la interfaz del producto), quizs la mejor forma de
obtener un prototipo vertical es utilizar un mdulo completamente operativo de un producto.
Para aplicaciones software que se han desarrollado con arquitectura modular, esto resulta
relativamente sencillo, aunque las interfaces a otros mdulos no funcionarn (lo que no supone
ningn problema porque es la funcionalidad de las secciones dadas las que sern
inspeccionadas o testadas, y no otras). En el caso de un coche, sera el asiento y el tablero de
mandos lo que podra ser testado, mientras que el chasis, la carrocera y otros elementos an
no estn disponibles.
Esta tcnica se utiliza cuando el diseo para una parte del producto en particular est
prcticamente completa y merece la pena evaluarla en tanto que es un elemento contiguo a
otro. Aun cuando algunas partes del producto an no estn listas para el test, es posible
determinar ciertos problemas con alguna parte en concreto mientras las dems se encuentran
an en fase de desarrollo.

Prototipado Diagonal

Se trata de un prototipo horizontal hasta un cierto nivel, a partir del cual se puede
considerar vertical

2. Segn la fidelidad de la reproduccin de la interfaz

Prototipado de Alta Fidelidad (High-Fidelity Prototyping)

El prototipado de alta fidelidad es un mtodo donde el prototipo utilizado para el test se

corresponde con la interfaz real en la mayor medida posible. Normalmente, y en particular para
interfaces de software, es otra herramienta de software la utilizada para maquetar la interfaz.
Dicha herramienta acepta entradas desde ratn o teclado, tal y como hara la interfaz real y
responde a esos eventos de idntica forma (mostrando una ventana en particular, un mensaje,
cambiando de estado, etc).
Se ha de utilizar una herramienta que permita imitar el aspecto y el comportamiento de
la interfaz real en la mayor medida de los posible. Muchos prototipos de software se construyen
utilizando herramientas multimedia. Dichas herramientas, adems, permiten imitar la existencia
de retrasos en mquinas ms lentas o la espera a la respuesta de un servidor.
Las interfaces basadas en la Web se prototipan bastante bien con HTML y HTML
Dinmico, siendo posible reutilizar algunos fragmentos de cdigo del prototipo en la interfaz
real.
Los prototipos de software pueden utilizar espuma o goma para proporcionar una
representacin fsica realista del producto. Si se pretende testar con frecuencia con el prototipo,
es recomendable utilizar otro tipo de materiales, como pueda ser madera o panel, por ejemplo.
Los salpicaderos de los automviles, por ejemplo, suelen ser testados mediante maquetas de
arcilla esculpida sobre marcos de madera y alambre.
Como cualquier mtodo de prototipado, se puede utilizar esta tcnica cuando an no se
dispone de la interfaz real, normalmente, en las etapas iniciales del proceso de desarrollo. Esta
tcnica es ideal cuando se dispone de poco tiempo y dinero para gastar y no es necesario
recurrir al prototipado de baja fidelidad. Cuanto mejor sea el prototipo, mejores sern los
resultados obtenidos. Si la fidelidad del prototipo es realmente buena, este puede ser usado en
tests cuantitativos.

Prototipado de Baja Fidelidad (Low-Fidelity Prototyping)

El prototipado de baja fidelidad es una manera barata de proporcionar prototipos para

su uso en test y sesiones de diseo participativo. Baja fidelidad significa que los prototipos a
utilizar no tienen el aspecto real de la interfaz que se est testando, aun cuando operan de la
misma forma.
La idea es conseguir una gran cantidad de informacin de la interaccin entre la
interfaz y el usuario mediante la evaluacin de este prototipo. Dado que los prototipos de baja
fidelidad son baratos, tanto en trminos de dinero como de tiempo, es posible permitirse un
mayor nmero de ciclos de test, ms sujetos o ms prototipos.
El ejemplo clsico del prototipado de baja fidelidad es el uso de lpiz y papel para
maquetar interfaces en pantallas. Esto puede resultar tan simple como dibujar a mano cajas
con controles garabateados, o imprimir el dibujo si se opta por un programa de ordenador.
Habra de hacerse uno por cada pantalla de la interfaz.
Del mismo modo habran de hacerse representaciones de los mens, grupos de
botones, y dems elementos...Las notas Post-It resultan tiles, dado que mediante su
movimiento y disposicin se puede imitar la evolucin en una estructura de mens.
Hay quien utiliza transparencias para simular una estructura de capas segn la cual se
disponen los diversos elementos, pero supone una complicacin importante e innecesaria. La

ventaja del prototipado de baja fidelidad es la ventaja de poder inventar a lo largo de la sesin
nuevos elementos en la interfaz, bastando con incluirlos en una nota Post It.
Llega el momento de utilizar el prototipo en una sesin de evaluacin. Por ejemplo, en
un test de usabilidad en el que se plantea de modo informal un protocolo de pensamiento

manifestado, se pueden utilizar dos evaluadores, uno para la conduccin del test y el otro para
la manipulacin del prototipo. Este segundo evaluador hara la funcin del ordenador,
moviendo, reagrupando y exhibiendo diversos elementos en respuesta a las "entradas"
proporcionadas por el primer evaluador.
En ocasiones, la evaluacin puede volverse muy agitada, especialmente si se cuenta
con un experto al que le encanta "hacer click" en todos los sitios. Resulta de ayuda disponer de
una serie de elementos dibujados con antelacin y organizados, para disponer inmediatamente
de un elemento cuando sea necesario.
Al igual que cualquier mtodo de prototipado, esta tcnica se utilizara cuando no se
dispusiera todava de la interfaz real, previsiblemente en las primeras etapas del proceso de
desarrollo. Esta tcnica es ideal cuando se dispone de poco tiempo y dinero para gastar y
resulta de mayor inters la informacin aportada por el usuario que la reunin de datos.

Prototipado de Papel (Paper Prototyping)

Este mtodo se caracteriza por el uso de materiales y equipo sencillos para crear una
simulacin basada en papel de la interfaz de un sistema con el objetivo de explorar los
requerimiento de usuario (Despus, durante el proceso de diseo, los prototipos de papel van a
constituirse como medios valiosos y rentables para evaluar las opciones de diseo. Los
elementos de la interfaz, como mens, ventanas, dilogos e iconos, se crean utilizando papel,
tarjetas, acetato, bolgrafos,..). El resultado obtenido se denomina frecuentemente prototipo de
baja fidelidad.

Se fomenta la colaboracin entre diseadores y usuarios

Los prototipos de papel se construyen y refinan rpidamente
Se requieren materiales y recursos mnimos para lograr una
Beneficios
sensacin de producto
Esta tcnica puede ser utilizada por aquellos con poca o ninguna
experiencia en factores humanos
Debido a su simplicidad, los prototipos de papel no son aptos para
exploraciones detalladas
Limitaciones Debido al uso del papel y al modo de operacin, esta forma de
prototipo no se puede utilizar para simular tiempos de respuesta
El individuo que manipula el prototipo para simular su evolucin
debe ser consciente de la funcionalidad del sistema objetivo
Beneficios y Limitaciones de la tcnica del Prototipado de Papel
Los materiales requeridos para crear los elementos del prototipo son bien simples. Esto
incluye papel, acetato, bolgrafos y adhesivos. Tambin se suelen utilizar los "Post-its" para
representar elementos de la interfaz, como mensajes del sistema, formularios de entrada y
cajas de dilogo. Tambin se podra trabajar con una cmara de vdeo para registrar las
interacciones sobre el papel. Tambin podra trabajarse con dos evaluadores, uno que actuara
como sistema, manipulando los elementos de papel de la interfaz y otro que controlara la
sesin.
Cmo se puede llevar a cabo esta tcnica?
Podemos distinguir una serie de pasos bsicos para la implementacin de un proceso
de estas caractersticas
1. Es preciso disponer del tiempo suficiente para crear el prototipo, disear algunas tareas,
reunir usuarios, conducir la evaluacin del prototipo e informar de los resultados.

2. Hay que reunir los materiales necesarios. Se construye el prototipo de papel utilizando
piezas separadas para los mens, cajas de dilogo y cualquier otro elemento que se
mueva o cuya apariencia vare.

3. Hay que seleccionar a los usuarios apropiados para el test del prototipo. Hay que tratar de
cubrir una amplia variedad de usuarios dentro de la poblacin objetivo.
4. Hay que preparar escenarios de tareas realistas para la evaluacin.
5. Se han de realizar pruebas previas para practicar con el manejo del prototipo.
6. Hay que asegurar que el equipo requerido para el registro est disponible y funcionando.
7. Hay que conducir cada sesin manipulando el prototipo de papel a medida que el usuario
trabaja en las tareas determinadas.
8. Un miembro del equipo proporcionar instrucciones para la ejecucin de las tareas y
explorar las impresiones e intenciones del usuario mediante cuestiones apropiadas.
9. Si hay observadores presentes, podrn tomar notas de determinados problemas, as como
de soluciones potenciales durante la sesin para su posterior consideracin.
10. Conducir las entrevistas con el usuario posteriores a la sesin basndose en preguntas
preestablecidas as como otros aspectos que hayan surgido durante la evaluacin.
11. Informar al usuario y agradecerle su colaboracin.
12. Analizar la informacin obtenida, resumir las observaciones y las evaluaciones de usuario.
Considerar los temas y la severidad de los problemas identificados.
13. Resumir las implicaciones en los requerimientos de usuario e informar al equipo de diseo.
Las grabaciones de vdeo pueden ser de ayuda.
14. Donde sea necesario, se refinar el prototipo de papel y se repetir el proceso anterior.

De forma adicional, conviene tener en consideracin las siguientes guas prcticas:

Hay que trabajar a travs de las interacciones sobre el papel de la forma ms completa
posible, intentando cubrir todos los posibles caminos que el usuario podra querer seguir.
Hay que disponer de papel, "post-it" y otros elementos de sobra disponibles para disponer
de nuevos caminos para interacciones que el usuario podra esperar realizar.
Hay que practicar con todas las posibles interacciones con un usuario piloto, para hacer el
proceso interactivo lo ms fluido posible.

La tercera dimensin en los prototipos de papel

Los prototipos de baja fidelidad deben ser baratos y sencillos para que su uso sea
prctico. Uno de los mtodos ms caractersticos para el prototipado de baja fidelidad de
interfaces de usuario es el prototipado de papel. Sin embargo, el prototipado de papel no puede
representar de forma completa a aquellos productos o sistemas que impliquen una
determinada manipulacin fsica. El nivel de representacin puede ser mejorado mediante el
prototipado de papel tridimensional (3DPP). El diseo de productos inteligentes como telfonos
mviles, VCRs y ATMs se puede beneficiar del 3DPP dado que sus interfaces consisten en
formas fsicas, botones y pequeos displays cuyo uso implica, asimismo, el manejo de otros
objetos fsicos como dinero, recibos, cassettes...
Los productos elegantes son a menudo no muy usables. Las razones fundamentales
que cita la bibliografa son tres:
1. un diseo dirigido por la tecnologa
2. la problemtica de operar todo el sistema con una interfaz muy reducida (pocos
botones y una pequea pantalla)
3. la heterogeneidad de los grupos de usuarios: ya se conocen los atributos de la
aceptabilidad de un sistema que propone Nielsen.
Los productos inteligentes son, a menudo, productos de consumo, utilizados con un
determinado objetivo, incluido el ocio, y han de ser de fcil uso en el contexto real de
operacin.