Prototipado
INTERACCIÓN HOMBRE MÁQUINA
Definición
Un prototipo es un producto
intermedio del proceso de
DCU.
Sus características dependen
del propósito para el que fue
creado y del grado de avance
en el proceso de desarrollo.
Prototipos de
Prototipos de
Baja
alta fidelidad
Fidelidad
No parecen un producto final. Se parecen más al producto final
Tipos de Se construyen en poco tiempo, son de bajo costo y se
modifican fácilmente.
Puede simularse cierta interacción.
Prototipos Ejemplifican cómo se implementarán algunos aspectos
Se necesita de herramientas de software para crearlos.
generales del sistema, sin detallar cómo será la interfaz.
Se corre el riesgo de que los usuarios crean que ya es un
producto terminado y listo para ser usado.
Útiles en las etapas más tempranas del ciclo de vida, ya que
ayudan a identificar los requerimientos y a crear,
conjuntamente con el usuario, el modelo conceptual del Refleja detalles precisos de cómo será la interfaz y la
sistema. interacción con el sistema.
Es posible crear varias opciones de diseño útiles para Por su nivel de detalle, puede servir como un insumo para la
evaluar múltiples conceptos de interacción. etapa de codificación del sistema.
Bocetos o Prototipos de Prototipo de
Storyboard Maqueta
sketches papel software
Una serie de dibujos Útil cuando se está Prototipo en tres
ordenados
Representar las secuencialmente, que
definiendo el modelo dimensiones que sirve
conceptual del para evaluar una parte
primeras ideas servirá para mostrar cómo
física del sistema.
sobre un sistema. se usará un sistema para la sistema.
consecución de una tarea
específica Implementación de
Ayuda al diseñador a alta fidelidad y
verificar si los usuarios Útil cuando el sistema
comprenden cómo funcionará en un
ejecutable que
Son dibujos a Útil cuando no existe funciona el sistema y si son dispositivo que todavía reproduce la
mano que se previamente un sistema capaces de realizar sus
no existe. funcionalidad de un
tareas con la interfaz
utilizan en la que permita realizar las
propuesta.
sistema.
tareas o cuando el nuevo
primera iteración
Técnicas de
sistema cambiará la forma
del DCU. de realizar las tareas.
No es conveniente Una maqueta digital es
incluir detalles como una representación no
colores o tipos de ejecutable y de alta
controles que se van a fidelidad de las
Prototipado
Sirven para crear Es necesario identificar la
utilizar en la IU pantallas del sistema.
tarea que se representará y
las primeras luego se plantea un
impresiones del escenario que describe
espacio del cómo el usuario usará el Se hace énfasis en la Su creación requiere Se implementan
sistema para conseguir su información que fluye del uso de
trabajo. objetivo después de varias
entre el usuario y el herramientas de
sistema y en la software. iteraciones en el
interacción. proceso de DCU, en
el momento en que
En una maqueta digital se ya se han aclarado
Se realizan muy Sin detalles de la Es conveniente utilizar un incluyen detalles como en gran medida los
rápidamente interfaz. sistema de numeración de colores, botones y requerimientos y el
controles utilizados para
las distintas pantallas, de
ingreso y despliegue de modelo conceptual
modo que se pueda recrear
la navegación entre ellas. datos en pantalla. y se necesita saber
cómo realmente se
verá y funcionará el
Dado su alto grado de sistema.
Se pueden crear Bajo costo, es posible Permiten encontrar detalle, los usuarios
incluso con la realizar varios tempranamente tienden a pensar que
storyboards en las defectos funcionales y no se puede modificar.
presencia de primeras etapas del de usabilidad.
usuarios. proceso de DCU
Ejemplo de un
prototipo de papel
para un sistema de
reporte de
emergencia para
dispositivos
móviles
BOCETO STORY BOARD
Ilustra el uso de un sistema
Presenta las de envío de reportes para
opciones con una persona que no oye ni
que contará habla pueda notificar a las
el sistema autoridades pertinentes de
la emergencia que PROTOTIPO DE
ocurre en su casa. PAPEL
COMPARACIÓN DE LAS
TÉCNICAS DE PROTOTIPO
CARCATERÍSTICAS BÁSICAS DE LAS HERRAMIENTAS
• Disponibilidad de plantillas para diferentes plataformas
• Disponibilidad de formas y controles predefinidos para varias
plataformas
• Capacidad para crear tanto prototipos de software como
Herramientas storyboards
• Disponibilidad de imágenes predefinidas para agilizar la creación de
de prototipo storyboards
• Posibilidad de integrar las pantallas del prototipo en un storyboard
• Capacidad para agregar anotaciones que sirvan para describir el
prototipo
• Opción de ejecutar los prototipos
• Existencia de ayuda para los usuarios
Ejemplo:
Herramienta
Pencil para
hacer
maquetación
digital
Ofrece funcionalidad para
Permite implementar implementar eventos
fácilmente interfaces asociados a las actividades
gráficas. realizadas con el ratón, el
teclado e incluso táctiles.
Características
de Cuenta con un lenguaje de
Herramientas Cuenta con opciones para
navegación.
programación que permita
implementar la
No funcionalidad requerida.
especializadas
Genera programas
ejecutables para la
plataforma en la que se
desarrollará el sistema.
