Agenda

 Prototipos y construcción
Diseño, prototipos y  Diseño Conceptual
Diseño Físico
construcción 
 Generación de prototipos
 Herramientas de Soporte
Marzo 04 de 2008

Prototipo y construcción ¿Qué es un prototipo?

 ¿Qué es un prototipo?  En otras áreas de diseño un prototipo es un modelo en
 ¿Por qué prototipos? pequeña escala:
 Diferentes clases de prototipos  un automóvil miniatura
 Baja fidelidad  la maqueta de un edificio o de un poblado
 Alta fidelidad
 Compromisos en el prototipo
 vertical
 horizontal
 Construcción

¿Qué es un prototipo? ¿Por qué un prototipo?

 En diseño de interacción puede ser (entre otras cosas):
 una serie de bocetos de pantallas
 un storyboard, por ejemplo una serie de escenas
 una presentación en Powerpoint
 un video con la simulación del uso de un sistema
 una pieza de madera (por ejemplo PalmPilot)
 una maqueta de tarjetas
 una pieza de software con funcionalidad limitada escrita en
el lenguaje destino o en otro lenguaje.
 La evaluación y la retroalimentación son esenciales en el diseño de
interacción
 Los participantes pueden ver, sostener, interactuar con el prototipo más
fácilmente que con un documento o con un dibujo.
 Los miembros del equipo se pueden comunicar efectivamente
 Puede probar ideas por usted mismo
 Alienta la reflexión, que es un aspecto muy importante del diseño
 Los prototipos responden preguntas y proporcionan soporte a los
diseñadores al elegir entre opciones.
¿Qué se puede representar en un prototipo? Prototipos de baja fidelidad

 Aspectos técnicos  Usa un medio que es diferente al medio final, por ejemplo:
 Flujo de trabajo, diseño de tareas papel, tarjetas de cartón.
 Diagramas de pantalla y muestra de información  Es rápido, barato y fácil de cambiar
 Áreas difíciles, controversiales y críticas  Ejemplos:
 Bocetos de pantallas, secuencias de tareas, etc.
 Notas ‘Post-it’
 Storyboards
 ‘Mago-de-Oz’

Storyboards Bocetos

 Se usan con frecuencia con escenarios, brindando más
detalle y la posibilidad de jugar un rol en él.
 Es una serie de bocetos mostrando como el usuario debe
progresar a través de una tarea utilizando el dispositivo.
 Se usa en las etapas iniciales de diseño
 hacer bocetos es importante en los prototipos de baja
fidelidad.
 No se inhiba por sus habilidades de dibujo. Practique
símbolos simples.

Bocetos Prototipos basados en tarjetas

 Tarjetas bibliográficas (3 X 5 pulgadas)

 Cada tarjeta representa una pantalla o parte de la pantalla.
 Usada con frecuencia en el desarrollo de portales Web.
Prototipos basados en tarjetas Prototipos basados en tarjetas

Prototipo ‘Mago-de-Oz’ Prototipos de alta fidelidad

 El usuario cree que está interactuando con el sistema pero un  Usa materiales que espera usar en el producto final.
desarrollador es quien responde para generar las salidas en lugar del
sistema.  El prototipo se parece más al sistema final que una versión
 Se usa generalmente en etapas iniciales de diseño para entender las
de baja fidelidad.
expectativas del los usuarios.  Para el prototipo de software de alta fidelidad es común
 ¿Qué hay de “malo” en este enfoque? desarrollarlos en Adobe Director, Visual Basic o en Smalltalk.
 El peligro implicado es que el usuario cree que tiene un
Usuario
sistema completo
>Blurb blurb
>Do this
>Why?

Compromisos en prototipos Construcción

 Todos los prototipos involucran compromisos.
 Para prototipos basados en software ¿puede haber una
respuesta lenta? ¿bocetos de iconos? ¿funcionalidad limitada?
 Dos tipos comunes de compromisos
 horizontal: proporciona una amplio rango de funciones
pero con detalle muy pequeño
 vertical: proporciona mucho detalle únicamente en pocas
funciones
 Compromisos en prototipos no deben ser ignorados. Los
productos requieren de dirección.
 Tomar los prototipos (o aprender de ellos) para crear un
sistema completo.
 La calidad debe ser atendida a: usabilidad (por supuesto),
confiabilidad, robustez, que se pueda mantener, integridad,
portabilidad, eficiencia, etc.
 El producto final se debe dirigir adecuadamente
 Prototipos evolucionados
 Prototipos “de descarte”
Diseño Conceptual: de los requerimientos al
¿Hay una metáfora adecuada?
diseño
 Transformar requerimientos o necesidades de usuario en el modelo  Las metáforas de interfaz combinan conocimiento familiar con nuevo
conceptual conocimiento de manera que le usuario puede entender el producto.
 “Una descripción del sistema propuesto en términos de un conjunto de
ideas y conceptos integrados acerca de lo que se:  Tres pasos: entender funcionalidad, identificar áreas de problemas
potenciales, generar metáforas.
 debe hacer
 comportar
 Evaluar metáforas:
 parecer
 ¿Cuánta estructura proporciona?
que será comprendido por los usuarios en la manera prevista”  ¿Cuán relevante es para el problema?
 No se mueva a una solución de manera muy rápida. Itere, itere, itere.  ¿Es fácil de representar?
 Considere alternativas: crear prototipos ayuda.  ¿La entenderá la audiencia?
 ¿se podrá extender?

Considere los tipos de interacción

 ¿Cuál tipo de interacción?

 Cómo el usuario invoca las acciones.
 Instrucción, conversación, manipulación y exploración.
 Diferentes tipos de interacción proporcionan intuición
 WIMP (Window, Icon, Menu, Pointing device), compartible,
realidad aumentada, etc.
Expandir el modelo conceptual
 ¿Qué funciones realizará el producto?
 ¿Qué hará el producto y qué debe hacer el humano (asignación de
tarea)?
 ¿Cómo se relacionan las funciones entre sí?
 ¿Secuencial o paralelo?
 Categorizaciones, por ejemplo, todas las acciones relacionadas al uso del
teléfono.
 ¿Qué información necesita estar disponible?
 ¿Qué datos son requeridos para realizar la tarea?
 ¿Cómo los datos son transformados por el sistema?
Generar storyboard del escenario
Generar prototipo con tarjetas de un caso de
uso
Usar escenarios en diseño conceptual
 Expresan situaciones propuestas o imaginarias
 Se usan durante el diseño en varias formas:
 Scripts para evaluación de prototipos hechos por usuarios
 Concretar ejemplos de tareas
 Como un medio de cooperación a través de límites
profesionales
 Escenarios para explorar casos extremos
Generar prototipo con tarjetas de un caso de
uso
Generar prototipo con tarjetas de un caso de
uso
Herramientas de soporte - DENIM
http://dub.washington.edu/denim/
Resumen
 Se usan diferentes tipos de prototipos para diferentes propósitos y en
diferentes etapas.
 Prototipos responden preguntas, así que deben construirse de manera
adecuada.
 Construcción: el producto final debe ser ensamblado adecuadamente
 Diseño Conceptual (el primer paso del diseño)
 Considere tipos de interacción y tipos de interfaces para promover
creatividad
 Los Storyboards se pueden generar de escenarios
 Los prototipos con tarjetas se pueden generar de casos de uso.