Fundamentosdediseno Cap1 PDF

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.
Fundamentos del diseo de interaccin
ii
Mapa de
michele piacquadio / Photos.com

Contenidos
Teora de diseo
es parte de
Interaccin humano computadora
es parte de
mejoran el
1. Diseo de interaccin
se basa en utiliza el
2. El usuario y el contexto 3. Proceso de diseo interactivo
itera con requiere del
vectoropenstock.com
5. Estrategias de evaluacin 4. Proceso de diseo por prototipos

iQoncept / Photos.com
Introduccin del eBook
E
l objetivo del libro es desarrollar habilidades En este libro se presenta la introduccin al rea Se incluyen ejemplos interactivos, esquemas
para aplicar el proceso de diseo centrado de diseo interactivo, los fundamentos en los que grficos, ejercicios de apoyo, as como tips de di-
en el usuario al generar productos, aplica- se basa, la importancia de considerar a los usua- seo para lograr una aplicacin ms completa de
ciones y ambientes de informacin interactivos. rios como parte central del proceso creativo en to- la metodologa ya sea en proyectos reales o edu-
das las etapas de diseo, los enfoques para lle- cativos, con la finalidad de reflexionar acerca de
var a cabo el proceso, as como diversos criterios la importancia de disear con un enfoque centrado
y estrategias de evaluacin iterativa, con el fin de en el grupo de usuarios que forman parte de la au-
lograr productos que generen experiencias de uso diencia para la que se disea .
agradables y exitosas para la audiencia.
Pg. 1 de 1

iv
Captulo 1. Introduccin al diseo de interaccin

Organizador Temtico
Introduccin al diseo de interaccin
Conceptos Estilos La interfaz

bsicos de interaccin de usuario (UI)
Oleksiy Mark / Photos.com

MAPA
Glosario
TEmas CAPtulo 1
1 Introduccin
Diseo de interaccin
Introduccin al diseo de interaccin Proceso de generar y evaluar pro-
ductos, sistemas o dispositivos que
cumplan con el objetivo para el que
Objetivos del captulo 1 En este captulo se explora la importancia de conocer fueron diseados, y que apoyen las
glosarioGlosario
los principios bsicos del diseo de interaccin con el fin actividades que la gente realiza en su
Conocer los conceptos bsicos relacionados con el trabajo y en su vida diaria.
de entender la forma en que las personas reaccionan a los
diseo de interaccin.
productos que se usan de forma regular, as como las he- Aspectos tecnolgicos
Conocer la relacin entre estilos de interaccin y tipos rramientas disponibles para que un diseador adapte esos Elementos como herramientas y
de interfaz de usuario. productos a las necesidades y experiencias de las perso- aplicaciones digitales que el usuario
nas que los usan. maneja; grado de dominio del uso de
Comprender la relevancia del diseo de interaccin la tecnologa; lugar y contexto en el
Adems, se enfatiza el diseo de interaccin como un
RECURSOS
en el proceso de diseo y evaluacin de ambientes interac- que se usa o usar el sistema interac-
tivos de informacin. proceso creativo que requiere considerar tanto aspectos tivo, entre otros.
Recursos
tecnolgicos como aspectos de comunicacin. Aspectos de comunicacin
Diseo de interaccin Consideraciones del proceso de
comunicacin analizadas dentro del
desarrollo de diseo centrado en el
Es parte de Es parte de usuario, como aspectos culturales
que se conocen al hacer el anlisis
ACTIVIDAD
de usuarios.
Estilo de interaccin
Actividad
Apoya a
Interfaz de usuario (UI)
CONCLUSIN
Depende de Depende de
Conclusin
Experiencia de uso (UX)
Photos.com
Figura 1. Diseo de interaccin.
Pg. 1 de 1

MAPA
Glosario
TEmas CAPtulo 1
2 1.1 Conceptos bsicos
Experiencia de uso
1.1 Conceptos bsicos satisfactoria y cumple con las expectativas del usuario. Esta
experiencia incluye el momento de abrir el empaque del pro- Vivencias que obtienen los usua-
En trminos generales, el diseo de interaccin se re- rios al utilizar una aplicacin, obje-
ducto, su instalacin, las instrucciones para usarlo, as como to, artefacto o prototipo. No se dise-
fiere al proceso de generar y evaluar productos, sistemas
el servicio de soporte tcnico una vez que se est utilizando an experiencias, se disean objetos
glosarioGlosario
o dispositivos que cumplan con el objetivo para el que fue-
el producto. para crear experiencias.
ron diseados, y que apoyen las actividades que la gente
realiza en su trabajo y en su vida diaria (Sharp, Rogers y Haz clic en la caja Tip de diseo para desplegar Modelos de diseo centrados en el
Preece, 2007). informacin. usuario
Consiste en considerar al usuario
como el centro del proceso y como
participante del mismo, ya sea activa
o pasivamente.
RECURSOS
Recursos
Palto; Alexander Shirokov / Photos.com
ACTIVIDAD
Jupiterimages / Photos.com
Actividad
Diversos investigadores han generado principios, guas
y mtodos de diseo de interaccin, con el fin de guiar a
CONCLUSIN
En teora, un producto bien diseado se vuelve trans- los profesionales que participan en el proceso creativo y en
parente, es decir, la persona que lo est utilizando se con- el proceso de evaluacin de sus propios diseos. Adems,
Conclusin
centra ms en la actividad que desea realizar que en las se han generado diversos modelos de diseo centrados en
instrucciones para usar ese producto. Entonces, la expe- el usuario que incorporan las mejores prcticas de diseo
riencia de uso de un producto bien diseado es positiva, de interaccin.
Pg. 1 de 1

MAPA
Glosario
TEmas CAPtulo 1
3 1.2 Estilos de interaccin
Interaccin basada en comandos e

1.2 Estilos de interaccin pero adems, permite que los usuarios adapten el pro- instrucciones (Command-based inte-
ducto a sus preferencias personales a travs de la crea- raction)
El estilo de interaccin se refiere a la forma en que un
cin de nuevas opciones, nuevas rutas de acceso a la Invita a los usuarios a realizar acti-
producto ha sido diseado para que sea posible usarlo.
informacin disponible, y objetos o botones adicionales vidades y transacciones tecleando
glosarioGlosario
Diversos grupos de investigadores han identificado varios
a los que ofrece originalmente el producto. Se sugiere texto en una lnea de comandos o
estilos de interaccin, como se describe a continuacin prompt seguido de la tecla de retor-
implementar este estilo de interaccin cuando se desea
(Sharp, Rogers y Preece, 2007; Shneiderman y Plaisant, no (return) o aceptar (enter).
generar un ambiente que, adems de estar bien estructu-
2005). Interaccin basada en el dilogo y la
rado, permita cierto grado de flexibilidad de uso.
conversacin (Dialog bassed interac-
La interaccin basada en comandos e instrucciones
tion)
invita a los usuarios a realizar actividades y transaccio-
Incorpora elementos de reconoci-
nes repetitivas con base en los comandos e instrucciones
RECURSOS
miento de voz y texto que invitan al
disponibles en un producto. Se sugiere implementar este usuario a establecer conversacio-
nes con el producto con base en el
Recursos
estilo de interaccin cuando es necesario llevar a cabo
intercambio de mensajes hablados o
acciones repetidas en las que no se permite al usuario
escritos para poder realizar las activi-
modificar ninguna instruccin, ni crear nuevas formas de dades y transacciones deseadas.
accesar la informacin disponible.
Interaccin basada en la manipu-
La interaccin basada en el dilogo y la conversacin lacin directa (Direct manipulation
ACTIVIDAD
interface)
incorpora elementos de reconocimiento de voz y texto que
llevan al usuario a establecer conversaciones con el pro- Estilo de interaccin mediante el cual
Actividad
los usuarios directamente seleccio-
ducto con base en el intercambio de mensajes hablados nan representaciones de objetos.
o escritos para poder realizar las actividades y transac-
ciones deseadas. Se aconseja implementar este estilo de
interaccin cuando el usuario desea efectuar acciones sin
que sea necesario leer instrucciones o escribir oraciones
CONCLUSIN
Avesun / Photos.com
muy largas.
Conclusin
La interaccin basada en la manipulacin directa per-
mite a los usuarios realizar actividades y transacciones
con base en los comandos e instrucciones disponibles,
Pg. 1 de 2

TEmas CAPtulo 1
4 1.2 Estilos de interaccin
La interaccin basada en la exploracin permi-

te a los usuarios buscar, explorar y descubrir in- Estilos de interaccin
formacin de inters, as como diversas rutas de
acceso a la informacin disponible, varias formas
de realizar transacciones, y distintas opciones de Interaccin Interaccin
configuracin de acuerdo con las preferencias de basada en comandos basada en la
Glosario
cada usuario. Este estilo de interaccin es acon- e instrucciones manipulacin directa
sejable cuando es necesario apoyar a los usua-
rios a navegar de manera eficiente y sencilla en
ambientes de informacin complejos. Interaccin
Interaccin basada
basada en el dilogo
en la exploracin
y la conversacin
Recursos
Figura 2. Estilos de interaccin.
Haz clic en la caja Tip de diseo para desplegar informacin.
Actividad
Galina Peshkova / Photos.com
Conclusin
Pg. 2 de 2

MAPA
Glosario
TEmas CAPtulo 1
5 1.3 La interfaz de usuario
Interfaz de usuario (User interface, UI)

1.3 La interfaz de usuario un conjunto de botones que posibilitan al usuario encender
o apagar un producto tantas veces sea necesario, sin op- Manera en la que una persona inte-
racta con una aplicacin o sistema
ciones para modificar esos botones. Otro ejemplo sera el interactivo.
conjunto de instrucciones que se ofrece como interfaz al
glosarioGlosario
usuario que desea comprar un boleto de avin en un sitio Tipos de interfaz de usuario
web, pues con seguridad efectuar la compra ms adecua- Clasificacin de interfaces usadas
para disear diferentes experiencias
da a sus necesidades, sin que tenga opciones para modifi-
Palto / Photos.com
de usuario.
car los pasos a seguir en el proceso de compra.
Interfaz basada en comandos e instruc-
Brandon Laufenberg / Photos.com

ciones (Command-based interaction)
Invita a los usuarios a realizar activi-
dades y transacciones tecleando texto
RECURSOS
Al establecer los componentes que permitirn la inte-
en una lnea de comandos o prompt
raccin con el usuario, el diseador empieza a establecer seguido de la tecla aceptar.
Recursos
tambin el estilo de interaccin que promover ese produc-
to. Adems, al decidir la forma y la funcin de cada compo- Botones
nente del producto, el diseador tambin empieza a crear Objeto interactor que permite al usua-
rio encender o apagar una funcin, o
lo que se conoce como la interfaz de usuario. Se sugiere disear este tipo de interfaz como apoyo a la bien, llevar a cabo una accin.
Una interfaz est integrada por el conjunto de compo- interaccin basada en comandos e instrucciones, es decir,
Sitio Web
ACTIVIDAD
nentes con los que un producto gua al usuario a instalarlo, cuando sea necesario realizar actividades repetitivas en las
Espacio creado que contienen informa-
encenderlo, realizar transacciones; agregar, navegar y edi- que no se permite al usuario modificar ninguna instruccin, cin en diversos medios digitales y est
Actividad
tar contenidos, y en general, usar el producto. ni crear nuevas formas de accesar la informacin disponible. publicado en un dominio de internet.
Diversos grupos de investigadores han identificado va- Pasos

rios tipos de interfaz de usuario, como se describe a con- Cada una de las etapas que confor-
Ruslan Olinchuk / Photos.com

tinuacin (Norman, 1988; Sharp, Rogers y Preece, 2007; man un proceso.
Shneiderman y Plaisant, 2005). Proceso
CONCLUSIN
Secuencia de etapas o pasos de una
Una interfaz basada en comandos e instrucciones est
Conclusin
cierta actividad.
formada por un conjunto de componentes que permiten a
los usuarios realizar actividades y transacciones repetiti- Accesar la informacin disponible
vas de manera eficiente. Por ejemplo, la interfaz que ofrece Obtener o conseguir informacin a
peticin del usuario.
Pg. 1 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz grfica (Graphical user inter-

Una interfaz grfica (Graphical user interface) est for- Por ejemplo, la interfaz que ofrece diversas imgenes face)
mada por un conjunto de componentes visuales que permi- representando objetos de la vida real:
Formada por un conjunto de compo-
ten al usuario relacionar esos componentes con objetos y a) hoja de papel nentes visuales que invitan al usua-
actividades de la vida real, con el fin de realizar transaccio- rio a relacionar esos componentes
glosarioGlosario
b) tijeras con objetos y actividades de la vida
nes y explorar contenidos en ambientes digitales. real.
c) folder
Componentes visuales
d) bote de basura Elementos visuales que integran una
interfaz grfica.
Que en un ambiente digital estn asociados con las si-
guientes acciones: Objetos
Elementos que forman parte de un
RECURSOS
ambiente, espacio, actividad, ya
sean reales o virtuales, naturales o
Recursos
artificiales.
Transacciones
Intercambios de informacin que
pueden incluir acceso, modificacin
y almacenamiento de la misma.
Artur Figurski / pressureUA / Photos.com
ACTIVIDAD
Ambientes digitales
Tecnologas que proporcionan espa-
Actividad
cios creados de manera virtual por
medio de las cuales los usuarios se
comunican, trabajan, socializan.
Se sugiere disear una interfaz grfica como apoyo a la Interaccin basada en manipulacin
interaccin basada en manipulacin directa, es decir, cuan- directa (Direct manipulation interfa-
ce)
CONCLUSIN
do sea necesario el manejo de contenidos e instrucciones
que puedan ser presentadas en forma de imgenes co- Estilo de interaccin mediante el cual
Conclusin
los usuarios directamente seleccio-
nocidas por el usuario, con el fin de que el usuario pueda nan representaciones de objetos.
realizar transacciones y explorar contenidos con base en
sus experiencias previas.
Pg. 2 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz web (web interface)

Una interfaz web (Web interface) se integra por un con-
junto de componentes que invitan al usuario a navegar con- Conocida tambin como interfaz basa-
da en web. Es una interfaz por medio
tenidos y a realizar transacciones en aplicaciones que han de la cual el usuario interacta con ser-
sido desarrolladas en web. Observa la figura 1.3 Diseo de vidores basados en tecnologa web.
Taras Livyy / Photos.com
glosarioGlosario
una interfaz web, donde podrs consultar algunos ejemplos.
Navegar
El diseo de una interfaz web involucra la organizacin Accin que hace el usuario al mover-
de los contenidos, el diseo de componentes de navegacin se entre contenidos de informacin a
de los contenidos, as como el diseo grfico con el que se travs de objetos interactores o ligas,
desea presentar los contenidos de la aplicacin en web. ya sea hipertexto o hipermedios.
Web
RECURSOS
Nombre corto para World Wide Web, el
Diseo de una interfaz web cual es un servicio basado en internet
que permite, entre otras cosas, publi-
Recursos
car informacin y hacer transacciones.
Organizacin de los contenidos
Natalia Lukiyanova / Photos.com
Forma en la que la informacin es

organizada en un sistema interactivo
Organizacin Diseo de componentes o un ambiente grfico. El diseo cen-
ACTIVIDAD
trado en el usuario considera que la
de contenidos de navegacin organizacin de la informacin debe
Actividad
ser natural e intuitiva para los usuarios.
Diseo de componentes de navegacin
Forma en la que la informacin es
Accin de crear objetos para que el
usuario interacte con los conteni-
CONCLUSIN
dos en una aplicacin. Ejemplos de
componentes de navegacin son los
Diseo grfico
Conclusin
botones y las hiperligas.
Diseo Grfico (Graphic Design)
Figura 1.3 Diseo de una interfaz web. Especificacin que incluye la tipografa,
la organizacin espacial y el uso de color.
Pg. 3 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz basada en reconocimiento de

Una interfaz basada en reconocimiento de voz (Speech voz (Speech interface)
interface) est formada por un conjunto de componentes
que invitan al usuario a establecer conversaciones con el nentes que invitan al usuario a esta-
producto con base en el intercambio de mensajes para po- blecer conversaciones con el producto
glosarioGlosario
Photos.com
der realizar las actividades y transacciones deseadas. con base en el intercambio de mensa-
jes para poder realizar las actividades.
Algunas de esas conversaciones se apoyan en tecnolo-
ga de reconocimiento de voz que permite al usuario hablar Figura 1.3.2 Tecnologa de reconocimiento de voz
al dispositivo como si conversara con otra persona, y el Tecnologa utilizada en sistemas que
Se sugiere implementar este tipo de interfaz como apo- responden a las instrucciones habladas
dispositivo contesta con reproduccin automtica de voz. yo a la interaccin basada en el dilogo y la conversacin, del usuario con el fin de hacer ms intui-
cuando el usuario desea realizar actividades sin que sea tiva y natural la manera de interactuar.
RECURSOS
necesario leer instrucciones o escribir oraciones muy largas. Agente virtuales (virtual agents)
Una interfaz para dispositivos con pantalla tctil (Tou- Representacin de una persona que
Recursos
chscreen interface) se integra de un conjunto de compo- proporciona un servicio especfico, ya
nentes que permiten al usuario interactuar con un producto sea de ayuda, consejo, apoyo o funcio-
nalidad dentro de un sistema interactivo.
a travs de una pantalla tctil. Por ejemplo, una estacin
en la que los pasajeros pueden registrar su propia infor- Interaccin basada en el dilogo y la
Natalia Lukiyanova / Photos.com
macin de vuelo y obtener su pase para abordar el avin a conversacin (Dialog-based interaction)
ACTIVIDAD
travs de la interaccin con la pantalla tctil instalada en la Incorpora elementos de reconoci-
entrada del aeropuerto. miento de voz y texto que invitan al
Actividad
usuario a establecer conversaciones
con el producto con base en el inter-
cambio de mensajes.
pressure UA / Photos.com
Interfaz para dispositivos con pantalla
tctil (Touchscreen interface)
Figura 1.3.1
CONCLUSIN
Es un conjunto de componentes que
En otros casos, la conversacin se apoya en agentes invitan al usuario a interactuar con un
Conclusin
producto a travs de una pantalla tctil.
virtuales que invitan al usuario a escribir preguntas cortas
y el dispositivo contesta escribiendo respuestas relaciona- Pantalla tctil (Tactile screen)
das con las preguntas del usuario. Figura 1.3.3 Dispositivo de interaccin que permite al
usuario comunicarse con una aplicacin.
Pg. 4 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz para dispositivos mviles

En general, una interfaz para dispositivos con pantalla (Mobile interface)
tctil ofrece acceso sencillo y eficiente a travs de la selec-
Conjunto de componentes que per-
cin de imgenes, botones, letras o hiperligas. Por ello, el mite al usuario interactuar con apli-
diseador debe considerar ciertas guas para la organiza- caciones que han sido desarrolladas
glosarioGlosario
cin de los contenidos, el diseo de componentes de nave- para usarse desde dispositivos por-
gacin de los contenidos, as como el diseo grfico que se ttiles.
desea presentar al usuario en la pantalla. Dispositivos porttiles
Tecnologa o artefacto fcil de trans-
portar o mover entre los que se
encuentran desde memorias USB
hasta cmaras digitales, telfonos
Oleksiy Mark / Photos.com
RECURSOS
inteligentes y laptops.
Telfono celular
Recursos
Dispositivo inalmbrico mvil que
joingate / Photos.com
proporciona al usuario acceso a la

red de telefona celular.
Dispositivo GPS
Sistema de posicionamiento global
ACTIVIDAD
o global positioning system, el cual
se utiliza para obtener informacin
Una interfaz para dispositivos mviles (Mobile interface)
Actividad
de una cierta posicin geogrfica a
est formada por un conjunto de componentes que posi- travs del sistema global de navega-
bilita al usuario interactuar con aplicaciones que han sido cin satelital. Es un servicio que se
desarrolladas para usarse desde dispositivos porttiles, proporciona en algunos medios de
MorePixels / Photos.com
tambin conocidos como dispositivos mviles. transporte, telfonos inteligentes y
computadoras.
CONCLUSIN
Por ejemplo, la interfaz de un telfono celular, la interfaz
de un iPad y la interfaz de un dispositivo GPS que puedes
Conclusin
llevar en un automvil. Es tambin deseable integrar ele-
mentos de una interfaz grfica para producir una experien-
cia de uso exitosa. Figura 1.3.4
Pg. 5 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz para grupos de usuarios

En general, una interfaz para dispositivos mviles debe (Shareable interface)
ofrecer acceso sencillo y eficiente a travs de una pantalla
Paradigma de diseo de interfaces inte-
pequea, por lo que el diseador debe considerar ciertas ractivas enfocadas en apoyar la comu-
guas para la organizacin de los contenidos, el diseo de nicacin y colaboracin entre usuarios.
glosarioGlosario
componentes de navegacin de los contenidos, as como el
Comunicacin
diseo grfico con el que se desea presentar los contenidos.
Proceso simple mediante el cual el emi-
sor emite un mensaje dirigido al recep-
tor y ste contesta a travs de otro.
Photos.com
Colaboracin
Proceso en el que dos o ms perso-
nas participan y cooperan para lograr
RECURSOS
Por ejemplo, un editor de documentos que permite que
un objetivo.
varios usuarios ingresen a un espacio de trabajo comn y
Recursos
puedan contribuir en la redaccin y la edicin de un docu- Comunicacin sincrnica
mento, aunque fsicamente se encuentren en diferentes lu- La comunicacin entre grupos de
gares. Otro ejemplo es una aplicacin que permite que los interaccin se da al mismo tiempo,
ya sea en el mismo o diferente lugar.
Nastco / Photos.com
estudiantes generen, editen y publiquen pginas de wiki

dentro de la plataforma BlackBoard 9.1. Comunicacin asincrnica
La comunicacin entre grupos de inte-
ACTIVIDAD
raccin se da desfasada en tiempo, y
puede ser en el mismo o diferente lugar.
Actividad
Es tambin deseable integrar elementos de una interfaz Editor
para dispositivos con pantalla tctil o de una interfaz basa- Ambiente para modificar documentos.
da en reconocimiento de voz, para enriquecer la experien-
Espacio de trabajo
cia de uso del dispositivo mvil.
Lugar para trabajar, ya sea de mane-
CONCLUSIN
Una interfaz para grupos de usuarios (Shareable inter- ra individual o en colaboracin.
face) est formada por un conjunto de componentes que Pginas de wiki
Conclusin
apoyan la comunicacin, la colaboracin y el intercambio Sitios o espacios disponibles en la
Photos.com
de informacin entre grupos de usuarios, de manera sin- web para colaborar entre grupos de
crnica o asincrnica. usuarios, discutiendo o compartien-
do documentos.
Pg. 6 de 8

MAPA
Glosario
TEmas CAPtulo 1
Interfaz para objetos asociados a efec-

Se sugiere disear este tipo de interfaz cuando sea ne- cicio en el gimnasio y te previene si ests en el lmite de tu tos especiales (Tangible interface)
cesario mediar la comunicacin, la colaboracin y el inter- capacidad regular, y adems programa msica de acuerdo Formada por un conjunto de compo-
cambio de informacin entre grupos de usuarios. Es tam- con el nivel del ritmo cardiaco que se ha identificado. Otro nentes electromecnicos que invitan al
bin deseable combinarla con otros tipos de interfaces para ejemplo son los lentes que debes usar cuando deseas ver usuario a interactuar con un producto.
glosarioGlosario
enriquecer la experiencia de uso del grupo. una pelcula en el cine en ambiente 3D. Componentes electromecnicos
Una interfaz para objetos asociados a efectos especiales Objetos basados en electrnica y
mecnica utilizados como interfaz
(Tangible interface) est formada por un conjunto de com- para interactuar con objetos de la
ponentes electromecnicos que invitan al usuario a interac- vida diaria conocida como interfaz
tuar con un producto a partir de acciones especficas con fsica, hptica, o bien, multimodal.
el fin de realizar las actividades y transacciones deseadas. Arte interactivo
RECURSOS
Forma de expresin posmodernista
Por ejemplo, la puerta de un edificio que se abre de ma- que surge al invitar a las audiencias
Recursos
nera automtica si te paras frente a ella y exactamente en a participar y manejar la obra artstica.
la parte central. Otro ejemplo es un pino de navidad en una Sensores
exhibicin de arte interactivo que invita a los visitantes a Dispositivos que sirven de interfaz
aplaudir para que se prendan las luces del pino, y dejar de entre el mundo fsico y el virtual.
aplaudir para que se apaguen las luces. Interfaz que forma parte de tus acce-
ACTIVIDAD
sorios personales (Wearable interface)
Se sugiere implementar este tipo de interfaz cuando se
Se integra de componentes que forman
cuente con la participacin activa del usuario para activar
Actividad
parte de la indumentaria o ropa del usuario.
sensores asociados a elementos que realizan ciertas acti-
Dispositivo
vidades especficas.
Medio de comunicacin entre el usua-
Una interfaz que forma parte de tus accesorios persona- rio y la tecnologa.
les (Wearable interface) est integrada por un conjunto de Ritmo cardiaco
CONCLUSIN
componentes que permiten a los usuarios ponerse o usar Regularidad del movimiento del cora-
como accesorio un dispositivo para acceder ambientes de zn de un ser vivo.
Conclusin
informacin digital. Por ejemplo, un reloj que adems de
Photos.com
Ambiente 3D
darte la hora percibe tu ritmo cardiaco cuando haces ejer- Tecnologa utilizada para dar al ser
humano la sensacin del espacio tri-
Pg. 7 de 8 dimensional

MAPA
Glosario
TEmas CAPtulo 1
Realizacin simultnea de diversas

Se sugiere disear este tipo de interfaz como apoyo a la Se sugiere implementar este tipo de interfaz en alguno actividades
realizacin simultnea de diversas actividades, permitien- de los siguientes escenarios: Cuando dos o ms actividades o tareas
do al usuario concentrarse en la ejecucin de ciertas tareas se llevan a cabo al mismo tiempo.
Cuando el ambiente al que debe exponerse el pro-
prioritarias mientras recibe retroalimentacin automtica al Tareas prioritarias
glosarioGlosario
ducto es peligroso para el usuario humano. Por ejemplo,
efectuar otras tareas secundarias. Actividades jerarquizadas con mayor
para explorar el espacio o el fondo del mar.
importancia de acuerdo con un crite-
Una interfaz asociada a un robot (Robotic interface) rio especfico.
Cuando sea necesario realizar actividades repetitivas,
est formada por un conjunto de componentes electrome-
sin contar con la participacin de usuarios humanos. Por Tareas secundarias
cnicos (como sensores, cmaras de video, rayos lser)
ejemplo, una fbrica de autos con lneas de manufactura Actividades jerarquizadas con menor
que permiten la interaccin con el ambiente, en sustitucin importancia de acuerdo con un crite-
equipadas con robots.
de un usuario humano. rio especfico.
RECURSOS
Interfaz asociada a un robot (Robotic
interface)
Recursos
La interaccin se lleva a cabo a tra-
Haz clic en la caja Tip de diseo para desplegar informacin. vs de un robot, en especial cuando
se trata de simuladores o sistemas
virtuales de control.
Cmaras de video
Dispositivo de entrada de datos utili-
ACTIVIDAD
zado en sistemas multimodales inte-
ractivos en calidad de sensores.
Actividad
Escenarios

Ambiente que describe una situacin
o un espacio especfico. Se definen
escenarios o casos de uso para exa-
minar sistemas interactivos utilizan-
do ciertas tcnicas de evaluacin de
CONCLUSIN
usabilidad.
Actividades repetitivas
Conclusin
Tareas que se realizan de manera
continua y sistemtica. Si el humano
est elaborando actividades repetiti-
vas, se tiende a automatizarlas para
Pg. 8 de 8
evitar fatiga y optimizar tiempo.

TEmas CAPtulo 1
13
Haz clic sobre la respuesta correcta de entre las posibles opciones.
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 1
14
Ejercicio integrador del captulo 1

Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 1
15
Conclusin del captulo 1

El diseo de interaccin es un proceso crea-
Glosario
tivo que requiere considerar tanto aspectos tec-
nolgicos como aspectos de comunicacin, y
en particular, las necesidades y preferencias del
grupo de usuarios para el que se disea. Ade-
ms, involucra identificar el estilo de interaccin
y la interfaz de usuario apropiada para generar
experiencias de uso exitosas.
Recursos
Actividad
Darren baker / Photos.com
Conclusin
Pg. 1 de 1

TEmas CAPtulo 1
Glosario
Glosario del captulo 1
Recursos
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A un servicio especfico, ya sea de ayuda, conse-
jo, apoyo o funcionalidad dentro de un sistema
usuarios se comunican, trabajan, socializan.
Arte interactivo
Accesar la informacin interactivo.
Forma de expresin posmodernista que surge
Obtener o conseguir informacin a peticin del Ambiente 3D
Actividad
al invitar a las audiencias a participar y mane-
usuario.
Tecnologa utilizada para dar al ser humano la jar la obra artstica. El happening o performan-
Actividades repetitivas sensacin del espacio tridimensional. La tercera ce art puede ser considerado el origen del arte
Tareas que se realizan de manera continua y sis- dimensin puede ser percibida sin necesidad de interactivo. Entre los tipos de arte interactivo se
temtica. Si el humano est elaborando activida- usar lentes especiales, dependiendo de la pan- encuentran instalaciones con tcnicas y materia-
des repetitivas, se tiende a automatizarlas para talla utilizada para generar el efecto. les mixtos, arte digital interactivo a travs de la
evitar fatiga y optimizar tiempo. tecnologa computacional, entre otros.
Conclusin
Ambientes digitales
Agentes virtuales (Virtual agents) Tecnologas que proporcionan espacios creados Aspectos de comunicacin
Representacin de una persona que proporciona de manera virtual por medio de las cuales los Consideraciones del proceso de comunicacin
Pg. 1 de 7

TEmas CAPtulo 1
analizadas dentro del desarrollo de diseo cen- temas multimodales interactivos en calidad de da al mismo tiempo, ya sea en el mismo o dife-
trado en el usuario, como aspectos culturales sensores. rente lugar.
Glosario
que se conocen al hacer el anlisis de usuarios.
Colaboracin Comunicacin
Aspectos tecnolgicos Proceso en el que dos o ms personas partici- Proceso simple mediante el cual el emisor emite
Elementos como herramientas y aplicaciones digi- pan y cooperan para lograr un objetivo. un mensaje dirigido al receptor y ste contesta a
tales que el usuario maneja; grado de dominio del travs de otro mensaje.
uso de la tecnologa; lugar y contexto en el que se Componentes electromecnicos
usa o usar el sistema interactivo, entre otros. Objetos basados en electrnica y mecnica utili-
D
Recursos
zados como interfaz para interactuar con objetos
B de la vida diaria conocida como interfaz fsica,
hptica, o bien, multimodal.
Diseo de componentes de navegacin
Accin de crear objetos para que el usuario in-
Blackboard 9.1 teracte con los contenidos en una aplicacin.
Componentes visuales
Plataforma tecnolgica diseada para ofrecer Ejemplos de componentes de navegacin son
Elementos visuales que integran una interfaz
soluciones de apoyo al proceso de enseanza- los botones y las hiperligas.
grfica. Los componentes se pueden clasificar
aprendizaje.
en interactivos y no interactivos. Los interactivos Diseo de interaccin (Interaction design)
Actividad
Botones son aquellos que permiten al usuario explorar
Proceso de generar y evaluar productos, siste-
contenidos en una interfaz grfica.
Objeto interactor que permite al usuario encen- mas o dispositivos que cumplan con el objetivo
der o apagar una funcin, o bien, llevar a cabo Comunicacin asncrona para el que fueron diseados, y que apoyen las
una accin. actividades que la gente realiza en su trabajo y
La comunicacin entre grupos de interaccin se
en su vida diaria.
da desfasada en tiempo, y puede ser en el mis-
C
Conclusin
mo o diferente lugar. Diseo grfico (Graphic design)
Cmaras de video Comunicacin sncrona Especificacin que incluye la tipografa, la orga-
nizacin espacial y el uso de color.
Dispositivo de entrada de datos utilizado en sis- La comunicacin entre grupos de interaccin se
Pg. 2 de 7

TEmas CAPtulo 1
Dispositivo GPS Escenario nologa. Hay dispositivos de entrada o de salida.
Sistema de posicionamiento global o global po- Ambiente que describe una situacin o un espa-
Glosario
sitioning system, el cual se utiliza para obtener cio especfico. Se definen escenarios o casos de I
informacin de una cierta posicin geogrfica a uso para examinar sistemas interactivos utilizan-
travs del sistema global de navegacin sateli- do ciertas tcnicas de evaluacin de usabilidad. Interaccin basada en comandos e in-
tal. Es un servicio que se proporciona en algu- strucciones (Command-based interaction)
nos medios de transporte, telfonos inteligentes Espacio de trabajo
Invita a los usuarios a realizar actividades y tran-
y computadoras. Lugar para trabajar, ya sea de manera individual sacciones tecleando texto en una lnea de co-
o en colaboracin. La virtualidad o el espacio vir- mandos o prompt seguido de la tecla de retor-
Recursos
Dispositivo porttil tual de trabajo es necesario al utilizar una inter- no (return) o aceptar (enter).
Tecnologa o artefacto fcil de transportar o mo- faz compartida para grupos de usuarios.
ver entre los que se encuentran desde memo- Interaccin basada en el dilogo y la con-
rias USB hasta cmaras digitales, telfonos inte- Estilo de interaccin (Interaction style) versacin (Dialog-based interaction)
ligentes y laptops. Forma en que un producto ha sido diseado para Incorpora elementos de reconocimiento de voz
que sea posible utilizarlo. Hay una gran variedad y texto que invitan al usuario a establecer con-
Dispositivo de estilos de interaccin, desde interaccin ba- versaciones con el producto con base en el in-
Actividad
Medio de comunicacin entre el usuario y la tec- sada en comandos hasta manipulacin directa. tercambio de mensajes hablados o escritos para
nologa. Hay dispositivos de entrada o de salida. poder realizar las actividades y transacciones
Experiencia de uso
deseadas.
E Vivencias que obtienen los usuarios al utilizar
una aplicacin, objeto, artefacto o prototipo. No Interaccin basada en la exploracin (Ex-
Editor se disean experiencias, se disean objetos para ploration-based interaction)
crear experiencias. Invita a los usuarios a interactuar por medio de la
Ambiente para modificar documentos. Tambin
Conclusin
se les llama editores de texto, editores de pala- exploracin de espacios o de informacin, como
Experiencia de usuario (User experience)
bras o editores de imgenes. modo de interaccin.
Medio de comunicacin entre el usuario y la tec-
Pg. 3 de 7

TEmas CAPtulo 1
Interaccin basada en la manipulacin invitan al usuario a establecer conversaciones usuario a interactuar con un producto a travs de
directa (Direct manipulation interface) con el producto con base en el intercambio de una pantalla tctil.
Glosario
Estilo de interaccin mediante el cual los usua- mensajes para poder realizar las actividades.
Interfaz para dispositivos mviles (Mobile
rios directamente seleccionan representaciones Interfaz de usuario (User interface, UI) interface)
de objetos.
Manera en la que una persona interacta con Conjunto de componentes que permite al usua-
Interfaz asociada a un robot (Robotic in- una aplicacin o sistema interactivo. rio interactuar con aplicaciones que han sido
terface) desarrolladas para usarse desde dispositivos
Interfaz grfica (Graphical user interface)
Es un conjunto de componentes electromecni- porttiles, tambin conocidos como dispositivos
Recursos
Formada por un conjunto de componentes vi-
cos (como sensores, cmaras de video, rayos l- mviles.
suales que invitan al usuario a relacionar esos
ser) que permite la interaccin con el ambiente,
componentes con objetos y actividades de la Interfaz para grupos de usuarios (Shear-
sustituyendo a un usuario humano.
vida real, con el fin de realizar transacciones y able interface)
Interfaz asociada con un robot (Robotic explorar contenidos en ambientes digitales.
Formada por un conjunto de componentes que
interface)
Interfaz para dispositivos con pantalla apoyan la comunicacin, la colaboracin y el in-
La interaccin se lleva a cabo a travs de un ro- tctil (Touchscreen interface) tercambio de informacin entre grupos de usua-
Actividad
bot, en especial cuando se trata de simuladores rios, de manera sincrnica o asincrnica.
Incluye una pantalla tctil de una o varias entra-
o sistemas virtuales de control, como el robot uti-
das (one/multi input touch screen). En algunas
lizado por la NASA en el proyecto Mars Rover; o Interfaz para grupos de usuarios (Sher-
ocasiones va acompaada de otros dispositivos
bien, las cirugas mdicas asistidas por un robot, able interface)
de entrada como teclado y ratn; sin embargo,
cuando el cirujano se encuentra a distancia del
es muy popular en dispositivos mviles. Paradigma de diseo de interfaces interactivas
paciente.
enfocadas en apoyar la comunicacin y cola-
Interfaz para dispositivos con pantalla
Conclusin
Interfaz basada en reconocimiento de voz boracin entre usuarios, ya sea que trabajen al
(Speech interface) tctil (Touchscreen interface) mismo tiempo y en diferentes lugares, o bien, en
Formada por un conjunto de componentes que Es un conjunto de componentes que invitan al el mismo lugar, pero a destiempo.
Pg. 4 de 7

TEmas CAPtulo 1
Interfaz para objetos asociados a efectos objeto, artefacto o sistema, integrado por com- ridos por un conjunto de usuarios que forman
especiales (Tangible interface) ponentes con los cuales se permite al usuario a parte de los requerimientos en el diseo de un
Glosario
Formada por un conjunto de componentes elec- interactuar con l. sistema interactivo.
tromecnicos que invitan al usuario a interactuar iPad
con un producto, a partir de acciones especfi-
Dispositivo computacional llamado tableta, dise-
O
cas, con el fin de realizar las actividades y tran-
ado por Apple, Inc. Cuenta, entre otras caracte- Objetos
sacciones deseadas.
rsticas, con una pantalla tctil de mltiple entra-
Elementos que forman parte de un ambiente, es-
Interfaz que forma parte de tus acceso- da (multi-touch interface).
pacio, actividad, ya sean reales o virtuales, natu-
Recursos
rios personales (Wearable interface)
rales o artificiales.
Se integra de componentes que forman parte de M Organizacin de contenidos
la indumentaria o ropa del usuario.Interfaz que
forma parte de tus accesorios personales (Wea- Modelo de diseo centrado en el usuario Forma en la que la informacin es organizada en
rable interface) Consiste en considerar al usuario como el centro un sistema interactivo o un ambiente grfico. El
Conjunto de componentes que permite a los del proceso y como participante del mismo, ya diseo centrado en el usuario considera que la
usuarios ponerse o usar como accesorio un sea activa o pasivamente. organizacin de la informacin debe ser natural
Actividad
dispositivo para acceder ambientes de informa- e intuitiva para los usuarios.
cin digital. N
Interfaz web (Web interface) Navegar
P
Conocida tambin como interfaz basada en web. Accin que hace el usuario al moverse entre con- Pginas de wiki
Es una interfaz por medio de la cual el usuario inte- tenidos de informacin a travs de objetos inte- Sitios o espacios disponibles en la web para
racta con servidores basados en tecnologa web.
Conclusin
ractores o ligas, ya sea hipertexto o hipermedios. colaborar entre grupos de usuarios, discutiendo
Interfaz o compartiendo documentos.
Necesidades del grupo de usuarios
Medio de comunicacin entre el usuario y un Acciones, situaciones, servicios u objetos reque-
Pg. 5 de 7

TEmas CAPtulo 1
Pantalla tctil (Tactile screen) ner datos del medio ambiente, por ejemplo, al inte- robots diseados para proporcionar servicios al
Dispositivo de interaccin que permite al usuario rrumpir con la mano la luz emitida por un lser; un ser humano.
Glosario
comunicarse con una aplicacin. Hay dispositi- sistema interactivo puede generar un sonido, simu-
vos que posibilitan tener solamente una interac- lando el tocar un instrumento musical de cuerdas.
S
cin a la vez, pero tambin hay otros que ofre- Realizacin simultnea de diversas activi-
cen varias interacciones al mismo tiempo (multi Sensores y actuadores
dades
touch interfaces). Dispositivos que sirven de interfaz entre el mun-
Cuando dos o ms actividades o tareas se llevan
do fsico y el virtual. Se utilizan para disear
Pasos a cabo al mismo tiempo. En ocasiones, las acti-
interfaces hpticas o fsicas. Hay sensores de
Recursos
Cada una de las etapas que conforman un proceso. vidades simultneas pueden ser realizadas sin
proximidad, de ruido, de ultrasonido, entre otros.
problema ya que estimulan diferentes lbulos del
Preferencias del grupo de usuarios cerebro, por ejemplo, escuchar y observar. Sntesis de voz (Speech sinthesis)
Acciones, situaciones, servicios u objetos favori- Reconocimiento de voz (Speech recognition) Produccin de voz humana, generalmente a par-
tos por un conjunto de usuarios. Estas preferen- tir de texto, en una computadora.
cias generan requerimientos bsicos en el proce- Tecnologa para convertir palabras en texto, ge-
so de diseo interactivo centrado en el usuario. neralmente utilizado para controlar dispositivos o Sitio web (Web site)
funciones de un sistema interactivo.
Actividad
Espacio creado con base en una coleccin de
Proceso
Ritmo cardiaco pginas o documentos que contienen informa-
Secuencia de etapas o pasos de una cierta acti- cin en diversos medios digitales y est publica-
vidad. Regularidad del movimiento del corazn de un
do en un dominio de internet.
ser vivo.
R Robot T
Conclusin
Dispositivo mecnico creado en un inicio para
Rayos lser Tareas prioritarias
apoyar en actividades rutinarias o peligrosas
Rayo de luz producido por un lser utilizado en para el ser humano en la industria de la manu- Actividades jerarquizadas con mayor importan-
sistemas interactivos como dispositivo para obte- factura o produccin. En la actualidad existen cia de acuerdo con un criterio especfico. En di-
Pg. 6 de 7

TEmas CAPtulo 1
seo interactivo, la retroalimentacin de tareas Tecnologa de reconocimiento de voz Tipos de interfaz de usuario
prioritarias es ms llamativa, y en ocasiones, de- Tecnologa utilizada en sistemas que responden Clasificacin de interfaces usadas para disear
Glosario
pendiendo del grado de importancia, rompe con a las instrucciones habladas del usuario con el diferentes experiencias de usuario. Las hay gr-
el flujo de la actividad del usuario para interrum- fin de hacer ms intuitiva y natural la manera de ficas, basadas en comandos, multimodales, tan-
pirlo y llamar su atencin. interactuar. gibles, mviles, entre otras.
Tareas secundarias Telfono celular
Actividades jerarquizadas con menor importan- Dispositivo inalmbrico mvil que proporciona al
cia de acuerdo con un criterio especfico. En di- usuario acceso a la red de telefona celular. Por
Recursos
seo interactivo, la retroalimentacin de tareas ejemplo, los telfonos celulares con tecnologa
secundarias se hace menos visible, en ocasio- bluetooth, PDA, GPS, pantalla tctil, se denomi-
nes con un pequeo sonido de retroalimentacin nan telfonos inteligentes.
para evitar interrumpir al usuario.
Actividad
Conclusin
Pg. 7 de 7

TEmas CAPtulo 1
Glosario
Recursos del captulo 1
Recursos
Escuela de Diseo de Interaccin de la Universidad de Stanford - Puedes consultar este sitio con ejemplos de proyectos de investigacin realiza-
dos por profesores y alumnos de diversas especialidades, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones interacti-
vas: http://dschool.stanford.edu/
Instituto de Diseo de Interaccin de la Universidad de Carnegie Mellon - El siguiente es un sitio con ejemplos de proyectos de investigacin rea-
lizados por profesores y alumnos de ciencias computacionales, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones inte-
Actividad
ractivas: http://www.hcii.cmu.edu/
Laboratorio de Diseo de Interaccin de la Universidad de Maryland College Park - Sitio con ejemplos de proyectos de investigacin realizados
por profesores y alumnos de ciencias computacionales, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones interactivas:
http://www.cs.umd.edu/hcil/
Conclusin
Page 1 de 1

24
Captulo 2. El usuario y el contexto

Organizador Temtico
El usuario y el contexto
Anlisis de audiencias Diseo de perfiles de usuarios
Photos.com

TEmas CAPtulo 2
25 Introduccin
El usuario y el contexto
Objetivos del captulo 2 Introduccin
Conocer el concepto de audiencia meta. Cada vez que se genera un nuevo producto, se debe tomar en cuenta la audiencia a la que
Glosario
va dirigido, as como la necesidad de segmentar una audiencia en varios grupos. Por ejemplo,
Conocer la relacin entre el diseo de interaccin
un mismo producto puede variar sutilmente en su diseo si es ofrecido a nios, a adolescentes
y el anlisis de audiencias. o a adultos.
Conocer estrategias de anlisis de audiencias y su En este captulo se describe la importancia de analizar detalladamente a cada grupo de
usuarios para los que se va a disear un producto, con el fin de incluir sus necesidades, prefe-
contexto.
rencias y experiencias previas al generar diseos preliminares.
Recursos
Adems, se presentan estrategias para generar perfiles de usuario como gua del proceso
de diseo y evaluacin de nuevos productos.
Actividad
Conclusin
Pg. 1 de 1

MAPA
Glosario
TEmas CAPtulo 2
26 2.1 Anlisis de audiencias
Diseo de interaccin (Interaction

2.1 Anlisis de audiencias Desde el punto de vista del diseo de interaccin, una design)
audiencia comprende el grupo de usuarios para los que se
Como parte del diseo de interaccin se deben tomar Proceso de generar y evaluar pro-
disea un producto (Lazar, 2006). ductos, sistemas o dispositivos que
en cuenta las necesidades, preferencias y limitaciones de
cumplan con el objetivo para el que
glosarioGlosario
la audiencia hacia la que va dirigido el producto a disear. En algunos casos, la audiencia puede estar integrada
fueron diseados, y que apoyen las
por varios grupos de usuarios. Por ejemplo, la audiencia actividades que la gente realiza en su
de un sitio web puede incluir a los usuarios que visitan por trabajo y en su vida diaria.
primera vez la informacin disponible en el sitio, as como
Audiencia
al grupo de usuarios que ya lo ha visitado y cuenta con
experiencia en la bsqueda avanzada por palabras clave. En el proceso de diseo centrado en
el usuario, la audiencia es el pblico

Otro ejemplo sera la audiencia de una estacin en la meta al cual va dirigido un diseo.
RECURSOS
que los pasajeros pueden registrar su propia informacin de Grupo de usuarios
vuelo y obtener su pase para abordar el avin a travs de Conjunto de usuarios que tienen rela-
Recursos
una interfaz para dispositivos con pantalla tctil instalada en cin entre s, definida en el anlisis
la entrada del aeropuerto. Algunos pasajeros solo hablan de audiencias, ya sea por sus habi-
espaol, otros ingls, por lo cual la informacin deber es- lidades fsicas, cognitivas, o por sus
tar disponible en varios idiomas para poder apoyar a los di- capacidades diferentes. Los usuarios
caen dentro del mismo perfil. Un
versos grupos de usuarios de la audiencia de esta estacin. grupo de usuarios se considera un
ACTIVIDAD
perfil de usuarios.
Interfaz para dispositivos con panta-
Actividad
lla tctil
nentes que permiten al usuario inte-
ractuar con un producto a travs de
alexander kirch / Photos.com

una pantalla tctil.
CONCLUSIN
Conclusin
Figura 3. Anlisis de la audiencia.
Pg. 1 de 3

MAPA
Glosario
TEmas CAPtulo 2
Audiencias especificas
Algunas aplicaciones agrupan sus contenidos a partir de Las preferencias de un grupo de usuarios involucran as-
audiencias especficas (Lazar, 2006). Por ejemplo, el sitio pectos que, en general, las personas que forman parte de Tipos definidos de audiencias a las
que va dirigido el diseo de un produc-
web de BANAMEX ha preparado una seccin con informa- ese grupo perciben como apropiados y agradables, como: to. Puede haber diseos orientados a
cin de inters para personas, otra para empresas, y una diversas audiencias especficas, por
glosarioGlosario
Pasa el mouse por encima de cada aspecto
ms para realizar transacciones de gobierno (ver apoyo 2). para desplegar sus ejemplos. ejemplo, cuando la arquitectura de
informacin de un sitio web incluye
Una vez que se han identificado los grupos de usuarios las siguientes opciones: para alum-
a los que va dirigido un producto, el diseador debe identi- nos de nuevo ingreso, para paps,
ficar las necesidades, preferencias y posibles limitaciones para profesores. Esas son audien-
de cada uno de esos grupos de usuarios (Lazar, 2006). cias especficas.
Necesidades de un grupo de usuarios
Las necesidades de un grupo de usuarios integran:
RECURSOS
Acciones, situaciones, servicios u
El tipo de informacin que regularmente utilizan, por objetos requeridos por un conjun-
to de usuarios que forman parte de
Recursos
ejemplo, informacin estadstica, financiera, de un produc-
to o del clima, noticias, msica, videos o blogs, entre otros. los requerimientos en el diseo de un
sistema interactivo.
El tipo de transacciones que por lo general realizan,
Preferencias de un grupo de usuarios
por ejemplo, consultar una base de datos, imprimir docu-
mentos, revisar un catlogo, comprar en lnea, solicitar la Acciones, situaciones, servicios u
objetos favoritos por un conjunto de
ACTIVIDAD
devolucin de un producto, leer noticias en el peridico o
usuarios. Estas preferencias generan
leer las mismas noticias en lnea, entre otras. requerimientos bsicos en el proceso
Actividad
El tipo de dispositivos y tecnologas que regular- de diseo interactivo centrado en el
mente utilizan, por ejemplo, telfono celular, laptop, panta- usuario.
lla tctil, navegador web, motor de bsqueda, sistema de
traduccin automtica, entre otros.
CONCLUSIN
Conclusin
Photos.com
Pg. 2 de 3

MAPA
Glosario
TEmas CAPtulo 2
Limitaciones de un grupo de usuarios

En general, las preferencias de un grupo de usuarios Diferencias culturales, como el idioma, el cdigo de
son similares a las de otros grupos que utilizan el mismo colores y el vocabulario apropiado para el grupo de usua- Caractersticas de un perfil de usua-
rios que presentan discapacidad en
producto, pero no necesariamente las mismas. rios que forman parte de la audiencia meta. algn grado, ya sea desde no cono-
cer alguna lengua, hasta tener capa-
glosarioGlosario
Diferencias individuales, como la edad, el gnero, la
cidades fsicas diferentes.
capacidad de lectura, de escritura y de percibir colores, as
como la experiencia previa con el uso de tecnologas de Diferencias culturales
cada usuario que forma parte de la audiencia meta. Al hablar de usuarios, las diferencias
culturales se definen considerando
idioma, tradiciones y otras caracters-
ticas propias de cierta cultura.
Diferencias individules
RECURSOS
Informacin demogrfica respecto a

un grupo de usuarios como el gnero,
Recursos
edad, habilidades fsicas y cognitivas,
entre otras.
filipe varela / Photos.com

Las limitaciones de un grupo de usuarios son las dife-
Photos.com
ACTIVIDAD
rencias sutiles entre los usuarios que forman parte de una
misma audiencia, las cuales se identifican en funcin de:
Actividad
CONCLUSIN
Conclusin
Pg. 3 de 3

MAPA
Glosario
TEmas CAPtulo 2
29 2.2 Diseo de perfiles de usuarios
Perfil
2.2 Diseo de perfiles de usuarios Para crear un perfil o persona para cada grupo de usua-
rios, se deben seguir en forma iterativa cada uno de los si- Caractersticas que definen a un cier-
En el diseo de interaccin, se debe identificar a cada to grupo de usuarios y que lo hacen
guientes pasos: un grupo especfico que es parte de
grupo de usuarios que forman parte de la audiencia para la
la audiencia meta del producto, obje-
glosarioGlosario
que se disea un producto (Lazar, 2006).
to o artefacto interactivo.
Adems, se debe crear un perfil para cada grupo de Experiencia previa de usuario o de uso
usuarios, en el que se describan lo ms detalladamente
Vnculo generado previamente entre
Catherine Yeulet / Photos.com

posible sus caractersticas generales, as como sus nece- el usuario y un objeto, diseo, arte-
sidades, preferencias y experiencia previa (Nielsen, 1993; facto o servicio especfico. Puede
Norman, 1988). ser positiva o negativa. La experien-
cia previa afecta la manera en que el
RECURSOS
El perfil de cada grupo de usuarios sirve de gua para usuario interacta con otros objetos.
los diseadores durante todo el proceso de diseo de inte-
Interfaz
Recursos
raccin, y particularmente, en las fases de diseo de inter-
Integrada por el conjunto de compo-
faz y evaluacin de la experiencia de uso (Sharp, Rogers y
Paso 1: se debe identificar la audiencia de un producto, nentes con los que un producto invita
Preece, 2007). al usuario a interactuar con l.
por ejemplo, estudiantes como audiencia de un sitio web.
Evaluacin
Conjunto de actividades que se rea-
ACTIVIDAD
lizan para mejorar un producto como
parte del proceso de diseo centrado
Actividad
en el usuario.
Experiencia de uso
Vivencias que obtienen los usuarios
Francesco Ridolfi / Photos.com

al utilizar una aplicacin, objeto, arte-
facto o prototipo.
Comstock / Photos.com
CONCLUSIN
Persona
Conclusin
Usuario hipottico que representa a
los usuarios definidos en un cierto
perfil, los cuales presentan caracte-
rsticas que los definen como un gru-
po de usuarios.
Pg. 1 de 5

TEmas CAPtulo 2
Paso 2: se debe decidir si la audiencia puede Paso 5: se debe incluir nombres de usua- Se debe crear un perfil o persona para
segmentarse en grupos de usuarios. Por ejemplo, rios ficticios, pero que representen el perfil de cada grupo de usuarios que forman parte de
estudiantes como audiencia de un sitio web pue- los usuarios reales de cada grupo. Por ejemplo, una audiencia.
de segmentarse en estudiantes de administra- nombres latinos para usuarios latinos, nombres
Se deben incluir fotos de usuarios ficti-
cin, estudiantes de ingeniera, estudiantes de franceses para usuarios franceses, etctera.
cios, pero que de alguna manera representen las
derecho y estudiantes de medicina, entre otros.
Glosario
caractersticas generales de los usuarios reales
Paso 3: se deben documentar las caracters- de cada grupo.
ticas generales, as como las necesidades, pre-
Se deben incluir nombres de usuarios fic-
ferencias, y experiencia previa de cada grupo de
ticios, pero que de alguna manera representen a
usuarios. Por ejemplo, el rango de edad de cada
los usuarios reales de cada grupo.
grupo de estudiantes que usarn el sitio web, el
idioma que hablan, el tipo de transacciones que
Photos.com
Recursos
generalmente realizan en lnea, y el tipo de dis-
positivos que por lo regular utilizan.
Paso 4: se debe incluir fotos de usuarios ficti- Paso 6: se debe revisar y actualizar el perfil
cios, pero que de alguna manera representen las de cada grupo de usuarios en las fases de diseo
caractersticas generales de usuarios reales de y evaluacin.
cada grupo. Por ejemplo, una foto de personas Es importante mencionar que al disear per-
que se vean como estudiantes de administra- files de usuarios:
Actividad
cin; otra como estudiantes de ingeniera; una
ms como estudiantes de derecho, y finalmen-
te, una como estudiantes de medicina.
Conclusin
Se debe conservar en forma confidencial la
identidad de los usuarios que participan en las
fases de diseo y evaluacin.
Pg. 2 de 5


Glosario
TEmas CAPtulo 2
Portar comercial
Ejemplo 1: Perfil de usuario del portal comercial de Sofa Hernndez
CEMEX Mxico Sitio basado en internet en el cual se lle-
Tiene 25 aos. van a cabo transacciones comerciales,
CEMEX es una empresa multinacional que se dedica es decir, compra-venta de productos.
Habla espaol e ingls.
a producir y comercializar diversos tipos de concreto. Ac- Explorer
tualmente, cuenta con sucursales en diversos pases y su Trabaja como asistente ejecutiva en CEMEX.
Navegador de internet diseado y comer-
Glosario
oficina matriz est en Monterrey, Mxico. Ingresa todos los das al portal comercial. cializado por la compaa Windows.
CEMEX ha creado un portal comercial en internet con Genera reportes cada semana y cada mes. PC
el fin de integrar en un solo espacio toda la informacin de Acrnimo para personal computer
Consulta las normas y polticas de la empresa.
sus operaciones en Mxico. utilizado para nombrar coloquialmen-
Consulta el calendario de eventos. te a cualquier computadora personal,
El perfil de este ejemplo representa a un grupo de usua- indistintamente de la marca, pero se
rios del portal comercial de CEMEX Mxico de cierto rango Le gustara tener en el portal comercial un manual asocia con computadoras con siste-
ma operativo Windows.
Recursos
de edad, con ciertas caractersticas y preferencias; el nom- de capacitacin para empleados de nuevo ingreso.
bre y la foto del perfil son ficticios.
Le agradara poder configurar sus servicios favoritos
en el portal comercial de manera dinmica.
Ligas de inters
No le gusta leer en lnea documentos muy largos. Portal comercial de CEMEX.
Usa Explorer en su PC.
Actividad
claudiobaba / Photos.com
Conclusin
cemex.com
Pg. 3 de 5

MAPA
Glosario
TEmas CAPtulo 2
Dispositivos mviles (ver dispositivo

Ejemplo 2: Perfil de usuario de dispositivos mviles George Smith porttil)
Los dispositivos mviles (telfono celular, tableta, GPS, Tecnologa o artefacto fcil de trans-
entre otros) han revolucionado la forma en que las perso- portar o mover entre los que se
encuentran desde memorias USB
glosarioGlosario
nas generan, organizan y exploran informacin en formato
hasta cmaras digitales, telfonos
Comstock Images / Photos.com

digital. Actualmente, existe una gran variedad de dispositi- inteligentes y laptops.
vos mviles que ofrecen una amplia gama de plataformas
y diversas opciones de uso. Google Chrome
Navegador de internet gratuito dise-
ado por Google.
RECURSOS
Tiene 38 aos.
Recursos
Habla ingls, espaol y alemn.
Trabaja como periodista independiente.
Viaja constantemente a diversos pases.
ACTIVIDAD
Asiste a muchos eventos internacionales.
Actividad
Ingresa todos los das a sitios de noticias.
Genera artculos y reportes todos los das.
Consulta peridicos y revistas en lnea.
Evita el manejo de informacin impresa.
CONCLUSIN
El perfil de este ejemplo representa a un grupo de usua- Invierte muchas horas del da explorando informacin
Conclusin
rios de dispositivos mviles de cierto rango de edad, con en lnea.
ciertas caractersticas y preferencias; el nombre y la foto
del perfil son ficticios. Usa Google Chrome en su telfono celular.
Pg. 4 de 5


Glosario
TEmas CAPtulo 2
ICDL
Ejemplo 3: Perfil de usuario de ICDL Cecilia Martnez
International Childrens Digital Library,
La Biblioteca Digital Internacional para Nios ha sido por sus siglas en ingls. Proyecto de
creada en internet con el fin de promover la lectura, la inte- bibliotecas digitales internacionales
raccin con medios digitales y el aprendizaje de otros idio- para nios, patrocinado por Microsoft
y la NSF, elaborado por investigado-
mas entre los nios de todo el mundo. res de la Universidad de Maryland.
Glosario
El perfil en este ejemplo representa a un grupo de usua- Safari
rios de ICDL de cierto rango de edad, con ciertas carac- Navegador de internet de Apple Inc.
tersticas y preferencias; el nombre y la foto del perfil son
ficticios. iPad
Dispositivo computacional llama-
do tableta diseado por Apple, Inc.
tyler olson / Photos.com

Cuenta con una pantalla tctil de ml-
tiple entrada (multi-touch interface).
Recursos
Ligas de inters
Tiene 4 aos.
Entra a la pgina web de la Bi-
Habla espaol. blioteca Digital Internacional para
Nios.
Actividad
Todava no sabe leer.
Aprende ingls en un kinder bilinge.
Andriy Kravchenko / Photos.com
Ingresa todos los das al sitio de ICDL en compaa

de su mam.
Disfruta viendo los dibujos y animaciones en los libros
Conclusin
de ICDL, mientras su mam le lee el texto.
Usa Safari en el iPad de su mam.
Pg. 5 de 5

TEmas CAPtulo 2
34
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 2
35

Instrucciones: Esta actividad te invita a generar un perfil que represente en forma general las necesidades, habilidades, gnero y edad del grupo de
usuarios de la aplicacin Infosel Financiero 10.0.
Glosario
Paso 1: Observa el video que describe las caractersticas
de la aplicacin Infosel Financiero 10.0.
Recursos
Actividad
Haz clic en el botn para ver el video.
Conclusin
Pg. 1 de 1

TEmas CAPtulo 2
36

La audiencia de un producto puede estar in- grupo de usuarios, pues servir de gua durante ticas generales de los usuarios reales de cada
Glosario
tegrada por uno o varios grupos de usuarios. todo el proceso de diseo de interaccin, y par- grupo en la audiencia.
Por lo general, el diseador de interaccin pue- ticularmente en las fases de diseo de interfaz y
de distinguir a cada grupo de usuarios a partir evaluacin de la experiencia de uso. Es responsabilidad del diseador conservar
de sus caractersticas generales, y necesidades, en forma confidencial la identidad de los usua-
Al disear perfiles de usuarios se debe incluir rios que participan en las fases de diseo y eva-
preferencias y experiencia previa.
fotos y nombres de usuarios ficticios, pero que luacin.
Adems, se debe crear un perfil para cada de alguna manera representen las caracters-
Recursos
Actividad
Mauricio Jordan / Photos.com
omgimages / Photos.com
YanLev / Photos.com
Conclusin
Pg. 1 de 1

TEmas CAPtulo 2
Glosario
Recursos
A para paps, para profesores. Esas son au-
diencias especficas.
Diseo de interaccin (Interaction design)
Audiencia
En el proceso de diseo centrado en el usuario,
D mas o dispositivos que cumplan con el objetivo
para el que fueron diseados, y que apoyen las
Actividad
la audiencia es el pblico meta al cual va dirigido Diferencias culturales actividades que la gente realiza en su trabajo y
un diseo. en su vida diaria.
Al hablar de usuarios, las diferencias culturales
Audiencias especficas se definen considerando idioma, tradiciones y Diseo de interfaz
otras caractersticas propias de cierta cultura.
Tipos definidos de audiencias a las que va di- Diseo del conjunto de componentes con los que
rigido el diseo de un producto. Puede haber Diferencias individuales un producto invita al usuario a interactuar con l.
diseos orientados a diversas audiencias espe-
Conclusin
Informacin demogrfica respecto a un grupo de Dispositivo mvil (ver dispositivo porttil)
cficas, por ejemplo, cuando la arquitectura de
usuarios como el gnero, edad, habilidades fsi-
informacin de un sitio web incluye las siguien- Tecnologa o artefacto fcil de transportar o mo-
cas y cognitivas, entre otras.
tes opciones: para alumnos de nuevo ingreso, ver entre los que se encuentran desde memorias
Pg. 1 de 3

TEmas CAPtulo 2
USB hasta cmaras digitales, telfonos inteligentes mejorar un producto como parte del proceso de les internacionales para nios, patrocinado por
y laptops.analizadas dentro del desarrollo de dise- diseo centrado en el usuario. Se realiza en las Microsoft y la NSF, elaborado por investigadores
Glosario
o centrado en el usuario, como aspectos cultura- primeras etapas del proceso, involucrando a los de la Universidad de Maryland.
les que se conocen al hacer el anlisis de usuarios. usuarios de diferentes formas entrevistas, gru-
pos de enfoque, observacin participativa, de- Interfaz
E pendiendo de cada proyecto. Integrada por el conjunto de componentes con los

que un producto invita al usuario a interactuar con l.
Experiencia de uso G Interfaz para dispositivos con pantalla
Vivencias que obtienen los usuarios al utilizar tctil (Touchscreen interface)
Recursos
una aplicacin, objeto, artefacto o prototipo. No Google Chrome
Formada por un conjunto de componentes que
se disean experiencias, se disean objetos para Navegador de internet gratuito diseado por Google.
permiten al usuario interactuar con un producto
crear experiencias.
Grupos de usuarios a travs de una pantalla tctil.
Experiencia previa de usuario o de uso Conjunto de usuarios que tienen relacin en- iPad
Vnculo generado previamente entre el usuario tre s, definida en el anlisis de audiencias, ya
Dispositivo computacional llamado tableta dise-
y un objeto, diseo, artefacto o servicio especfi- sea por sus habilidades fsicas, cognitivas, o por
ado por Apple, Inc. Cuenta, entre otras caracte-
Actividad
co. Puede ser positiva o negativa. La experiencia sus capacidades diferentes. Los usuarios caen
rsticas, con una pantalla tctil de mltiple entra-
previa afecta la manera en que el usuario inte- dentro del mismo perfil. Un grupo de usuarios se
da (multi-touch interface).
racta con otros objetos. considera un perfil de usuarios.
Explorer
I L
Navegador de internet diseado y comercializa-
do por la compaa Windows. Limitaciones de grupo de usuarios
ICDL
Conclusin
Caractersticas de un perfil de usuarios que pre-
Evaluacin International Childrens Digital Library, por sus
sentan discapacidad en algn grado, ya sea
siglas en ingls. Proyecto de bibliotecas digita-
Conjunto de actividades que se realizan para desde no conocer alguna lengua, hasta tener
Pg. 2 de 3

TEmas CAPtulo 2
capacidades fsicas diferentes.USB hasta c-
maras digitales, telfonos inteligentes y laptops.
usuarios y que lo hacen un grupo especfico que
es parte de la audiencia meta del producto, ob-
T
Glosario
analizadas dentro del desarrollo de diseo cen- jeto o artefacto interactivo. Se le conoce tambin Telfono celular
trado en el usuario, como aspectos culturales como persona. Dispositivo inalmbrico mvil que proporciona
que se conocen al hacer el anlisis de usuarios. al usuario acceso a la red de telefona celular.
Persona
Los telfonos celulares con tecnologa bluetooth,
N Usuario hipottico que representa a los usuarios
definidos en un cierto perfil, los cuales presentan
PDA, GPS, pantalla tctil, se denominan telfo-
nos inteligentes.
Necesidades de grupo de usuarios caractersticas que los definen como un grupo
Recursos
de usuarios.
Acciones, situaciones, servicios u objetos reque-
ridos por un conjunto de usuarios que forman Portal comercial
parte de los requerimientos en el diseo de un
Sitio basado en internet en el cual se llevan a
cabo transacciones comerciales, es decir, com-
pra-venta de productos.
P Preferencias de grupo de usuarios
Actividad
PC Acciones, situaciones, servicios u objetos favori-
Acrnimo para personal computer utilizado para tos por un conjunto de usuarios. Estas preferen-
nombrar coloquialmente a cualquier computado- cias generan requerimientos bsicos en el proce-
ra personal, indistintamente de la marca, pero se so de diseo interactivo centrado en el usuario.
asocia con computadoras con sistema operativo
Windows.
S
Conclusin
Perfil
Safari
Caractersticas que definen a un cierto grupo de
Navegador de internet de Apple Inc.
Pg. 3 de 3

TEmas CAPtulo 2
Glosario
Recursos
Enciclopedia de Diseo de Interaccin - Sitio de inters para el diseador de interaccin, que ofrece entrevistas, publicaciones y ejemplos de pro-
cedimientos para recopilar informacin relacionada con las necesidades, las preferencias y limitaciones de la audiencia meta: http://www.interaction-
design.org/encyclopedia/
Guas de Diseo de Interaccin del Gobierno de Estados Unidos - Sitio atractivo para el diseador de interaccin, ya que ofrece definiciones y
ejemplos de procedimientos utilizados por las agencias de gobierno en Estados Unidos para recopilar informacin relacionada con la audiencia meta:
Actividad
http://www.usability.gov/government/guidelines/index.html
Useit.com - Es un sitio de inters para el diseador de interaccin porque ofrece reportes, publicaciones y guas relacionados con el diseo de perfi-
les de la audiencia meta: http://www.useit.com/
Conclusin
Pg. 1 de 1

41
Captulo 3. El proceso de diseo interactivo

Organizador Temtico
El proceso de diseo interactivo
Diseo centrado en el usuario Modelos de diseo centrado

en el usuario
Olaru Radian-alexandru / Photos.com

TEmas CAPtulo 3
42 Introduccin
El proceso de diseo interactivo

Conocer el enfoque de diseo centrado en el usuario. El enfoque de diseo centrado en el usuario
Glosario
surgi como respuesta a la necesidad de gene-
Identificar las caractersticas principales del diseo centrado en el usuario.
rar productos y servicios adecuados para las ne-
Conocer y comparar diversos modelos de diseo centrado en el usuario. cesidades de cierto grupo de usuarios. Por ello,
es un enfoque de diseo que se basa en cono-
cer las necesidades de la audiencia meta, as
como en habilidades de innovacin y creatividad
por parte del diseador, con el fin de generar
Recursos
productos apropiados al perfil de las personas
que los usarn.
Este captulo describe las caractersticas

principales del diseo centrado en el usuario,
as como varios modelos que han implementa-
do esas caractersticas para disear diferentes
Actividad
tipos de productos, siempre considerando la ex-
periencia de uso de la audiencia meta.
Mostafa Fawzy / Photos.com
Conclusin
Pg. 1 de 1

MAPA
Glosario
TEmas CAPtulo 3
43 3.1 Diseo centrado en el usuario
Diseo centrado en el usuario

3.1 Diseo centrado en el usuario El diseo centrado en el usuario es una estrategia para
Proceso o metodologa que consi-
crear productos y ambientes de informacin interactivos
dera al usuario su objeto central y lo
con base en las necesidades, preferencias y limitaciones involucra desde las primeras etapas
Diseo centrado en el usuario de cada grupo de usuarios que forma parte de la audien- del proceso.
glosarioGlosario
cia para la que se disea el producto (Sharp, Rogers y Necesidades del grupo de usuarios
Preece, 2007). Acciones, situaciones, servicios u
Se basa en Genera objetos requeridos por un conjun-
to de usuarios que forman parte de
los requerimientos en el diseo de un
Experiencia sistema interactivo.
Audiencia Meta
de uso ()UX) Preferencias de un grupo de usuarios
RECURSOS
Estas preferencias generan reque-
Diseo rimientos bsicos en el proceso de
Recursos
diseo interactivo centrado en el
Desarrollo Se basa en
usuario.
Limitaciones de grupo de usuarios
Evaluacin Caractersticas de un perfil de usua-
rios que presentan discapacidad en
ACTIVIDAD
algn grado, ya sea desde no cono-
cer alguna lengua, hasta tener capa-
Actividad
Proceso cidades fsicas diferentes.
Iterativo Grupo de usuarios
Conjunto de usuarios que tienen rela-
Diseo cin entre s, definida en el anlisis
de audiencias, ya sea por sus habili-
CONCLUSIN
dades fsicas, cognitivas, por capaci-
Desarrollo dades diferentes.
Conclusin
Evaluacin Audiencia
Pblico meta al cual va dirigido un
Figura 4. Diseo centrado en el usuario. diseo en el proceso de diseo cen-
trado en el usuario.
Pg. 1 de 2

MAPA
Glosario
TEmas CAPtulo 3
44 3.1 Diseo centrado en el usuario
Desarrollo
Los aspectos del diseo centrado en el usuario que lo Que es iterativo, pues incluye varios ciclos de dise-
hacen sutilmente diferente a otras estrategias de diseo de o, desarrollo y evaluacin. Produccin del objeto, aplicacin o
artefacto dentro del proceso de dise-
productos son (McKracken y Wolfe, 2004): o centrado en el usuario.
Que es centrado en las necesidades y preferen-
glosarioGlosario
cias del usuario, no en el procesamiento de datos ni en Evaluacin
los contenidos. Conjunto de actividades que se rea-
lizan para mejorar un producto como
Que es interdisciplinario, pues requiere habilidades
parte del proceso de diseo centrado
de recopilacin de datos, de anlisis de datos, de diseo en el usuario.
de interfaz de usuario, de herramientas de desarrollo de
ambientes interactivos, as como de evaluacin de la ex- Recopilacin de datos
periencia de uso. Acto de obtener, capturar o coleccionar
RECURSOS
datos relevantes como requerimiento.
Haz clic en la caja Tip de diseo para Anlisis de datos
Recursos
desplegar informacin.
Proceso para medir los datos obteni-
dos utilizando alguna tcnica de reco-
leccin de datos.
Manera en la que una persona inte-
ACTIVIDAD
racta con una aplicacin o sistema
interactivo.
Actividad
Herramientas de desarrollo de

ambientes interactivos
Ambientes para generar sistemas
interactivos, pueden clasificarse
como herramientas bsicas para
CONCLUSIN
generar aplicaciones al instante.
Experiencia de usuario o de uso
Conclusin
Concepto que considera el vnculo
Photos.com
de los usuarios con los objetos, apli-

caciones o artefactos que utilizan en
determinado contexto.
Pg. 2 de 2

MAPA
Glosario
TEmas CAPtulo 3
45 3.2 Modelos de diseo centrado en el usuario
Experiencia previa de usuario o de

3.2 Modelos de diseo centrado en el usuario A pesar de algunas diferencias en la nomenclatura y el uso (User experience)
nivel de detalle entre los modelos, todos son iterativos e
En la actualidad, existen diversos modelos que sirven Vnculo generado previamente entre
interdisciplinarios, promoviendo un enfoque para generar el usuario y un objeto, diseo, arte-
de referencia para llevar a cabo un proyecto de diseo cen-
productos que sean consistentes con las necesidades, pre- facto o servicio especfico. Puede
glosarioGlosario
trado en el usuario (Lazar, 2006; McKracken y Wolfe, 2004;
ferencias y experiencia previa de cada grupo de usuarios ser positiva o negativa. La experien-
Sharp, Rogers y Preece, 2007). cia previa afecta la manera en que el
que forman parte de la audiencia meta.
usuario interacta con otros objetos.
McKracken y Wolfe (2004) sugieren que el proceso de
Audiencia
diseo centrado en el usuario debe ser iterativo, realizando
cada una de las siguientes fases. Pblico meta al cual va dirigido un
diseo en el proceso de diseo cen-
RECURSOS
Iterativo
Que se repite. Es una caracterstica
Recursos
del proceso de diseo centrado en el
usuario por medio de la cual el proce-
so hace ciclos de mejora continua o
iteraciones de mejora.
ACTIVIDAD
Actividad
CONCLUSIN
Conclusin
Figura 3.2.1 Modelo de McKracken y Wolfe (2004).
Pg. 1 de 7

TEmas CAPtulo 3
Anlisis de necesidades (needs analy- Anlisis funcional (functional analysis), Especificacin de criterios de usabilidad
sis), para definir, en forma general, el tipo de pro- para definir en forma general las funciones y ser- (usability specifications), para establecer crite-
ducto a ser creado, as como la audiencia meta. vicios que debe ofrecer a los usuarios el producto rios de calidad que servirn de gua en el diseo
que se va a crear. y evaluacin del producto, desde el punto de vis-
ta de cada grupo de usuarios que forman parte
de la audiencia meta .
Glosario
John Foxx / Photos.com
Stockbyte / Photos.com
Photos.com
Recursos
Anlisis de requerimientos (require-
Anlisis del usuario (user analysis), para ments analysis), para fijar, de manera general,
determinar las necesidades, preferencias y limi- los componentes tecnolgicos requeridos para Diseo (design), para definir, de manera
taciones de cada grupo de usuarios que forman crear el producto deseado. general, la organizacin de la informacin y la
parte de la audiencia, as como las actividades y apariencia del producto con base en el anlisis
transacciones a ser realizadas por cada grupo de realizado para cada grupo de usuarios que for-
usuarios. man parte de la audiencia meta.
Actividad
Francesco Ridolfi / Photos.com
Ola Persson / Photos.com
Kutay tanir / Photos.com
Conclusin
Pg. 2 de 7

MAPA
Glosario
TEmas CAPtulo 3
Diseo de sitios web centrados en el

Prototipo (prototyping), para crear versiones preli- Lazar (2006) sugiere que el proceso de diseo de sitios usuario
minares del producto con base en los diseos generados web centrados en el usuario debe ser iterativo, con base en Diseo de los espacios virtuales
para cada grupo de usuarios. cada una de las siguientes fases. creados con base en una coleccin
de pginas o documentos que contie-
glosarioGlosario
nen informacin en diversos medios
digitales, y que estn publicados en
un dominio de internet.
Jana Blakov / Photos.com
RECURSOS
Recursos
Evaluacin (evaluation), para asegurar que los pro-
totipos generados para cada grupo de usuarios sean ade-
cuados a sus necesidades, preferencias y limitaciones.
ACTIVIDAD
Actividad
Andrey Popov / Photos.com
Figura 3.2.2 Modelo de Lazar (2006).
CONCLUSIN
Conclusin
Definir la misin y la audiencia meta para estable-
cer de manera general el tipo de sitio web que va a ser
creado, as como la audiencia meta.
Pg. 3 de 7

MAPA
Glosario
TEmas CAPtulo 3
Interfaz web (Web Interface)

Analizar requerimientos de usuarios para definir Liberar y promocionar el sitio para que est dis-
las necesidades, preferencias y experiencia previa de cada ponible en Internet y pueda ser visitado por usuarios que Conocida tambin como interfaz
basada en web. Es una interfaz con
grupo de usuarios que forman parte de la audiencia, as forman parte de la audiencia meta. la que el usuario interacta con ser-
como las actividades y transacciones a realizarse por cada vidores basados en tecnologa web.
glosarioGlosario
Evaluacin y rediseo del sitio con el fin de que
grupo de usuarios.
peridicamente se revise y se hagan mejoras al sitio web. Prototipo
Generar diseo conceptual para determinar en lo Producto en el ciclo de vida del desa-
general la organizacin de la informacin y la interfaz del Haz clic en la caja Tip de diseo para rrollo de aplicaciones u objetos. La
sitio web con base en el anlisis realizado para cada grupo desplegar informacin. metodologa basada en prototipos
de usuarios que forman parte de la audiencia meta. consiste en generar el diseo, desde
las primeras ideas, hasta el producto
Generar y evaluar un prototipo preliminar con el terminado.
RECURSOS
fin de crear una versin parcial del sitio web que pueda ser Internet
revisada con detalle por el equipo de desarrolladores. Red interconectada de computado-
Recursos
ras y servicios que utilizan el proto-
Evaluacin de requerimientos de usuarios en la
colo TCP/IP.
que representantes de cada grupo de usuarios de la au-
diencia meta puedan utilizar y evaluar una versin parcial
de la interfaz del sitio web con base en sus necesidades,
preferencias y experiencia previa.
ACTIVIDAD
Actividad
Ciaran Griffin / Photos.com
CONCLUSIN
Conclusin
Pg. 4 de 7

MAPA
Glosario
TEmas CAPtulo 3
Alternativas de diseo
Sharp, Rogers y Preece (2007) han identificado cuatro Realizar prototipos preliminares con el fin de incluir
actividades bsicas que deben realizarse de manera itera- las opiniones e ideas de usuarios al crear varias versiones Diversas opciones de propuestas de
diseo.
tiva al disear aplicaciones y ambientes interactivos cen- parciales del producto.
trados en el usuario. Prototipo preliminar
glosarioGlosario
Versin de introduccin no terminada
de un producto, al utilizar el ciclo de
vida del desarrollo de aplicaciones u
objetos.
LUCID
Modelo propuesto por la empresa
Cognetics Corporation para realizar
RECURSOS
diseos centrados en el usuario.
Recursos
ACTIVIDAD
Actividad
Comstock / Photos.com
Figura 3.2.3 Modelo de Sharp, Rogers y Preece (2007).
CONCLUSIN
Identificar necesidades y establecer requerimien-
tos para producir experiencias de uso exitosas. Evaluar requerimientos y experiencia de uso para
Conclusin
Generar alternativas de diseo para verificar que que representantes de cada grupo de usuarios de la au-
realmente se cumple con las necesidades y requerimientos diencia meta puedan utilizar y evaluar versiones parciales
que se han identificado. del producto.
Pg. 5 de 7


Glosario
TEmas CAPtulo 3
Perfil
La empresa Cognetics Corporation sugiere que el Discovery, para generar un perfil de cada grupo de
proceso de diseo centrado en el usuario debe ser itera- Caractersticas que definen a un cier-
usuarios que forman parte de la audiencia meta. to grupo de usuarios y que los hacen
tivo, y su propio modelo llamado LUCID est compuesto un grupo especfico que es parte de
por cada una de las siguientes fases: la audiencia meta del producto, obje-
to o artefacto interactivo. Se le cono-
ce tambin como persona.
Glosario
Organizacin de la informacin
Manera en la que la informacin es
Alex Slobodkin / Photos.com

o un ambiente grfico. El diseo cen-
trado en el usuario considera que la
organizacin de la informacin debe
ser natural y sencilla para los usua-
rios. Tambin se le conoce como
Recursos
organizacin de contenidos.
Design Foundation, para establecer en lo general Ligas de inters

la organizacin de la informacin y la interfaz del producto
con base en el anlisis realizado para cada grupo de usua- LUCID, y que adems realiza
rios que forman parte de la audiencia meta. proyectos de diseo centrado en
Detailed Design, para el usuario, anlisis de audiencias,
Actividad
producir especificaciones tc- diseo de perfiles de usuario y
nicas y funcionales del pro- diseo de interfaz de usuario.
ducto que va a ser creado. Cognetics Corporation
Franck Boston / Photos.com

Figura 3.2.4 Modelo LUCID Building, para generar
y evaluar prototipos prelimi-
Alexsl / Photos.com
nares del producto .
Conclusin
Envisioning, para definir, en for-
ma general, el tipo de producto a ser Releasing, para eva-
creado, as como la audiencia meta. luar la experiencia de uso.
Pg. 6 de 7


Glosario
TEmas CAPtulo 3
Norma internacional ISO-13407

La norma internacional ISO-13407 sugiere que el proce-
so de diseo centrado en el usuario debe ser iterativo con Norma definida por la Organizacin
Internacional para la Estandarizacin
base en cada una de sus fases. (ISO, por sus siglas en ingls) para
evaluar el proceso de diseo centra-
do en el usuario para sistemas inte-
ractivos, la cual provee una gua para
Glosario
mejorar la calidad.
Recursos
Liberar la alternativa que cumple con los requerimientos.
Es importante mencionar que la primera actividad de la
Ligas de inters
norma internacional ISO-13407 sugiere que antes de usar
un enfoque de diseo centrado en el usuario para el desa- Norma internacional ISO-13407
rrollo de nuevos productos, se verifique que ese enfoque
Figura 3.2.5 Fases de ISO-13407.
Actividad
sea realmente necesario.

Conclusin
Pg. 7 de 7

TEmas CAPtulo 3
52
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 3
53

Instrucciones: Ordena la secuencia de acuerdo a lo que cada modelo sugiere que se realice de manera iterativa al disear aplicaciones y ambientes
interactivos centrados en el usuario.
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 3
54

En general, el diseo de productos es una
Glosario
actividad que involucra creatividad y capacidad
de innovacin de un equipo de diseadores.
Desafortunadamente, no todos los productos in-
novadores son del agrado de la audiencia para
la que han sido creados.
Para que un producto sea innovador y ade-

ms pueda generar experiencias de uso exito-
Recursos
sas, se debe considerar el perfil de cada grupo
de usuarios que forman parte de la audiencia,
por medio de una estrategia de diseo centrado
en el usuario.
Actualmente, existen diversos modelos de di-

seo centrado en el usuario. A pesar de algunas
Actividad
diferencias en la nomenclatura y alcance entre
ellos, todos coinciden al sugerir un enfoque ite-
rativo e interdisciplinario que se basa en las ne-
cesidades, preferencias y limitaciones de cada
grupo de usuarios que forma parte de la audien-
Almagami / Photos.com
cia meta.
Conclusin
Pg. 1 de 1

TEmas CAPtulo 3
Glosario
Recursos
A gers y Preece (2007), el anlisis de datos inicia
al reaccionar a datos obtenidos.
Produccin del objeto, aplicacin o artefacto den-
tro del proceso de diseo centrado en el usuario.
Alternativas de diseo Involucra la creacin de cada medio digital para
Audiencia los contenidos considerados en el alcance del
Diversas opciones de propuestas de diseo.
Actividad
Pblico meta al cual va dirigido un diseo en el producto.
Cuando se cuenta con un numeroso equipo de
proceso de diseo centrado en el usuario.
trabajo para trabajar en un proyecto, se puede Diseo centrado en el usuario (User cen-
dividir en pequeos grupos para crear diversas
alternativas o propuestas de diseo.
C tered design)
Creatividad
Anlisis de datos mas o dispositivos que cumplan con el objetivo
Proceso de innovacin y creacin. para el que fueron diseados, con las necesida-
Proceso para medir los datos obtenidos utilizan-
Conclusin
do alguna tcnica de recoleccin de datos. Se D des del usuario o pblico meta al cual est diri-
gido, y que apoyen las actividades que las per-
pueden medir comportamientos, preferencias,
gustos, opiniones. De acuerdo con Sharp, Ro- Desarrollo sonas realizan en su trabajo y en su vida diaria.
Pg. 1 de 4

TEmas CAPtulo 3
Diseo centrado en el usuario Experiencia de usuario o de uso (User
experience)
H
Proceso o metodologa que considera al usuario
Glosario
su objeto central y lo involucra desde las prime- Concepto que considera el vnculo de los usua- Herramientas de desarrollo de ambientes
ras etapas del proceso. rios con los objetos, aplicaciones o artefactos interactivos
que utilizan en determinado contexto. Se disean Son ambientes para generar sistemas interac-
Diseo de sitios web centrados en el usuario objetos de tal manera que generen experiencias tivos, y pueden clasificarse como herramientas
Diseo de los espacios virtuales creados con como resultado de la interaccin del usuario. bsicas para generar aplicaciones al instante,
base en una coleccin de pginas o documentos herramientas basadas en pginas, en tiempo o
que contienen informacin en diversos medios Experiencia previa de usuario o de uso en ambientes controlados por eventos.
Recursos
digitales, y que estn publicados en un dominio (User experience)
de internet. Vnculo generado previamente entre el usuario
y un objeto, diseo, artefacto o servicio especfi-
I
Diseo co. Puede ser positiva o negativa. La experiencia Innovacin
Proceso de generar y evaluar productos, siste- previa afecta la manera en que el usuario inte-
Cuando la creatividad es aplicada y genera un
mas, objetos o dispositivos. racta con otros objetos.
producto.
Actividad
E G Interdisciplinario
Que ms de una disciplina est involucrada en
Evaluacin Grupos de usuarios algn proceso o trabajo. Caracterstica del pro-
Conjunto de actividades que se realizan para Conjunto de usuarios que tienen relacin entre ceso de diseo centrado en el usuario mediante
mejorar un producto como parte del proceso de s, definida en el anlisis de audiencias, ya sea la cual la propuesta de diseo se enriquece.
diseo centrado en el usuario. Se realiza en las por sus habilidades fsicas, cognitivas, por ca-
primeras etapas del proceso, involucrando a los Interfaz de usuario (User interface, UI)
Conclusin
pacidades diferentes. Los usuarios caen dentro
usuarios de diferentes formas entrevistas, gru- del mismo perfil. Un grupo de usuarios se consi- Manera en la que una persona interacta con
pos de enfoque, observacin participativa, de- dera un perfil de usuarios. una aplicacin o sistema interactivo.
pendiendo de cada proyecto.
Pg. 2 de 4

TEmas CAPtulo 3
Interfaz web (Web Interface) N P
Conocida tambin como interfaz basada en web.
Glosario
Es una interfaz con la que el usuario interacta Necesidades del grupo de usuarios Perfil
con servidores basados en tecnologa web. Acciones, situaciones, servicios u objetos reque- Caractersticas que definen a un cierto grupo de
ridos por un conjunto de usuarios que forman usuarios y que los hacen un grupo especfico
Internet parte de los requerimientos en el diseo de un que es parte de la audiencia meta del producto,
Red interconectada de computadoras y servicios sistema interactivo. objeto o artefacto interactivo. Se le conoce tam-
que utilizan el protocolo TCP/IP. bin como persona.
Norma internacional ISO-13407
Recursos
Iterativo Preferencias del grupo de usuarios
Norma definida por la Organizacin Internacional
Que se repite. Es una caracterstica del proceso para la Estandarizacin (ISO, por sus siglas en Acciones, situaciones, servicios u objetos favori-
de diseo centrado en el usuario por medio de la ingls) para evaluar el proceso de diseo cen- tos por un conjunto de usuarios. Estas preferen-
cual el proceso hace ciclos de mejora continua o trado en el usuario para sistemas interactivos, la cias generan requerimientos bsicos en el proce-
iteraciones de mejora. cual provee una gua para mejorar la calidad. so de diseo interactivo centrado en el usuario.
Prototipo preliminar
L O
Actividad
Versin de introduccin no terminada de un pro-
Limitaciones de grupo de usuarios Organizacin de la informacin ducto, al utilizar el ciclo de vida del desarrollo de
aplicaciones u objetos.
Caractersticas de un perfil de usuarios que pre- Manera en la que la informacin es organizada
sentan discapacidad en algn grado, ya sea des- en un sistema interactivo o un ambiente grfico. Prototipo
de no conocer alguna lengua, hasta tener capa- El diseo centrado en el usuario considera que
Producto en el ciclo de vida del desarrollo de apli-
cidades fsicas diferentes. la organizacin de la informacin debe ser na-
caciones u objetos. La metodologa basada en
Conclusin
tural y sencilla para los usuarios. Tambin se le
LUCID prototipos consiste en generar el diseo, desde
conoce como organizacin de contenidos.
las primeras ideas, hasta el producto terminado.
Modelo propuesto por la empresa Cognetics Corpo-
ration para realizar diseos centrados en el usuario.
Pg. 3 de 4

TEmas CAPtulo 3
Glosario
Recopilacin de datos
Acto de obtener, capturar o coleccionar datos re-
levantes como requerimiento, o para hacer una
evaluacin en el proceso de diseo centrado en
el usuario.
Recursos
Actividad
Conclusin
Pg. 4 de 4

TEmas CAPtulo 3
Glosario
Recursos
Cognetics Corporation - Puedes consultar la pgina de esta empresa de consultora que ha creado el Modelo LUCID, y que adems realiza proyec-
tos de diseo centrado en el usuario, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.cognetics.com/
Interaction Design: Beyond Human-Computer Interaction - Es un sitio con recursos, casos y resmenes de temas relacionados con el diseo cen-
trado en el usuario, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.id-book.com/
Nielsen Norman (NN) Group - Empresa de consultora que realiza conferencias y ofrece cursos de capacitacin en temas relacionados con el diseo
Actividad
centrado en el usuario, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.nngroup.com/
Conclusin
Pg. 1 de 1

60
Captulo 4. El proceso de diseo por prototipos

Organizador Temtico
El proceso de diseo por prototipos
Paradigmas de Estrategias Ambientes de

desarrollo de de desarrollo basadas desarrollo de sistemas
aplicaciones interactivas en prototipos interactivos
Zts / Photos.com

TEmas CAPtulo 4
61 Introduccin
El proceso de diseo por prototipos

Conocer los paradigmas del desarrollo de El realizar un diseo de interaccin de manera centrada en el usuario involucra actividades que
Glosario
aplicaciones interactivas. inician al identificar los requerimientos y necesidades de los usuarios hasta construir el diseo en s,
para finalmente evaluarlo y mejorarlo.
Identificar las estrategias de desarrollo ba-
sadas en prototipos, as como su clasificacin, y Este captulo se centra en las herramientas para desarrollar aplicaciones interactivas.
comprender la importancia de la aplicacin de esta
Se presentan los paradigmas de desarrollo utilizados al generar aplicaciones interactivas, su cla-
metodologa al disear aplicaciones interactivas.
sificacin, y finalmente se pone particular atencin en el proceso de desarrollo basado en prototipos,
Conocer los ambientes de desarrollo de sis- al disear sistemas interactivos de manera centrada en el usuario.
Recursos
temas interactivos.
Actividad
Nihat Dursun / Photos.com
Conclusin
Pg. 1 de 1

MAPA
Glosario
TEmas CAPtulo 4
62 4.1 Paradigmas de desarrollo de aplicaciones interactivas
Creatividad
4.1 Paradigmas de desarrollo de aplicaciones interactivas La tcnica del Mago de Oz se basa en la pelcula
El Mago de Oz en la que el personaje principal busca al Proceso de innovacin y creacin.
La creatividad e innovacin son parte fundamental del
mago siguiendo el camino de ladrillos amarillos para que Innovacin
diseo centrado en el usuario, desde la primera hasta la l-
con sus poderes pueda regresar a su casa. El enorme y Cuando la creatividad es aplicada y
glosarioGlosario
tima fase, generando nuevas ideas y aplicndolas en diver-
poderoso mago result ser una persona pequea, sin po- genera un producto.
sas alternativas de diseo (Sharp, Rogers y Preece, 2007).
deres, que gracias a efectos visuales y de sonido, pareca Diseo centrado en el usuario
Contesta la siguiente pregunta y haz clic en el botn poderosa (Kelley, 1984).
Proceso o metodologa que considera
ver para revisar su respuesta correcta. al usuario el objeto central de la mis-
ma y lo involucra en el mismo desde
las primeras etapas del proceso.
Tcnica del Mago de Oz (Wizard of
RECURSOS
Oz approach)
Conocida tambin como el enfoque
Recursos
del Mago de Oz o WoZ. Utilizada
en el desarrollo de aplicaciones bajo
la cual se simula su funcionalidad, en
ocasiones sin necesidad de progra-
mar. Obtiene su nombre por el mago
de la pelcula Mago de Oz, en la
ACTIVIDAD
cual el mago se esconda detrs de
la cortina y un escenario fastuoso.
Actividad
Hemera Technologies / Photos.com
Stockbyte / Photos.com
CONCLUSIN
Conclusin
Pg. 1 de 5

MAPA
Glosario
TEmas CAPtulo 4
Un prototipo preliminar que se ha elaborado utilizando Prototipo

la tcnica del Mago de Oz, hace simular que un producto Producto en el ciclo de vida de desa-
rrollo de aplicaciones u objetos. La
est completo y funciona; sin embargo, es solamente la
metodologa basada en prototipos
apariencia parcial del producto, sin que el producto real- consiste en generar el diseo, desde
glosarioGlosario
mente exista todava. las primeras ideas, hasta el producto
terminado.
El diseo de un prototipo involucra tres aspectos:
Melpomenem / Photos.com
Diseo de informacin (information
El diseo de informacin. or content design)
El diseo de interaccin. Proceso para generar los contenidos
El diseo visual. y estructura organizacional de un sis-
tema interactivo.
RECURSOS
Pasa el cursor por encima de cada aspecto para
design)
Recursos
El diseo de informacin involucra contestar la pregun- Proceso de generar y evaluar pro-
ta: qu informacin contiene el sistema? Incluye tambin ductos, sistemas o dispositivos que
el diseo de navegacin y estructura de los contenidos. cumplan con el objetivo para el que
fueron diseados, y que apoyen las
El diseo de informacin puede bosquejarse con un dia- actividades que la gente realiza en
grama como el siguiente: su trabajo y en su vida diaria.
ACTIVIDAD
Diseo visual
Actividad
Producto visual de un sistema inte-
ractivo. Incluye considerar los princi-
pios de diseo Gestalt, la teora de
color, los esquemas de color y los
principios de diseo interactivo.
CONCLUSIN
Flowchart / Photos.com
Conclusin
Figura 4.1.1 Diseo de un prototipo.
Pg. 2 de 5

TEmas CAPtulo 4
Qu es el punto de partida para crear la arquitectura de la informacin?

Hay varios tipos de estructuras para organizar contenidos (McCracken, 2004; Linch, 2009):
Lineal o secuencial: el usuario debe pasar Jerrquica: el usuario debe subir al siguiente
por toda la secuencia de la estructura para llegar nivel de una jerarqua para poder bajar a otra l-
Glosario
a la ltima parte de informacin. nea de dependencia.
Recursos
Figura 4.1.2 Estructura lineal o secuencial.
Estrella: una pgina funciona como centro y

Figura 4.1.5 Estructura combinada.
de ella dependen las dems.
La estructura de informacin recomendable de-
pender de la audiencia y del tipo de contenidos
con los que se est trabajando. Entre ms bsica
sea la informacin y ms la audiencia novata, se
Actividad
recomienda una navegacin lineal. Para audien-
cias ms avanzadas y con mucha complejidad en
la informacin, se recomienda una combinada.
Figura 4.1.4 Estructura jerrquica. El diseo de interaccin responde a la pre-

gunta cules interactores, controles y estilos
Combinada: tambin llamada de red porque de interaccin se incluyen en el diseo para ge-
Conclusin
tiene segmentos en secuencia, segmentos jerr- nerar la experiencia de usuario? Se involucra la
quicos, y combina de acuerdo con las necesida- seleccin de objetos, narrativas e interactores
Figura 4.1.3
4.1.2.Estructura
Estructuraestrella.
estrella. des y el modelo mental del usuario. de una aplicacin.
Pg. 3 de 5

TEmas CAPtulo 4
El diseo visual consiste en considerar los Proximidad: el ser humano agrupa objetos Para disear la imagen visual se consideran
principios de diseo, estilo y organizacin de los por distancia o ubicacin. conceptos de color as como de cada uno de los
contenidos visuales de la aplicacin. Similitud: se agrupan los contenidos por tipo medios digitales: texto, imgenes, animaciones,
de objeto.
videos y audios.
McCracken y Wolfe (2004) hablan sobre los Simetra: se ordenan los contenidos por sig-
principios de diseo de la teora Gestalt, en la nificado. Finalmente, al estar trabajando en los tres tipos
Glosario
cual el ser humano no ve partes individuales sino Continuidad: se agrupan los objetos por flujo de diseo el diseo de informacin, el diseo
un todo, y organiza los objetos por significado, de lneas (alineacin). de interaccin y el diseo visual se recomien-
siguiendo los principios de: Cierre: el ser humano percibe figuras que no da considerar, desde los primeros bosquejos o
estn. ideas, los principios de diseo general, universal
o especfico de cierta plataforma. Estos principios
Contesta la siguiente pregunta de reflexin y haz clic en el botn de Respuesta.
proporcionan un marco de referencia, gua o re-
Recursos
comendacin de diseo enfocado a generar una
mejor propuesta de diseo desde el inicio del tra-
bajo creativo. No son reglas ni recetas de cocina
en donde, mezclando los ingredientes, se tiene la
certeza de obtener un buen producto.
Los principios, de acuerdo con Sharp, Rogers
Actividad
y Preece (2007), son recomendaciones que bus-
can generar ideas en los diseadores.
Estos principios de diseo generalmente son

definidos en casa por las empresas diseado-
ras de soluciones interactivas para ser utilizados
solamente en sus proyectos; sin embargo, tam-
Conclusin
bin los hay pblicos, ya sea por empresas como
Microsoft o Apple, o por consultores como Nor-
Figura 4.1.6 Ejemplo de diseo de la teora Gestalt. man (1988) o Nielsen (1993).
Pg. 4 de 5

TEmas CAPtulo 4
Los principios de diseo tambin son conoci- Nielsen (1993) incluye los siguientes princi- seador, lo que representa reduccin de costos
dos como heursticas. La Real Academia Espa- pios o heursticas: en la administracin del proyecto.
ola define la palabra heurstica como una tc- Pasa el cursor sobre cada pieza con n- En el diseo centrado en el usuario, al disear
nica de la indagacin y del descubrimiento. Por mero para desplegar informacin. contenidos, interaccin e imagen visual, al tam-
sus races griegas, es encontrar o descubrir; bin considerar los principios de diseo mientras
por su raz latina es inventio, y en general es una se forman las ideas de interaccin, se realiza un
Glosario
tcnica de bsqueda a la solucin de un proble- proceso de generacin de un prototipo. Los pro-
ma. Con base en esta definicin y enfocado al totipos son utilizados como medios para evolu-
rea de diseo interactivo, la heurstica busca lo- cionar y darle sentido a las ideas, productos y
aplicaciones que estn siendo diseados.
grar un discurso o comunicacin efectiva entre el
usuario y la tecnologa.
contiene?
Diseo de informacin
Norman (1988) incluye como principios de diseo: Diseo de la navegacin y la
Recursos
Qu
Visibilidad: que las funciones estn visibles estructura de los contenidos
o presentes para el usuario, estimulando alguno
de los sentidos.
Diseo de la interaccin
funciona?
Retroalimentacin: recibir el aviso de que
Cmo
una accin fue seleccionada y llevada a cabo. Seleccin del tipo de inte-
raccin, controles, interactores,
Actividad
Consistencia entre los elementos, y funcio-
mensajes y narrativas
nalidad dentro y fuera de la misma aplicacin in-
Emin ozkan / Photos.com

teractiva.
debe verse?
Restricciones: uso de modos que restringen
Diseo visual
Cmo
la libertad del usuario.
Diseo de la navegacin y la
Affordances: caracterstica visual del objeto
Conclusin
estructura de los contenidos
que invita a interactuar con l de una manera na- En general, tener presente esos principios
tural e intuitiva. desde que se estn bosquejando las primeras Figura 4.1.7 Prototipos para el diseo
ideas de diseo, ahorra tiempo y esfuerzo del di- centrado en el usuario
Pg. 5 de 5

MAPA
Glosario
TEmas CAPtulo 4
67 4.2 Estrategias de desarrollo basadas en prototipos
Prototipo horizontal
4.2 Estrategias de desarrollo basadas en prototipos Prototipo vertical: cuando en un prototipo se implemen-
ta la funcionalidad completa de una rama de navegacin. Prototipo cuya arquitectura de infor-
En general, un prototipo se define como un producto den- macin slo es diseada de manera
tro del ciclo de vida del desarrollo de aplicaciones u objetos, plana, sin profundidad. Se visualiza
que incluye los requerimientos del usuario (Shen, 2010). el producto general, sin poder nave-
glosarioGlosario
gar por una rama de navegacin.
Adems, un prototipo sirve como herramienta para ge-
nerar, de manera evolutiva, la visin final del diseo pro- Prototipo vertical
puesto, considerando no solamente el producto en s y la Prototipo que implementa al menos
evaluacin como el propsito de su vida, sino lo que el pro- una rama de navegacin completa
de la aplicacin.
ducto representa, su valor y utilidad.
Prototipo de bajo nivel
Existen varias maneras de clasificar los prototipos (Mc-
RECURSOS
Kracken, 2003). Tambin llamado prototipo fsico.
Post it
Recursos
Prototipo horizontal: considerando la funcionalidad con
base en la arquitectura de informacin y contenidos, al dise- Tcnica para simular un prototipo de
Figura 4.2.2 Ejemplo de prototipo vertical. manera fsica, utilizando herramien-
ar de manera plana, sin profundidad, se considera un pro-
tas como los post it para visualizar el
totipo horizontal. En este prototipo se visualiza el producto Prototipo de bajo nivel: es un prototipo barato; utiliza contenido y organizacin de la infor-
general, sin poder navegar por una rama de navegacin. productos bsicos para bosquejar, dibujar, pintar. Incluso macin de un sistema interactivo.
un video puede ser considerado un prototipo de bajo nivel.
ACTIVIDAD
Tarjetas
Por lo general no se involucra la utilizacin de aplicaciones
de software, por ejemplo: post it, tarjetas, storyboards. Tcnica muy barata para generar
Actividad
prototipos de bajo nivel, o fsicos,
con base en tarjetas o cards, para
identificar contenidos, mapa de con-
ceptos u organizacin de temas de
Chad McDermott / Photos.com

una aplicacin interactiva.
Storyboard
CONCLUSIN
Tcnica para generar prototipos
Conclusin
de bajo nivel, o fsicos, mostrando
narrativas visuales.
Figura 4.2.1 Ejemplo de prototipo horizontal.

Pg. 1 de 3

MAPA
Glosario
TEmas CAPtulo 4
Prototipo de alto nivel

Un primer diseo: generando un prototipo de bajo nivel Nios jugando con bloques para crear historias: gene-
(Rick, Francois, Fileds, Fleck, Yuill y Carr, 2010). rando un prototipo de bajo nivel (Rick, Francois, Fileds, Prototipo construido en ambientes
computacionales. Permite la interac-
Fleck, Yuill y Carr, 2010).
Es comn que se invite a un grupo de usuarios meta a cin aunque sea muy rudimentaria.
Un storyboard es muy til para bosquejar ideas de ma-
glosarioGlosario
participar en la elaboracin de prototipos de bajo nivel con Prototipo evolucionario
la finalidad de involucrarlo en las primeras etapas del pro- nera rpida, ya que da la oportunidad de tener retroali-
Prototipo que eventualmente ser el
yecto al realizar la obtencin de requerimientos. mentacin sobre el diseo antes de comenzar a trabajar producto final despus de varias ite-
digitalmente los contenidos. raciones de mejora en cuanto a usa-
Durante la mayora de las sesiones de trabajo con usua- bilidad, contenidos y funcionalidad.
rios, elaborando prototipos de bajo nivel, se generan ideas
muy tiles para el diseo, desde representaciones grfi-
cas que se usan para proporcionar cierta funcionalidad en
RECURSOS
el sistema interactivo hasta colores y estilos de personajes
en un videojuego.
Recursos
Dependiendo del tipo de usuario, se seleccionan los
materiales para trabajar en la sesin de creacin de un
prototipo de bajo nivel, pueden ser colores, plastilina, mar-
cadores, cartones, hasta aplicaciones digitales.
ACTIVIDAD
Actividad
Figura 4.2.4 Ejemplo de storyboard.
Prototipo de alto nivel: estos prototipos pueden evo-
lucionar, lo cual implica ms inversin y trabajo en su de-
sarrollo. Estn diseados en ambientes o toolkits para ge-
CONCLUSIN
nerar prototipos.
Prototipo evolucionario: en caso de que vaya cre-
Conclusin
ciendo en funcionalidad y usabilidad, el prototipo eventual-
mente ser el producto final, en ese caso se denomina
Figura 4.2.3 Ejemplo de prototipo de bajo nivel. Fi- prototipo evolucionario.
Pg. 2 de 3

MAPA
Glosario
TEmas CAPtulo 4
Plantillas de diseo (Templates)

Al momento en que se inicia la produccin del prototi- Ventajas al utilizar prototipos:
po, se requiere del diseo de imagen, plantillas de diseo, Especificacin visual de contenidos
Costos bajos. en determinada seccin de un proto-
arquitectura de informacin, organizacin de contenidos, tipo.
entre otras cosas. La obtencin de contenidos por lo gene- Se involucra al usuario desde las primeras etapas de
glosarioGlosario
ral es uno de los pasos que ms se demora. Si el equipo Arquitectura de informacin
diseo. Organizacin de la informacin con
de desarrollo decide generar un prototipo evolucionario,
iniciar con una versin simplificada del mismo, con pocos base en jerarquas y taxonomas. La
Se puede evaluar de manera temprana en el proceso estructura de la informacin y tipo de
contenidos y opciones, las cuales ir incrementando con- navegacin que se definir para el
forme tenga los contenidos y el diseo de cada uno de los de diseo.
sistema interactivo y para cada sec-
medios digitales a integrar. El cliente evala un producto, aunque no est termi- cin, es tambin considerada en este
concepto.
RECURSOS
Haz clic en la caja Tip de diseo para nado.
desplegar informacin. Organizacin de contenidos
Se clarifican expectativas del producto. Forma en la que la informacin es
Recursos
Haz clic en la caja Tip de diseo para o un ambiente grfico. El diseo cen-
desplegar informacin. trado en el usuario considera que la
organizacin de la informacin debe
ser natural e intuitiva para los usua-

rios.
ACTIVIDAD
Prototipo desechable
Actividad
Prototipo utilizado para revisar y vali-
dar especificaciones, o bien para

disear conceptualmente la idea,
pero por sus caractersticas no pue-
de evolucionar al producto final.
CONCLUSIN
Prototipo desechable: cuando el prototipo es utilizado
para revisar y validar especificaciones, o bien para disear
Conclusin
conceptualmente la idea, pero por sus caractersticas no
puede evolucionar al producto final, entonces se denomi-
na prototipo desechable (throw away).
Pg. 3 de 3

MAPA
Glosario
TEmas CAPtulo 4
70 4.3 Ambientes de desarrollo de sistemas interactivos
Sincrnico
4.3 Ambientes de desarrollo de sistemas interactivos La plataforma de entrega (delivery platform).
Al mismo tiempo.
Los ambientes de desarrollo para generar ambientes La tecnologa necesaria (bases de datos, redes, so- Asncrono
interactivos pueden clasificarse de acuerdo con el produc-
porte a medios digitales, entre otros). Sin correspondencia temporal.
glosarioGlosario
to que est siendo diseado, con base en las caractersti-
cas propias del ambiente en s, o en la manera de generar Las herramientas o ambientes de desarrollo authoring Toolkit
el producto, en colaboracin y a distancia, a tiempo real, tools/engines, pueden clasificarse de acuerdo con sus ca- Ambiente de desarrollo de un siste-
sincrnica o asncronamente. ma interactivo.
ractersticas (Vaughan, 2010):
Engines
La decisin de seleccionar cierto ambiente de desarro- Herramientas bsicas para generar aplicaciones al Herramientas o ambientes para
llo, toolkit o engines depende de diversos factores. No es instante: generalmente no cuentan con lenguajes de pro- generar sistemas interactivos.
lo mismo generar una instalacin artstica interactiva que
gramacin de apoyo, son simples en su uso y permiten ge-
RECURSOS
Experiencia de usuario o de uso
una aplicacin para dispositivos mviles.
nerar aplicaciones interactivas de manera rpida. El dise- Concepto que considera el vnculo
Recursos
Algunos factores decisivos pueden ser: ador no requiere mucha capacitacin para utilizar estos de los usuarios con los objetos, apli-
ambientes. Las aplicaciones para hacer presentaciones, caciones o artefactos que utilizan en
El tamao del proyecto o aplicacin. determinado contexto.
como Prezi, Presenter de Apple o PowerPoint de Micro-
El tiempo de desarrollo. soft, son ejemplos de estas herramientas. Plataforma de entrega
Tecnologa en la que se utilizar la
La inversin necesaria. Herramientas basadas en pginas: por su naturale- aplicacin interactiva en la versin
ACTIVIDAD
za se construyen prototipos con base en hojas o pginas. final del prototipo.
La experiencia previa en el ambiente.
Cuentan con un lenguaje de scripting para incluir aspectos Herramientas bsicas para generar
Actividad
La facilidad de uso. aplicaciones al instante
de interaccin. Se pueden incluir en esta clasificacin los
La experiencia de uso. ambientes para generar sitios de internet. Ambientes para generar sistemas
interactivos de manera rpida.
Haz clic en la caja Tip de diseo para desplegar informacin. Herramientas basadas en pginas
Ambientes que se utilizan para dise-
CONCLUSIN
ar prototipos con base en hojas o
pginas, como sitios de internet.
Conclusin
Lenguaje de scripts
Lenguaje de programacin utiliza-
do en algunos engines para generar
Palto; Alexander Shirokov / Photos.com aplicaciones interactivas.
Pg. 1 de 2

MAPA
Glosario
TEmas CAPtulo 4
71 4.3 Ambientes de desarrollo de sistemas interactivos
Herramientas basadas en tiempo: el ambiente cuen- Herramientas basadas en tiempo

idea, es decir, cuando se considera prototipo de bajo nivel,
ta con la lnea de tiempo como variable central del dise- Ambientes cuya parte central es
desde que se genera el diseo conceptual del producto. depender de una lnea de tiempo.
o. Incluyen la posibilidad de utilizar lenguaje de scripting Es desde entonces que el proceso creativo se inicia y evo- Permiten el uso de libreras para
para habilitar la interaccin. Por lo regular requieren co- luciona hasta lograr el producto usable y funcional. controlar desde personajes hasta
glosarioGlosario
nocimientos previos de los diseadores. Flash, de Adobe, interactores. Los ambientes creados
para generar animaciones y anima-
est incluido en esta categora. ciones interactivas clasifican en esta
categora.
Herramientas basadas en ambientes controlados
por eventos: para ambientes ms elaborados que en oca- Realidad virtual
siones incluyen la posibilidad de programar visualmente, Sistema interactivo que simula la
realidad utilizando tecnologa de
o bien, con base en scripts para habilitar la interaccin.
RECURSOS
informacin: pantallas, sensores,
Generalmente se utilizan para construir ambientes virtua- posicionadores, bocinas. Puede ser
inmersivo o no inmersivo.
Recursos
les que involucren el diseo de espacios y la integracin
de medios digitales, as como dispositivos de interaccin, Lenguajes de programacin
de entrada y salida, no tradicionales. Ejemplos de estos Ambientes para generar prototipos
ambientes son los que permiten disear realidad virtual, con base en estatutos de control,
secuencias, decisiones y repeticio-
como Vizard, de WorldViz. nes. Generalmente se utilizan len-
ACTIVIDAD
guajes de programacin de alto nivel
Lenguajes de programacin: se recomienda utilizar
como C, C++, C, Java, dependiendo
Actividad
ambientes visuales para facilitar el diseo mismo de la de la aplicacin interactiva que se
aplicacin o producto. Ejemplos de ambientes que se in- est desarrollando y la tecnologa en
cluyen en esta categora son Java, Visual Studio de Mi- la que se utilizar. Cuentan con un
ambiente visual y un ambiente para
crosoft, C, C++; o lenguajes basados en scripting, como
Patryk Kosmider / Photos.com

programar.
Phyton, MEL, LUA, entre otros.
CONCLUSIN
La seleccin del ambiente de desarrollo del prototipo
Conclusin
es una etapa importante en el ciclo de diseo centrado en
el usuario, sin embargo, no es la fase ms importante. El
prototipo se genera desde los primeros bosquejos de la
Pg. 2 de 2

TEmas CAPtulo 4
72
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 4
73

Instrucciones: Esta actividad te invita a generar un prototipo de bajo nivel de una aplicacin interactiva digital para usarse por nios que asisten a
un museo, la cual los ayudar a entender las obras de arte expuestas y los mantendr interesados en aprender sobre ellas.
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 4
74

El proceso de diseo utilizando prototipos
Glosario
apoya el control de calidad en el diseo de un
producto, cualquiera que este sea. Sin embargo,
es ms que eso: es una herramienta que propor-
ciona la oportunidad de disear involucrando a
los usuarios, hacindolos partcipes del diseo.
La decisin del tipo de enfoque a utilizar y el

ambiente que ser base de desarrollo, depen-
Recursos
der del proyecto en s, del producto y del tiem-
po con el que se cuente para terminar el diseo.
Actividad
Lilly3 / Photos.com
Conclusin
Pg. 1 de 1

TEmas CAPtulo 4
Glosario
Recursos
A C Diseo de informacin (information or
content design)
Arquitectura de informacin Creatividad Proceso para generar los contenidos y estructu-
Organizacin de la informacin con base en je- Proceso de innovacin y creacin. ra organizacional de un sistema interactivo.
Actividad
rarquas y taxonomas. La estructura de la in-
Diseo de interaccin (Interaction design)
formacin y tipo de navegacin que se definir
para el sistema interactivo y para cada seccin,
D Proceso de generar y evaluar productos, siste-
es tambin considerada en este concepto. Diseo centrado en el usuario mas o dispositivos que cumplan con el objetivo
para el que fueron diseados, y que apoyen las
Asncrono Proceso o metodologa que considera al usuario actividades que la gente realiza en su trabajo y
el objeto central de la misma y lo involucra en el en su vida diaria.
Sin correspondencia temporal.
Conclusin
mismo desde las primeras etapas del proceso.
Diseo visual
Producto visual de un sistema interactivo. Incluye
Pg. 1 de 4

TEmas CAPtulo 4
considerar los principios de diseo Gestalt, la teo- como resultado de la interaccin del usuario. Herramientas bsicas para generar apli-
ra de color, los esquemas de color y los princi- caciones al instante
Glosario
pios de diseo interactivo.
H Ambientes para generar sistemas interactivos de
manera rpida, casi instantnea, como las apli-
E Herramientas basadas en ambientes con- caciones usadas para hacer presentaciones, por
trolados por eventos ejemplo Prezi, Presenter de Apple o PowerPoint
Engines
Ambientes ms elaborados, incluyen, en algunos de Microsoft, entre otros.
Herramientas o ambientes para generar siste- casos, la posibilidad de hacer programacin vi-
mas interactivos. Tambin conocidos como tool- sual o con base en scripts para habilitar la inte-
I
Recursos
kits. Hay herramientas desde muy simples hasta raccin. Generalmente se utilizan para construir
sofisticadas, y visuales que incluyen, por lo ge- ambientes virtuales que involucren el diseo de
neral, acceso a libreras de programacin para Innovacin
espacios y la integracin de medios digitales, as
poder disear a profundidad la interaccin. como dispositivos de interaccin no tradicionales. Cuando la creatividad es aplicada y genera un
producto.
Estilo de interaccin (Interaction style) Herramientas basadas en pginas
Interaccin (Interaction)
Forma en que un producto ha sido diseado para Ambientes que, por su naturaleza, se utilizan para
que sea posible utilizarlo. Hay una gran variedad construir o disear prototipos con base en hojas o Comunicacin entre el usuario y la computado-
Actividad
de estilos de interaccin, desde interaccin ba- pginas, como sitios de internet. HTML, CSS son ra. Incluye la interaccin directa o indirecta para
sada en comandos, hasta manipulacin directa. ejemplos de estos ambientes o herramientas. lograr algn objetivo e integra tanto el dilogo
de entrada como el de salida. En un sistema
Experiencia de usuario o de uso (User Herramientas basadas en tiempo computacional, cuando la entrada de datos a la
experience) Ambientes cuya parte central es depender de computadora se hace de diversos modos se le
Concepto que considera el vnculo de los usua- una lnea de tiempo. Permiten el uso de libreras llama sistema multimodal; cuando la salida de
Conclusin
rios con los objetos, aplicaciones o artefactos para controlar desde personajes hasta interacto- informacin es de diversas formas, se le conoce
res. Los ambientes creados para generar anima- como sistema multimedia. La interaccin inclu-
que utilizan en determinado contexto. Se disean
ciones y animaciones interactivas clasifican en ye tanto sistemas multimodales como sistemas
objetos de tal manera que generen experiencias
esta categora. multimedia.
Pg. 2 de 4

TEmas CAPtulo 4
Interaccin humano-computadora (Hu- de programacin de alto nivel como C, C++, C, un sistema interactivo o un ambiente grfico. El
man computer-interaction, HCI) Java, dependiendo de la aplicacin interactiva diseo centrado en el usuario considera que la
Glosario
Disciplina que estudia el diseo, la evaluacin e que se est desarrollando y la tecnologa en la organizacin de la informacin debe ser natural e
implementacin de sistemas interactivos que uti- que se utilizar. Cuentan con un ambiente visual intuitiva para los usuarios.
lizan las personas. y un ambiente para programar.
P
M Perspectivas (Perspectives)
Manera en la que una persona interacta con
una aplicacin o sistema interactivo. Medio (Media) Enfoque que proporciona herramientas para so-
Recursos
Maneras o formas por las cuales se ponen en lucionar un problema.
Interfaz
prctica los mtodos. Incluye pelculas, filminas,
Compuesta por el conjunto de componentes con los diapositivas, computadoras, video, libros de tra- Plantillas de diseo (Templates)
que un producto permite al usuario interactuar con l. bajo e instructores. Todo medio puede ser inefec- Especificacin visual de contenidos en determi-
tivo si se usan mtodos inapropiados. nada seccin de un prototipo.
L Modelo mental (Mental model) Plataforma de entrega (Delivery Platform)
Actividad
Lenguaje de scripts Representacin conceptual y operativa que los Tecnologa en la que se utilizar la aplicacin in-
Lenguaje de programacin utilizado en algunos humanos desarrollan cuando interactan con sis- teractiva en la versin final del prototipo. Se refie-
engines para generar aplicaciones interactivas. temas complejos. Cada persona o grupo de per- re a la plataforma tecnolgica que utiliza el usua-
Los ms utilizados son Action Script (Adobe sonas cuentan con diversos modelos mentales. rio al interactuar con el sistema.
Flash), Phyton, MEL, LUA, entre otros. Post it
Lenguajes de programacin
O Tcnica para simular un prototipo de manera fsi-
Conclusin
Ambientes para generar prototipos con base en Organizacin de contenidos ca, utilizando herramientas como los post it para
estatutos de control, secuencias, decisiones y visualizar el contenido y organizacin de la infor-
Forma en la que la informacin es organizada en
repeticiones. Generalmente se utilizan lenguajes macin de un sistema interactivo.
Pg. 3 de 4

TEmas CAPtulo 4
Prototipo de alto nivel navegacin completa de la aplicacin. portante en el sistema interactivo, as como la
Prototipo construido en ambientes computacio- especificacin con detalle del diseo de texto,
Prototipo
Glosario
nales. Permite la interaccin aunque sea muy imgenes, sonidos, animaciones, videos.
rudimentaria. Producto en el ciclo de vida de desarrollo de apli-
caciones u objetos. La metodologa basada en T
Prototipo de bajo nivel prototipos consiste en generar el diseo, desde
Tarjetas
Tambin llamado prototipo fsico. las primeras ideas, hasta el producto terminado.
Tcnica muy barata para generar prototipos de bajo
Prototipo desechable nivel, o fsicos, con base en tarjetas o cards, para
R
Recursos
Prototipo utilizado para revisar y validar especi- identificar contenidos, mapa de conceptos u orga-
ficaciones, o bien para disear conceptualmente Realidad virtual nizacin de temas de una aplicacin interactiva.
la idea, pero por sus caractersticas no puede
evolucionar al producto final. Sistema interactivo que simula la realidad utili- Tcnica del Mago de Oz (Wizard of Oz
zando tecnologa de informacin: pantallas, sen- approach)
Prototipo evolucionario sores, posicionadores, bocinas. Puede ser in- Conocida tambin como el enfoque del Mago de
Prototipo que eventualmente ser el producto fi- mersivo o no inmersivo. Oz o WoZ. Utilizada en el desarrollo de aplica-
nal despus de varias iteraciones de mejora en ciones bajo la cual se simula su funcionalidad, en
Actividad
cuanto a usabilidad, contenidos y funcionalidad. S ocasiones sin necesidad de programar. Obtiene
su nombre por el mago de la pelcula Mago de
Prototipo horizontal Sincrnico Oz, en la cual el mago se esconda detrs de la
Prototipo cuya arquitectura de informacin slo Al mismo tiempo. cortina y un escenario fastuoso.
es diseada de manera plana, sin profundidad.
Se visualiza el producto general, sin poder nave- Storyboard Toolkit
gar por una rama de navegacin. Ambiente de desarrollo de un sistema interac-
Conclusin
Tcnica para generar prototipos de bajo nivel,
o fsicos, mostrando narrativas visuales. Es un tivo. Hay ambientes desde muy simples hasta
Prototipo vertical
plan visual, escena por escena, que incluye tan- visuales que incluyen lenguajes de script o de
Prototipo que implementa al menos una rama de to la visualizacin grfica de cada pantalla im- programacin.
Pg. 4 de 4

TEmas CAPtulo 4
Glosario
Recursos
Cursos sobre tecnologa para generar prototipos. CBT Caf: Computer based training - Es un sitio con tutoriales basados en tecnologa web en
el que se ofrecen cursos de entrenamiento en formatos visuales, auditivos e interactivos sobre herramientas computacionales que apoyan el diseo y
produccin de prototipos. El acceso es gratuito: http://www.cbtcafe.com/
Teora y principios de color, Color Wheel Pro. Color Wheel Pro See Color Theory in Actionn - Sitio que presenta conceptos bsicos de teora
de color, esquemas de color tiles al disear prototipos, significado de color y adems presenta un software de apoyo para decidir esquemas de color
Actividad
a usar en el diseo, desde monocromtico, anlogo, complementarios, hasta tradas: http://www.color-wheel-pro.com/index.html
El color y el ser humano, aspectos de color como apoyo al diseo visual. Color Matters - Este sitio tiene artculos acerca del uso de color en el
diseo y cmo afecta a la audiencia o usuarios. Incluye artculos de investigacin y divulgacin sobre el tema de color, asimismo, exmenes bsicos
para detectar ciertos tipos de daltonismo en el ser humano: http://www.colormatters.com/
Gua de diseo de pginas web, desde la planeacin hasta la produccin de un sitio. Web Style Guide: Basic Design Principles for Creating
Web Sites - Es un sitio que contiene la versin en lnea del libro creado por Patrick J. Lynch y Sarah Horton en el que se presenta el proceso completo
Conclusin
de diseo y se enfoca en las decisiones para generar prototipos, considerando recomendaciones para disear la arquitectura de informacin, diseo
de interaccin, diseo de la estructura del sitio, de contenidos y de cada uno de los medios digitales: http://www.webstyleguide.com/
Pg. 1 de 1

80
Captulo 5. Estrategias de evaluacin

Organizador Temtico
Estrategias de evaluacin
Conceptos Estrategias Estrategias Plan

bsicos de evaluacin de evaluacin de evaluacin
de usabilidad de usabilidad de usabilidad de usabilidad
con usuarios con expertos
Christos Georghiou / Photos.com

TEmas CAPtulo 5
81 Introduccin
Estrategias de evaluacin
Objetivos del captulo 5
Conocer conceptos bsicos de usabilidad.
Glosario
Conocer diversas estrategias de evaluacin
de usabilidad.
Comprender el rol del especialista en usa
bilidad en el diseo de experiencias de uso
Recursos
exitosas.
Introduccin
Para apreciar el nivel de satisfaccin del usua-
rio de cierto producto es necesario identificar los
elementos que conforman la esencia y razn de
ser de este, as como las experiencias de uso
Actividad
que genera en la audiencia meta.
Este captulo describe conceptos bsicos de
usabilidad, as como diversas estrategias de
evaluacin del nivel de usabilidad y de las ex-
Mike Kiev / Photos.com

periencias de uso de un producto. Se describe
tambin la relevancia de generar un plan de eva-
Conclusin
luacin de usabilidad como parte de un proyecto
de diseo centrado en los usuarios que son la
audiencia meta.
Pg. 1 de 1

TEmas CAPtulo 5
82 5.1 Conceptos bsicos de usabilidad
5.1 Conceptos bsicos de usabilidad En contraste, el nivel de calidad de un sitio

web se define a partir de diferentes elementos,
En general, el nivel de calidad de un producto o servicio se define a partir de los elementos que
por ejemplo:
lo conforman. Por ejemplo, la calidad de un restaurante se define a partir de los siguientes elementos:
Glosario
Recursos
Thinkstock / Photos.com
Actividad
PressureUA / Photos.com
Conclusin
Pg. 1 de 3

MAPA
Glosario
TEmas CAPtulo 5
Audiencia
Es posible afirmar que para apreciar el nivel de calidad
de un producto es necesario identificar los elementos que
conforman la esencia y razn de ser de ese producto, des- trado en el usuario.
de el punto de vista de los usuarios que forman parte de la
glosarioGlosario
Especificaciones tcnicas
audiencia meta, as como de las especificaciones tcnicas
Consideraciones tcnicas dentro del
del producto (Pressman, 2009). proceso de desarrollo de un producto,
tales como definir la plataforma tecno-
lgica sobre la cual trabajar el pro-
ducto, sistema operativo, entre otras.
Calidad de un producto de software
RECURSOS
Recursos
Desempeo (Performance)
Medida de calidad de una aplicacin
u objeto con base en los resultados
obtenidos bajo ciertos criterios, como
tiempo de respuesta, seguridad,
estrs, entre otros.
OleGunnarUA / Photos.com
ACTIVIDAD
Funcionalidad
Actividad
Conjunto de caractersticas que
hacen que un sistema u aplicacin
computacional sea til.
Nivel de satisfaccin percibido por
los usuarios
Actualmente, estos criterios siguen siendo la base para Mtrica de satisfaccin al evaluar un
CONCLUSIN
Tradicionalmente , la evaluacin del nivel de calidad de evaluar la funcionalidad de un producto de software; sin sistema u objeto interactivo.
embargo, la evaluacin del nivel de calidad de un producto
Conclusin
un producto de software se enfocaba en la medicin de Expertos en diseo centrado en el
su desempeo (performance), conocido tambin como fun- de software debe tambin incluir el nivel de satisfaccin usuario
cionalidad, con base en algunos de los siguientes criterios percibido por los usuarios, as como la opinin de expertos Personas con antecedentes de
(Pressman, 2009): en diseo centrado en el usuario (Nielsen, 1993). aprendizaje en el rea de diseo
Pg. 2 de 3 centrado en el usuario.

MAPA
Glosario
TEmas CAPtulo 5
Usabilidad
La sociabilidad de un producto se define como el con-
Es una caracterstica del diseo que
junto de facilidades y componentes que se ofrecen para incluye cinco dimensiones: facilidad
apoyar a grupos de usuarios que interactan de manera de aprender, eficiente, facilidad de
simultnea con ese producto (Preece, 2000). recordar, pocos errores y agradable
glosarioGlosario
al usuario.
Kzenon / Photos.com
Estrategias de evaluacin del nivel

de sociabilidad
Dean Mitchell / Photos.com

Formas para evaluar el grado de socia-
bilidad que se da al utilizar cierta aplica-
cin interactiva orientada al rea social,
a la comunicacin entre personas.
La usabilidad de un producto se define como el nivel Criterios de usabilidad
RECURSOS
de facilidad con el que los usuarios aprenden a usarlo, as Tambin conocidos como especifi-
como el nivel de satisfaccin percibido por los usuarios al caciones de usabilidad o mtricas
Hay varias estrategias de evaluacin del nivel de socia-
Recursos
interactuar con los componentes principales del producto de usabilidad.
bilidad de un producto, as como diversos criterios de socia-
(Nielsen, 1993). Sociabilidad
bilidad que debern ser utilizados dependiendo del produc-
to a evaluar y de la audiencia meta a la que est dirigido. Estudia los aspectos sociales de la
interaccin, la comunicacin que se
Haz clic en la caja Tip de diseo para da entre seres humanos utilizando
como medio la tecnologa.

ACTIVIDAD
Criterios de sociabilidad
Especificaciones para medir la socia-
Actividad
bilidad de un producto.
Estrategias de evaluacin de la usa-
Otros investigadores definen la usabilidad como la ele- bilidad con usuarios
gancia y claridad con la que funciona un producto, desde Evaluacin de usabilidad que invo-
lucra usuarios, en la que el usuario
el punto de vista de las personas que lo usan (Shneider- ser quien proporcione la retroali-
CONCLUSIN
man & Plaisant, 2005). mentacin.
Conclusin
Existen diversas estrategias de evaluacin de la usabi- Este libro se enfoca especialmente en el diseo centrado en Estrategias de evaluacin de la usa-
lidad de un producto, as como diferentes criterios de usa- el usuario, por lo que en las siguientes secciones se describen bilidad con expertos
bilidad que debern ser utilizados dependiendo del pro- diversas estrategias de evaluacin de usabilidad con usuarios Evaluacin de usabilidad basada
en expertos que incluyen caminatas
ducto que se evaluar y de su audiencia meta. y estrategias de evaluacin de usabilidad con expertos. estructuradas, inspecciones, evalua-
Pg. 3 de 3 ciones heursticas.

MAPA
Glosario
TEmas CAPtulo 5
85 5.2 Estrategias de evaluacin de usabilidad con usuarios
Participacin de usuarios
5.2 Estrategias de evaluacin de usabilidad con usuarios
Lazar (2010) recomienda la participa-
cin de los usuarios desde las prime-
ras etapas de diseo para conocer y
entender quines son los usuarios a
glosarioGlosario
los que va dirigido el producto.
Autorizacin de cada usuario
Forma de autorizacin en la cual el
usuario o el tutor del usuario propor-
ciona la autorizacin para recopilar Inf.
Dean Mitchell / Photos.com
Estrategias de evaluacin de usabilidad

Formas para planear la evaluacin
RECURSOS
de la usabilidad de un producto.
Flyfloor / Photos.com
Participacin activa de usuarios
Recursos
El usuario forma parte activa dentro
del proceso de diseo.
En la actualidad existen diversas estrategias de evalua- Encuesta
cin de usabilidad de un producto que involucran la par-
En esta seccin se describen diversas estrategias de Tcnica de recoleccin de datos
ticipacin de usuarios. Independientemente de la estrate- basado en la aplicacin de un cuestio-
evaluacin de usabilidad con la participacin activa de los
ACTIVIDAD
gia que se va a utilizar, el evaluador debe considerar los nario para lograr un objetivo especfi-
usuarios. co como parte de una investigacin.
siguientes aspectos relacionados con la participacin de
Actividad
usuarios (Lazar, 2010): Encuesta: es una estrategia de evaluacin de usabili- Cuestionario
dad que involucra el diseo y la aplicacin de un cuestio- Formado por una serie de pregun-
Se debe involucrar a usuarios que representen la di- tas que se realizan en una entrevista
nario para conocer las preferencias y el nivel de satisfac-
versidad de perfiles de la audiencia meta. estructurada o en una encuesta.
cin percibido por los usuarios de un producto.
Se debe obtener por escrito la autorizacin de cada Preguntas cerradas
Generalmente, un cuestionario diseado para evaluar
CONCLUSIN
usuario (informed consent) para recopilar informacin acer- Requiere que el diseador conozca
la usabilidad de un producto de software contiene pregun- de antemano las posibles respuestas
ca de sus preferencias y opiniones acerca de un producto.
Conclusin
tas cerradas con respuestas ya definidas en una lista de que pudiera dar el usuario.
Se tiene que asegurar a cada usuario que la informa- opciones, y algunas preguntas abiertas para dar espacio Preguntas abiertas
cin recopilada ser utilizada exclusivamente para fines a los usuarios a expresar ideas que no se incluyen como Se recomiendan cuando la encues-
de mejora en el diseo de productos. opcin en las respuestas a las preguntas cerradas. ta o cuestionario busca obtener infor-
Pg. 1 de 9 macin general o exploratoria.

MAPA
Glosario
TEmas CAPtulo 5
QUIS
Existen algunos cuestionarios disponibles a nivel inter-
Cuestionario altamente usado para
nacional, como QUIS y LibQUAL+, que han sido elabora-
obtener informacin del nivel de
dos para evaluar la satisfaccin percibida por los usua- satisfaccin del usuario. Fue desa-
rios de diversos productos de software. Sin embargo, los rrollado por el laboratorio de Inte-
glosarioGlosario
Mario Ragma / Photos.com
criterios de usabilidad que se incluyen en el cuestionario raccin Humano-Computadora de
dependern del tipo de producto que se evaluar as como la Universidad de Maryland (Sharp,
Rogers, Preece, 2007).
del perfil de los usuarios de ese producto.
Ejemplo de encuesta a usuarios de un portal corporativo LibQUAL+
Servicio que provee la Asociacin de
Haz clic en cada botn para mostrar su Investigacin de Bibliotecas (Asso-
respectivo ejemplo. ciation of Research Libraries, ARL) a
Finalmente , se deben considerar los siguientes aspec- la comunidad de bibliotecas utilizan-
RECURSOS
tos para una exitosa aplicacin del cuestionario diseado do cuestionarios sobre tecnologa
para evaluar la usabilidad de un producto de software: web.
Recursos
Frecuencia de uso
La manera de involucrar a los usuarios para que con-
testen el cuestionario (que podra ser en lnea, en persona, En estudios de usabilidad, es la con-
tinuidad con la que el usuario utiliza
por telfono, o por correspondencia) debe ser adecuada al algn mdulo, seccin, comando,
producto evaluado y al perfil de la audiencia de ese producto. etctera.
ACTIVIDAD
Instrucciones claras para que los usuarios contes-
ten cada pregunta del cuestionario.
Actividad
Preguntas adecuadas pare el producto que ser
evaluado y para el perfil de la audiencia de ese producto.
Maksym Yemelyanov / Photos.com

Olga Danylenko / Photos.com
Considerar un
tiempo conveniente
CONCLUSIN
para que un buen n-
Conclusin
mero de usuarios con-
testen el cuestionario
(dos semanas, un mes
o varios meses).
Pg. 2 de 9

MAPA
Glosario
TEmas CAPtulo 5
Observacin participativa
Observacin participativa: es una estrategia de eva- Se sugiere programar sesiones en diferentes horarios
Estrategia de obtencin de datos en
luacin de usabilidad que involucra a un usuario dispuesto y con diferentes usuarios, para as captar aspectos que
la cual el observador convive con las
a compartir sus experiencias de uso de un producto, y a se presentan solamente a ciertas horas, ciertos das de la personas a observar, se hace parte
un evaluador. semana, o con cierto perfil de usuarios. de su ambiente, por lo que tiene una
glosarioGlosario
participacin activa, y llega a obtener
Como parte de esta estrategia, el evaluador debe prepa- Ejemplo de gua de observacin participativa de mayor cantidad de datos.
rar una gua de observacin que consiste en una lista de te- usuarios de un sitio web en el saln de clase
Gua de observacin
mas clave para evaluar la usabilidad de un producto, y que
Temas clave Herramienta que apoya el proceso
sean adecuados al perfil de los usuarios de ese producto.
de observacin para que el obser-
1. Ubicacin fsica del instructor. vador se enfoque en el objetivo pro-
Una vez que se tiene una gua de observacin, el eva-
puesto. Puede ser muy bsica, sim-
luador programar varias sesiones para visitar a los usua- 2. Ubicacin fsica de los alumnos. plemente especificando a quin se
RECURSOS
rios en el lugar donde a diario usan el producto de inters. observar, en dnde observar y qu
3. Ubicacin fsica del equipo computacional. observar, o puede ser ms detalla-
Recursos
4. Patrones de uso del sitio web. da, dependiendo de los datos que se
buscan recolectar y la dificultad para
4.1 Tipo de actividades realizadas por el instructor. observar.
4.2 Tipo de actividades realizadas por los alumnos.
ACTIVIDAD
5. Otros temas.
Para cada sesin de observacin participativa, se debe:
Actividad
Involucrar a usuarios que representen la diversidad
de perfiles de la audiencia meta.
Obtener por escrito la autorizacin de cada usuario
Diego cervo / Photos.com
CONCLUSIN
(informed consent) para observar la forma en que usa el
producto.
Conclusin
Asegurar a cada usuario que la informacin recopila-
da ser utilizada exclusivamente para fines de mejora en
el diseo de productos.
Pg. 3 de 9

TEmas CAPtulo 5
Involucrar solamente a un usuario por se- Se sugiere utilizar una cmara de video
sin para poder identificar y documentar de ma- para capturar imgenes y audio de cada sesin,
nera detallada diversos aspectos de la experien- as como una persona de apoyo para tomar no-
cia de uso de ese usuario con el producto que tas adicionales por si algo falla al grabar las im-
est siendo evaluado. genes o el audio de alguna sesin.
Glosario
Si se va a observar a un grupo de usuarios
durante una misma sesin, se debe identificar
Nikolay Suslov / Photos.com
claramente el rol de cada usuario (por ejemplo, si
se observar el uso de un sitio web en un saln,
se debe identificar a los alumnos, al instructor y
la ubicacin fsica del equipo en el saln).
Documentar de manera detallada los di-
Recursos
versos aspectos de cada sesin, incluyendo un
mapa de la ubicacin fsica donde se llev a
cabo, as como los pormenores de cada aspecto Pantalla # 1 Pantalla # 2
observado durante cada sesin.
Escritorio # 1 Escritorio # 1
Instructor
Actividad
Lisa F. Young / Photos.com
Conclusin
Figura 5.2.1 Ejemplo de un mapa de la ubicacin fsica de una sesin de observacin par-
ticipativa de usuarios de un sitio web en el saln de clase.
Pg. 4 de 9

MAPA
Glosario
TEmas CAPtulo 5
Observacin no participativa
Observacin no-participativa: es una estrategia de Una vez que se tiene una gua de observacin, el eva-
Estrategia de obtencin de datos en
evaluacin de usabilidad que involucra a usuarios que no luador identificar uno o varios lugares pblicos a los que
la cual el observador est totalmen-
saben que estn siendo observados por un evaluador al deber acudir para observar a los usuarios utilizando de te alejado y sin contacto con las per-
usar un producto. Igual que en la estrategia de observa- manera natural el producto de inters, sin evidenciar que sonas a observar. La o las perso-
glosarioGlosario
cin participativa, el evaluador debe preparar una gua de est observndolos. nas observadas no saben que estn
observacin que consiste en una lista de temas clave para siendo observados.
Para cada sesin de observacin no-participativa, se debe:
evaluar la usabilidad de un producto, y que son adecuados Mapa de la ubicacin fsica
al perfil de los usuarios de ese producto. Identificar a usuarios que representen la diversidad Visualizacin del espacio en el cual
de perfiles de la audiencia meta. se llev a cabo alguna sesin de
recoleccin de datos, como la obser-
Recordar que la informacin recopilada debe ser uti- vacin con usuarios.
RECURSOS
lizada exclusivamente para fines de mejora en el diseo
de productos, pues no se cuenta con la autorizacin de
Recursos
cada usuario (informed consent) para ser observado cuan-
do usa el producto evaluado.
Identificar y documentar en forma detallada diversos
aspectos de la experiencia de uso que genera el producto
que se est evaluando, incluyendo un mapa de la ubica-
ACTIVIDAD
cin fsica donde se llev a cabo cada sesin.
Si se va a observar a un grupo de usuarios durante
Actividad
una misma sesin, se debe identificar claramente el perfil
de cada usuario durante la sesin (por ejemplo, si se ob-
servar el uso de un kiosco de informacin en un centro
comercial local, se debe describir si la persona que usa el

kiosco es una adulto, un adolescente, o un grupo de seo-
CONCLUSIN
ras de la tercera edad).
Conclusin
Se sugiere tomar notas de manera discreta en cada
sesin y, si fuera posible, tomar algunas fotos sin distraer
a los usuarios que no saben que estn siendo observados.
Pg. 5 de 9

TEmas CAPtulo 5
Entrevista semiestructurada: es una estra- macin recopilada ser utilizada exclusivamente 2. Cul es tu rea de especialidad?
tegia de evaluacin de usabilidad que involucra para fines de mejora en el diseo de productos. 3. Desde cundo usas el sitio web en tus
a usuarios dispuestos a compartir sus experien-
Entrevistar solamente a un usuario por sesin cursos?
cias de uso de un producto, y a un evaluador que
para poder identificar y documentar de manera
ha preparado una lista de temas clave con base 4. Podras dar un ejemplo de la manera en
detallada sus respuestas a las preguntas en la
en los criterios de usabilidad que se evaluarn. que usas el sitio en tus cursos?
gua de entrevista, as como sus comentarios y
Glosario
Como parte de esta estrategia, el evaluador opiniones adicionales. 5. Cmo aprendiste a usar el sitio web como
debe preparar una gua de entrevista que con-
Ejemplo de gua de entrevista a usuarios apoyo en tus cursos?
siste en una lista de preguntas derivadas de
de un sitio web de apoyo al aprendizaje 6. Qu opinas del sitio web como apoyo en
temas clave identificados por el evaluador con
base en el producto y el perfil de los usuarios de Temas clave tus cursos?
ese producto.
1. Perfil del estudiante. 7. En tu opinin, qu es lo mejor del sitio web
Recursos
Una vez que se tiene una gua de entrevista, 1.1 Experiencia previa de uso de sitios web. como apoyo en tus cursos?
el evaluador programar varias sesiones para
1.2 Experiencia previa de uso de sitios web 8. En tu opinin, qu es lo peor del sitio web
entrevistar a usuarios que ya conocen y usan
regularmente el producto de inters. Se sugie- como apoyo al aprendizaje. como apoyo en tus cursos?
re programar sesiones con diferentes usuarios 2. Patrones de uso del sitio web. 9. Qu cambiaras para mejorar el sitio web?
para as identificar aspectos que se presentan
2.1 Tipo de actividades realizadas. 10. Te gustara comentar algo ms?
solamente con cierto perfil de usuarios.
2.2 Ejemplos de apoyo al aprendizaje ofre-
Adems, para realizar con xito entrevistas
Actividad
semiestructuradas, se debe: cidos en el sitio web.
3. Opinin general del sitio web.
Involucrar a usuarios que representen la di-
versidad de perfiles de la audiencia meta. 4. Sugerencias de mejora.
Alexander Raths / Photos.com

5. Otros temas.
Obtener por escrito la autorizacin de cada
usuario (informed consent) para recopilar infor-
macin acerca de la forma en que usa el produc-
Conclusin
Preguntas derivadas de los temas clave
to que ser evaluado.
1. Desde cundo eres alumno/instructor en
Asegurar a cada entrevistado que la infor- esta escuela?
Pg. 6 de 9

MAPA
Glosario
TEmas CAPtulo 5
Focus group o grupo de enfoque

Focus group: es una estrategia de evaluacin de usa- Como parte de esta estrategia, el evaluador debe pre-
parar una gua de temas clave, parecida a una gua de en- Tipo de entrevista en donde hay un
bilidad que involucra a un grupo de usuarios dispuestos
facilitador previamente entrenado y
a compartir sus experiencias de uso de un producto, y a trevista, que consiste en una lista de preguntas derivadas ms de dos entrevistados. Se usa
un facilitador que coordina la participacin de los usuarios de temas clave identificados por el evaluador con base en para detectar conceptos generales
glosarioGlosario
para que sta sea efectiva. el producto y el perfil de los usuarios de ese producto. que pudieron ser no considerados
por alguna omisin o motivo.
(Contiene el mismo ejemplo de gua de entrevista de la
entrevista semiestructurada.) Gua de temas clave
Herramienta o agenda predefinida
Una vez que se tiene una gua de temas clave, el eva- que apoya el proceso del facilitador
luador programar varias sesiones con usuarios que ya en un grupo de enfoque para conti-
conocen y usan regularmente el producto de inters. nuar con la dinmica de la sesin. El
facilitador puede decidir salirse de la
RECURSOS
Se sugiere programar sesiones con una variedad de agenda si la dinmica del grupo lo
usuarios para identificar comentarios y opiniones adiciona- amerita.
Recursos
les que se presentan solamente con usuarios de cierto perfil.
Al planear una sesin de focus group se debe:
Invitar de 5 a 8 usuarios por sesin.
ACTIVIDAD
Actividad
(informed consent) para recopilar informacin acerca de la
forma en que usa el producto que ser evaluado.
Asegurar a cada participante que la informacin re-
copilada ser utilizada exclusivamente para fines de mejo-
CONCLUSIN
ra en el diseo de productos.
Conclusin
Identificar y documentar de manera detallada las res-
Photos.com
puestas a las preguntas en la gua de temas clave, as

como sus comentarios y opiniones adicionales.
Pg. 7 de 9

MAPA
Glosario
TEmas CAPtulo 5
Think aloud o Protocolo de pensa-

Think aloud: es una estrategia de evaluacin de usa- 6. Por favor, enva este mensaje de texto usando acen- miento en voz alta
bilidad que involucra a usuarios que por primera vez usan tos y todos los caracteres especiales: Hola, buen da! Te Tcnica de recoleccin de datos
un producto, y a un facilitador que coordina la participacin mando el e-mail que me pas el niito de la primaria que basada en observacin, en la que se
de los usuarios en cada sesin. visitamos hace unos das. El e-mail es: abcdefg@mail. le pide a uno o a varios usuarios lle-
glosarioGlosario
var a cabo un escenario verbalizan-
com. Que tengas un buen da :). do lo que piensan mientras utilizan el
Como parte de esta estrategia, el evaluador debe prepa-
sistema interactivo. El analista lleva
rar una lista de actividades o transacciones clave con base 7. Por favor, encuentra los videojuegos en el aparato y un log o relatora de la sesin que
en el producto y el perfil de los usuarios de ese producto. juega con uno de ellos durante 3 minutos. puede ser grabada en video.
Una vez que se tiene una lista de actividades o transac- 8. Te gustara comentar algo acerca del producto? Lista de actividades o transacciones
clave
ciones clave, el evaluador programar varias sesiones con
Al planear una sesin de think aloud se debe: Escenario que llevar a cabo el usua-
RECURSOS
usuarios que todava no conocen el producto de inters. rio al participar en una sesin de pro-
En cada sesin se debe invitar al usuario a comentar en Invitar a un solo usuario por sesin. tocolo de pensamiento en voz alta o
Recursos
think aloud.
voz alta lo que est pensando y sintiendo al realizar cada
una de las actividades de la lista.
Se sugiere programar sesiones con una variedad de
usuarios para as identificar comentarios y experiencias
(informed consent) para recopilar su opinin acerca del
ACTIVIDAD
que se presentan solamente con usuarios de cierto perfil.
producto que est siendo evaluado.
Actividad
Ejemplo de actividades o transacciones clave de un
Asegurar a cada participante que la informacin re-
dispositivo mvil
copilada ser utilizada exclusivamente para fines de mejo-
1. Por favor, enciende el aparato. ra en el diseo de productos.
2. Por favor, llama al siguiente nmero: 8383-5050. Documentar los comentarios de cada usuario acerca
CONCLUSIN
del producto que se est evaluando.
3. Por favor, toma una foto.
Conclusin
Invitar a los usuarios que no opinan a comentar en
4. Por favor, toma un video.
voz alta lo que estn pensando y sintiendo al realizar cada
5. Por favor, busca Royal Wedding en la red. una de las actividades de la lista.
Pg. 8 de 9

MAPA
Glosario
TEmas CAPtulo 5
Eyetracking/HeatMaps
Eye tracking/heat maps: es una estrategia de anlisis Diarios/journals: algunos especialistas sugieren que
Tecnologa para reconocer los luga-
de la experiencia de uso de sitios web, que utiliza un dis- los usuarios registren personalmente sus impresiones y
res en los que el usuario pone aten-
positivo en la pantalla que graba los puntos exactos en los experiencias de uso de un producto mediante diarios (La- cin al estar observando la pantalla
que cada usuario pone atencin al leer, observar y explo- zar, 2010), tambin conocidos como journals (Sharp, Ro- mientras interacta con una aplica-
glosarioGlosario
rar los contenidos del sitio web durante cada sesin. gers y Preece, 2007). Esta estrategia permitir a los eva- cin.
luadores recopilar informacin acerca de la experiencia de Diarios (journals)
Es una estrategia de evaluacin de usabilidad que re-
uso de diversos usuarios con el transcurso del tiempo, y Relatora de la recoleccin de datos
quiere una fuerte inversin inicial en equipo e instalacio-
en el contexto diario de uso. durante las sesiones con usuarios.
nes, por lo que algunos evaluadores rentan salas con el
equipo necesario. Se sugiere programar sesiones con una Haz clic en la caja Tip de diseo para desple-
variedad de usuarios para documentar experiencias de gar informacin.
uso que slo ocurren con usuarios de cierto perfil.
RECURSOS
Recursos
ACTIVIDAD
Actividad
Tracy lorna / Photos.com
CONCLUSIN
Conclusin
Pg. 9 de 9

MAPA
Glosario
TEmas CAPtulo 5
94 5.3 Estrategias de evaluacin de usabilidad con expertos

5.3 Estrategias de evaluacin de usabilidad con expertos cra a un experto evaluador que ha preparado una lista de design)
aspectos clave que sern analizados detalladamente en
En la actualidad existen diversas estrategias de eva- Proceso de generar y evaluar pro-
un producto. A diferencia de las estrategias de observa- ductos, sistemas o dispositivos que
luacin de usabilidad de un producto que no involucran la
cin participativa y observacin no-participativa, no parti- cumplan con el objetivo para el que
glosarioGlosario
participacin de usuarios. Independientemente de la estra- fueron diseados, y que apoyen las
cipan usuarios del producto pues solamente se analizan
tegia a utilizar, deben considerarse los siguientes aspectos actividades que la gente realiza en
aspectos relacionados con la usabilidad del producto.
(Lazar, 2010): su trabajo y en su vida diaria.
Para cada aspecto analizado, el experto evaluador ge- Observacin estructurada (Structu-
El evaluador debe informarse acerca del producto y el
nera comentarios y sugerencias de mejora en un reporte red observation)
perfil de la audiencia meta, cuidando en todo momento la
de resultados con base en los principios y guas de diseo Estrategia de evaluacin de usabili-
confidencialidad de esa informacin.
de interaccin, y de diseo centrado en el usuario. dad que involucra a un experto eva-
luador que ha preparado una lista de
RECURSOS
El evaluador debe ser un experto que conoce amplia-
Por ejemplo, la observacin estructurada de un sitio web aspectos clave que sern observa-
mente los principios y guas de diseo de interaccin, y de dos en un producto, un sitio web o un
podra incluir los siguientes aspectos clave:
Recursos
diseo centrado en el usuario. portal. Esta estrategia no involucra la
Uso de color: el esquema de colores en el que se participacin de usuarios.
Tambin debe generar un reporte de resultados con co-
basa la imagen grfica del sitio web.
mentarios y sugerencias de mejora del diseo del producto
que est evaluando. Uso de vocabulario: el idioma y el tono con el que se
presenta la informacin.
En esta seccin se describen diversas estrategias de
ACTIVIDAD
evaluacin de usabilidad con expertos: Modelo de navegacin: las facilidades para explorar
la informacin del sitio (men principal, submens, ligas,
Actividad
Observacin estructurada.
iconos, mapa del sitio, breadcrumbs o paths para indicar
Caminata cognitiva. ubicacin actual.
Auditora de especificaciones de diseo. Organizacin de contenidos: la(s) forma(s) en que se

agrupa y se presenta la informacin del sitio (por fecha, por
CONCLUSIN
Evaluacin heurstica. alfabeto, por tema, por popularidad, por audiencia, por tipo
Anlisis de transacciones. de transaccin).
Conclusin
Observacin estructurada (structured observation): Tiempo de respuesta: el tiempo que tarda el sitio en
es una estrategia de evaluacin de usabilidad que involu- procesar transacciones solicitadas por el usuario.
Pg. 1 de 5

MAPA
Glosario
TEmas CAPtulo 5
Caminata cognitiva (Cognitive

Ejemplo de gua de observacin estructurada de un Objetivo (Goal). walkthrough)
sitio web
Evaluador:
Operadores (Operators). Estrategia de evaluacin de usabili-
dad basada en expertos en la que el
Sitio web evaluado: Procedimientos (Methods). experto camina o recorre cada paso
glosarioGlosario
Fecha de evaluacin: del proceso de interaccin analizan-
Sugerencias al usuario (Selection rules). do su complejidad para la audiencia
Criterio Comentarios Sugerencias meta.
Por ejemplo, la caminata cognitiva de un cajero autom-
de mejora
tico podra incluir slo el anlisis del men de opciones dis- Nivel de complejidad
Uso de color ponibles, el anlisis de cada una de las transacciones ofre- En una caminata cognitiva el evalua-
Uso de cidas por cada opciones del men, o solamente el anlisis dor genera, para cada actividad, el
vocabulario de los pasos a seguir al realizar una transaccin especfica. nivel de complejidad para el usuario
y con base en l se proponen mejo-
RECURSOS
Modelo de ras al diseo.
navegacin
Recursos
Modelo GOMS
Organizacin
Acronismo para Goals, Operators,
de contenidos Methods, Selection rules. De los
Michal Kodym / Photos.com

Tiempo modelos predictivos, es de las tcni-
de respuesta cas ms utilizadas.
Otros
ACTIVIDAD
Caminata cognitiva (cognitive walkthrough): es una
Actividad
estrategia de evaluacin de usabilidad que involucra a un
experto evaluador que debe confirmar si la complejidad del
diseo de un producto es adecuado para la audiencia meta. Para realizar una caminata cognitiva, el evaluador debe:
En esta estrategia el evaluador debe generar un do- Contar con acceso a una versin completa del pro-
cumento que describa el nivel de complejidad de una o ducto a evaluarse.
CONCLUSIN
varias actividades clave del producto de inters, as como
sugerencias de mejora en el diseo del producto. Generar un Modelo GOMS que describa el nivel de
Conclusin
complejidad de una o de varias actividades clave del pro-
El nivel de complejidad de una actividad se describe a ducto de inters, as como sugerencias de mejora al pro-
partir de un Modelo GOMS, el cual se compone de cada ducto con base en los principios y guas de diseo de inte-
uno de los siguientes elementos: raccin, y de diseo centrado en el usuario.
Pg. 2 de 5

TEmas CAPtulo 5
Ejemplo de caminata cognitiva del retiro de efectivo en un cajero automtico

Sugerencias de uso (S): se sugiere modificar
Modelo GOMS del diseo actual Modelo GOMS con sugerencias de diseo algunos pasos del procedimiento actual para evi-
tar que algunos usuarios retiren su efectivo y ol-
Objetivo (G): retirar efectivo en un cajero au- Objetivo (G): Retirar Efectivo en un cajero au-
viden recoger su tarjeta antes de irse del cajero.
tomtico. tomtico.
Glosario
Operadores (O): Operadores (O):
Recordar. Recordar.
Teclear. Teclear.
Leer. Leer.
Seleccionar. Seleccionar.
Recursos
Retirar. Retirar.
Procedimiento (M): Procedimiento (M):
1. Insertar tarjeta. 1. Insertar tarjeta.
2. Recordar NIP. 2. Recordar NIP.
Grzegorz Petrykowski / Photos.com

3. Teclear NIP. 3. Teclear NIP.
Actividad
4. Leer men de opciones. 4. Leer men de opciones.
5. Seleccionar opcin de Retiro de efectivo. 5. Seleccionar opcin de Retiro de efectivo.
6. Seleccionar cantidad a retirar. 6. Seleccionar cantidad a retirar.
7. Esperar a que se imprima recibo. 7. Esperar a que se imprima recibo.
8. Retirar recibo impreso. 8. Retirar recibo impreso.
Conclusin
9. Retirar efectivo. 9. Retirar tarjeta.
10. Retirar tarjeta. 10. Retirar efectivo.
Pg. 3 de 5

MAPA
Glosario
TEmas CAPtulo 5
Auditora de especificaciones de
Auditora de especificaciones de diseo (guidelines especificaciones de diseo, as como sugerencias de mejora diseo (Guidelines Review)
review): es una estrategia de evaluacin de usabilidad que al producto con base en los principios y guas de diseo de
Estrategia de evaluacin de usabili-
involucra a un experto evaluador que debe confirmar si un interaccin, y de diseo centrado en el usuario. dad basada en expertos en la que el
producto cumple con ciertas normas y polticas de diseo. Evaluacin heurstica (heuristic evaluation): es una experto, con base en el documento
glosarioGlosario
de especificaciones, evala un siste-
estrategia de evaluacin de usabilidad que involucra a un ma interactivo, artefacto u objeto, y
experto evaluador que ha preparado una lista de aspectos genera una recomendacin de usa-
de diseo que sern analizados en un producto. bilidad.
Para cada aspecto analizado, el experto evaluador ge- Evaluacin heurstica
Jacob Wackerhausen / Photos.com
nera comentarios y sugerencias de mejora en un reporte Tcnica de inspeccin de usabilidad

de resultados con base en los principios y guas de diseo en la que un experto evala un dis-
de interaccin, y de diseo centrado en el usuario. positivo, objeto o sistema interacti-
RECURSOS
vo con base en heursticas o princi-
Shneiderman y Plaisant (2005) sugieren los siguientes pios. Fue creada por Jacob Nielsen
Recursos
principios de diseo para utilizar en esta estrategia: (Sharp, Rogers, Preece, 2007; Niel-
sen 1993).
Ofrecer retroalimentacin adecuada a los usuarios.
Principios de diseo
Brindar oportunidades para prevenir errores. Guas o heursticas que apoyan el
Para realizar la auditoria, el trabajo de los diseadores dndoles
Dar oportunidades para corregir o deshacer errores.
ACTIVIDAD
evaluador debe: un marco de referencia para disear
Promover la consistencia en el producto. lo que el usuario observa e interac-
Contar con acceso a una ta.
Actividad
versin completa del producto Fomentar la usabilidad del producto.
que va a evaluar. Hacer viable una experiencia de uso agradable.
Contar con una copia de las
Marcin Balcerzak / Photos.com
Franck Boston / Photos.com

especificaciones de diseo que
CONCLUSIN
guiarn el proceso de auditora.
Generar un reporte de resulta-
Conclusin
dos que identifica claramente los
componentes o los mdulos del
producto que s cumplen con las
Pg. 4 de 5

MAPA
Glosario
TEmas CAPtulo 5
Anlisis de transacciones (Log Analy-

Anlisis de transacciones (log analysis): es una es- de uso de diferentes grupos de usuarios, como Google sis)
trategia de anlisis de las transacciones realizadas por los Analytics. Tcnica para obtener informacin
usuarios de cierta aplicacin computacional, por lo que el con base en el anlisis de transac-
evaluador debe contar con acceso a informacin histrica ciones llevadas a cabo por usuarios
glosarioGlosario
de uso de la aplicacin de al menos seis meses. durante un cierto periodo.
Patrones de uso
Relacin entre los datos que pueden
ser identificados con un comporta-
miento en los usuarios al hacer un
anlisis de documentos, conversa-
ciones y transacciones.
RECURSOS
Google Analytics
Producto de anlisis del comporta-
Recursos
miento de pginas web diseado por
Loops7 / Photos.com
Google.
Haz clic en la caja Tip de diseo para

ACTIVIDAD
En esta estrategia el evaluador identificar patrones de
Actividad
uso de los diversos mdulos o secciones de la aplicacin

computacional de inters, con el fin de generar un d ocu-
mento en el que se describe:
La frecuencia de uso de cada mdulo o seccin.
CONCLUSIN
La forma de uso de cada mdulo o seccin.
Conclusin
Patrones de uso de los usuarios de cierto perfil.
Existen en el mercado diversas aplicaciones y herra-

mientas que ayudan al evaluador a identificar patrones
Pg. 5 de 5

MAPA
Glosario
TEmas CAPtulo 5
99 5.4 Plan de evaluacin de usabilidad
Plan de evaluacin de usabilidad

5.4 Plan de evaluacin de usabilidad Incluir al menos una estrategia que involucre evalua-
Documento que define cmo, cun-
dores expertos.
Para realizar la evaluacin del nivel de usabilidad de un do, dnde y por quin ser evaluado
producto se debe generar un plan de evaluacin de usabilidad. Incluir al menos una estrategia que involucre usua- un sistema interactivo.
glosarioGlosario
rios representativos de la audiencia meta.
Piranka / Photos.com
George Doyle / Photos.com

Lazar (2010) sugiere que un plan de evaluacin de
RECURSOS
usabilidad de un producto debe:
Recursos
Ser parte de un proyecto de diseo y desarrollo.
Considerar criterios de evaluacin de usabilidad con
base en el producto y la audiencia meta.
Ejemplo # 1: Plan de evaluacin de usabilidad de un videojuego
ACTIVIDAD
Estrategia de evaluacin de usabilidad Criterios de evaluacin
Actividad
Con usuarios Observacin participativa Patrones de uso individual.
Patrones de uso en grupo.
Think aloud Uso de colores.
Diseo de iconos.
Modelo de navegacin.
CONCLUSIN
Con expertos Observacin estructurada Uso de colores.
Conclusin
Diseo de iconos.
Caminata cognitiva Nivel de complejidad de actividades clave del videojuego.
Pg. 1 de 2

TEmas CAPtulo 5
100 5.4 Plan de evaluacin de usabilidad
Ejemplo # 2: Plan de evaluacin de usabilidad de ICDL Ejemplo # 3: Plan de evaluacin de usabilidad del dispositivo
Estrategia de evaluacin de usabilidad Criterios de evaluacin de self check-in en un aeropuerto
Estrategia de evaluacin de usabilidad Criterios de evaluacin
Con usuarios Entrevista a padres Uso de colores.
Con usuarios Entrevista Diseo de iconos.
de familia Diseo de iconos.
Uso de idioma/vocabulario.
Glosario
Entrevista Uso de colores.
Observacin Patrones de uso:
a profesores Diseo de iconos.
no-participativa pasajeros nacionales.
de primaria Modelo de navegacin.
Patrones de uso:
Observacin Patrones de uso individual.
pasajeros extranjeros.
participativa a nios Patrones de uso en grupo.
Con expertos Observacin Diseo de iconos.
Con expertos Observacin Uso de colores.
estructurada Uso de idioma/vocabulario.
Recursos
estructurada Diseo de iconos.
Caminata cognitiva Nivel de complejidad del dispositivo.
Anlisis de transacciones Nivel de complejidad de ICDL.
Actividad
Conclusin
Pg. 2 de 2

TEmas CAPtulo 5
101
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 5
102

Instrucciones: Esta actividad te invita a generar un plan de evaluacin de usabilidad de una estacin con pantalla tctil (touchscreen kiosk) que se
ha instalado en el Museo del Nio de tu ciudad como parte de una exhibicin interactiva.
Glosario
Recursos
Actividad
Conclusin
Pg. 1 de 1

TEmas CAPtulo 5
103

La usabilidad de un producto se define como
Glosario
el nivel de facilidad con el que los usuarios
aprenden a usarlo, as como el nivel de satis-
faccin percibido por los mismos usuarios al in-
teractuar con los componentes principales del
producto (Nielsen, 1993).
El diseo centrado en el usuario sugiere prin-

cipios que sirven de gua para identificar crite-
Recursos
rios de evaluacin de usabilidad.
Actualmente, existen diversas estrategias de

evaluacin de usabilidad con usuarios y con ex-
pertos.
Se sugiere incluir al menos una estrategia con
Actividad
usuarios y una estrategia con expertos al prepa-
rar un plan de evaluacin de usabilidad con el
fin de identificar mejoras al diseo de productos.
Dave Pilibosian / Photos.com
Conclusin
Pg. 1 de 1

TEmas CAPtulo 5
Glosario
Recursos
A en expertos en la que el experto, con base en el
documento de especificaciones, evala un siste-
C
Anlisis de transacciones (Log Analysis) ma interactivo, artefacto u objeto, y genera una Calidad de un producto de software
Tcnica para obtener informacin con base en recomendacin de usabilidad. Especificacin de los elementos que conforman
Actividad
el anlisis de transacciones llevadas a cabo por Autorizacin de cada usuario (Informed la aplicacin computacional y el nivel esperado
usuarios durante un cierto periodo. consent) de las caractersticas de cada elemento.
Audiencia Forma de autorizacin en la cual el usuario o el Calidad de un producto

Pblico meta al cual va dirigido un diseo en el tutor del usuario proporcionan la autorizacin Definicin de los elementos que conforman el
proceso de diseo centrado en el usuario. para recopilar informacin. Tambin es conocida producto y el nivel esperado de las caractersti-
como Forma de consentimiento. cas de cada elemento.
Conclusin
Auditora de especificaciones de diseo
(Guidelines Review) Calidad de un sitio web
Estrategia de evaluacin de usabilidad basada Definicin de los elementos que conforman el
Pg. 1 de 6

TEmas CAPtulo 5
producto y el nivel esperado de las caractersti-
cas de cada elemento.
abiertas o cerradas. E
D
Glosario
Encuesta
Caminata cognitiva (Cognitive walk-
Tcnica de recoleccin de datos basado en la
through) Desempeo (Performance) aplicacin de un cuestionario para lograr un obje-
Estrategia de evaluacin de usabilidad basada Medida de calidad de una aplicacin u objeto con tivo especfico como parte de una investigacin.
en expertos en la que el experto camina o re- base en los resultados obtenidos bajo ciertos cri-
Entrevista semi-estructurada
corre cada paso del proceso de interaccin ana- terios, como tiempo de respuesta, seguridad, es-
lizando su complejidad para la audiencia meta. trs, entre otros. Entrevista que combina caractersticas de la
Recursos
entrevista estructurada y de la no estructurada.
Criterios de sociabilidad Diarios (journals) Mezcla preguntas cerradas y abiertas. El entre-
Relatora de la recoleccin de datos durante las vistador sigue haciendo preguntas abiertas has-
Especificaciones para medir la sociabilidad de
sesiones con usuarios. ta que ya no hay informacin que recolectar.
un producto. Los datos generalmente se obtie-
nen por observacin o entrevistas a los usuarios.
Diseo centrado en el usuario Especificaciones tcnicas
Consideraciones tcnicas dentro del proceso de
Criterios de usabilidad Proceso o metodologa que considera al usuario
Actividad
desarrollo de un producto, tales como definir la
su objeto central y lo involucra desde las prime-
Tambin conocidos como especificaciones de plataforma tecnolgica sobre la cual trabajar el
ras etapas del proceso.
usabilidad o mtricas de usabilidad. Son crite- producto, sistema operativo, manejador de base
rios de desempeo o principios que apoyan en el Diseo de interaccin (Interaction design) de datos, servidores, entre otras.
proceso de evaluacin de un producto.
Proceso de generar y evaluar productos, siste- Estrategias de evaluacin de la usabilidad
Cuestionario mas o dispositivos que cumplan con el objetivo con expertos
Conclusin
para el que fueron diseados, y que apoyen las Evaluacin de usabilidad basada en expertos que
Formado por una serie de preguntas que se rea-
actividades que la gente realiza en su trabajo y incluyen caminatas estructuradas, inspecciones,
lizan en una entrevista estructurada o en una en-
en su vida diaria. evaluaciones heursticas, entre otras tcnicas.
cuesta. El cuestionario puede incluir preguntas
Pg. 2 de 6

TEmas CAPtulo 5
Estrategias de evaluacin de la usabilidad mensiones de usabilidad. omisin o motivo.
con usuarios
Evaluacin heurstica Forma de uso
Glosario
Evaluacin de usabilidad que involucra usuarios,
Tcnica de inspeccin de usabilidad en la que un Al llevar a cabo estudios de usabilidad, se refiere
en la que el usuario ser quien proporcione la
experto evala un dispositivo, objeto o sistema a la manera en la que los usuarios acostumbran
retroalimentacin. Existen diversas tcnicas de a utilizar el objeto o espacio de interaccin.
interactivo con base en heursticas o principios.
esta evaluacin, como los ambientes controla-
Fue creada por Jacob Nielsen (Sharp, Rogers,
dos o no controlados, sesiones siguiendo esce- Frecuencia de uso
Preece, 2007; Nielsen 1993).
narios, y la que utiliza el protocolo de pensamien- En estudios de usabilidad, es la continuidad con
to en voz alta, obteniendo informacin por medio Expertos en diseo centrado en el usuario la que el usuario utiliza algn mdulo, seccin,
Recursos
de diversas tcnicas de recoleccin de datos. comando, etctera.
Personas con antecedentes de aprendizaje en el
Estrategias de evaluacin de usabilidad rea de diseo centrado en el usuario. Funcionalidad
Formas para planear la evaluacin de la usabi- Eyetracking/HeatMaps Conjunto de caractersticas que hacen que un
lidad de un producto. Involucra tiempos, recur- sistema u aplicacin computacional sea til. Ge-
Tecnologa para reconocer los lugares en los que neralmente se asocian con conceptos tcnicos
sos fsicos y humanos, y tambin define tipos de el usuario pone atencin al estar observando la
evaluacin y tcnicas de evaluacin a utilizar. como tiempo de respuesta, confiabilidad, reusa-
pantalla mientras interacta con una aplicacin.
Actividad
bilidad, entre otras caractersticas.
Estrategias de evaluacin del nivel de so- pantalla mientras interacta con una aplicacin.
ciabilidad
Formas para evaluar el grado de sociabilidad que F
se da al utilizar cierta aplicacin interactiva orienta-
G
da al rea social, a la comunicacin entre personas.
Google Analytics
Conclusin
Tipo de entrevista en donde hay un facilitador
Evaluacin del nivel de usabilidad previamente entrenado y ms de dos entrevis- Producto de anlisis del comportamiento de p-
Proceso para establecer el grado en el que un tados. Se usa para detectar conceptos genera- ginas web diseado por Google.
objeto, artefacto o aplicacin, cumple con las di- les que pudieron ser no considerados por alguna
Pg. 3 de 6

TEmas CAPtulo 5
Gua de observacin Lista de actividades o transacciones para cada actividad, el nivel de complejidad para
Herramienta que apoya el proceso de observa- clave el usuario y con base en l se proponen mejoras
Glosario
cin para que el observador se enfoque en el ob- Escenario que llevar a cabo el usuario al partici- al diseo.
jetivo propuesto. Puede ser muy bsica, simple- par en una sesin de protocolo de pensamiento Nivel de satisfaccin percibido por los
mente especificando a quin se observar, en en voz alta o think aloud. usuarios
dnde observar y qu observar, o puede ser
ms detallada, dependiendo de los datos que se Mtrica de satisfaccin al evaluar un sistema u
buscan recolectar y la dificultad para observar. objeto interactivo. Puede medirse por medio de la
M aplicacin de entrevistas o encuestas utilizando
Recursos
Gua de temas clave una escala de Likert. Se considera para medir la
Herramienta o agenda predefinida que apoya el Mapa de la ubicacin fsica calidad en el diseo del producto.
proceso del facilitador en un grupo de enfoque Visualizacin del espacio en el cual se llev a
para continuar con la dinmica de la sesin. El cabo alguna sesin de recoleccin de datos,
facilitador puede decidir salirse de la agenda si
la dinmica del grupo lo amerita.
como la observacin con usuarios.
O
Modelo GOMS
Observacin estructurada (Structured ob-
Actividad
Acronismo para Goals, Operators, Methods, servation)
L Selection rules. De los modelos predictivos, es
de las tcnicas ms utilizadas.
Estrategia de evaluacin de usabilidad que invo-
lucra a un experto evaluador que ha preparado
LibQUAL+ una lista de aspectos clave que sern observados
Servicio que provee la Asociacin de Investiga- en un producto, un sitio web o un portal. Esta es-
cin de Bibliotecas (Association of Research Li- N trategia no involucra la participacin de usuarios.
Conclusin
braries, ARL) a la comunidad de bibliotecas utili-
Nivel de complejidad
zando cuestionarios sobre tecnologa web.
En una caminata cognitiva el evaluador genera,
Pg. 4 de 6

TEmas CAPtulo 5
rios a los que va dirigido el producto, y mientras so de diseo interactivo centrado en el usuario.
Observacin no participativa
se produce el diseo haciendo pruebas a los pri-
Glosario
Estrategia de obtencin de datos en la cual el ob- meros prototipos y al final, logrando que el usua- Preguntas abiertas
servador est totalmente alejado y sin contacto rio compre el producto. Se recomiendan cuando la encuesta o cuestionario
con las personas a observar. La o las personas ob-
busca obtener informacin general o exploratoria.
servadas no saben que estn siendo observados. Patrones de uso
Observacin participativa Relacin entre los datos que pueden ser identifi- Preguntas cerradas
cados con un comportamiento en los usuarios al Requiere que el diseador conozca de antemano
Estrategia de obtencin de datos en la cual el
hacer un anlisis de documentos, conversacio- las posibles respuestas que pudiera dar el usua-
observador convive con las personas a observar,
Recursos
nes y transacciones. rio. La pregunta incluye una lista de opciones o
se hace parte de su ambiente, por lo que tiene
una participacin activa, y llega a obtener mayor respuestas fijas.
Perfil
cantidad de datos.
Caractersticas que definen a un cierto grupo de Principios de diseo
usuarios y que los hacen un grupo especfico Guas o heursticas que apoyan el trabajo de los di-
que es parte de la audiencia meta del producto, seadores dndoles un marco de referencia para
P objeto o artefacto interactivo. Se le conoce tam- disear lo que el usuario observa e interacta.
Actividad
bin como persona.
Participacin activa de usuarios
El usuario forma parte activa dentro del proceso Plan de evaluacin de usabilidad
Q
de diseo, no es un simple espectador o un ser Documento que define cmo, cundo, dnde y
que es observado. por quin ser evaluado un sistema interactivo. QUIS
Cuestionario altamente usado para obtener in-
Participacin de usuarios Preferencias de grupo de usuarios formacin del nivel de satisfaccin del usuario.
Conclusin
Lazar (2010) recomienda la participacin de los Acciones, situaciones, servicios u objetos favori- Fue desarrollado por el laboratorio de Interac-
usuarios desde las primeras etapas de diseo tos por un conjunto de usuarios. Estas preferen- cin Humano-Computadora de la Universidad de
para conocer y entender quines son los usua- cias generan requerimientos bsicos en el proce- Maryland (Sharp, Rogers, Preece, 2007).
Pg. 5 de 6

TEmas CAPtulo 5
S T U
Glosario
Sociabilidad Think aloud o Protocolo de pensamiento Usabilidad
en voz alta De acuerdo con Nielsen (1993), la usabilidad es
Estudia los aspectos sociales de la interaccin,
la comunicacin que se da entre seres humanos Tcnica de recoleccin de datos basada en ob- una caracterstica del diseo que incluye cinco
utilizando como medio la tecnologa (Preece, servacin, en la que se le pide a uno o a varios dimensiones: facilidad de aprender, eficiente, fa-
2000; Sharp, Rogers, Preece, 2007). usuarios llevar a cabo un escenario verbalizando cilidad de recordar, pocos errores y agradable al
lo que piensan mientras utilizan el sistema inte- usuario.
ractivo. El analista lleva un log o relatora de la
Recursos
sesin que puede ser grabada en video.
Actividad
Conclusin
Pg. 6 de 6

TEmas CAPtulo 5
Glosario
Recursos
Eyetracking & HeatMap - Es un sitio de inters para un experto evaluador de usabilidad, pues ofrece definiciones, ejemplos y herramientas para ana-
lizar la forma en que los usuarios exploran los contenidos de un sitio web: http://www.eyetracking.com/About-Us/What-Is-Eye-Tracking
Google Analytics - Es un sitio de inters para un experto evaluador de usabilidad, pues ofrece definiciones, ejemplos y herramientas para analizar
informacin relacionada con las transacciones que realizan los usuarios de un sitio web: http://www.google.com/analytics
LibQUAL+ - Es atractivo para un experto evaluador de usabilidad, pues ofrece informacin relacionada con un cuestionario que analiza el nivel de
Actividad
satisfaccin de usuarios de bibliotecas digitales y diversas aplicaciones computacionales: http://www.libqual.org
QUIS - Sitio de inters para un experto evaluador de usabilidad, pues ofrece informacin relacionada con un cuestionario que analiza el nivel de satis-
faccin de usuarios de diversos productos y aplicaciones computacionales: http://www.cs.umd.edu/hcil/quis/
Conclusin
Pg. 1 de 1

Ligas de inters
Escuela de Diseo de Interaccin de la Universidad de Stanford - Puedes consultar este sitio con ejemplos de proyectos de investigacin realiza-
dos por profesores y alumnos de diversas especialidades, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones interactivas:
http://dschool.stanford.edu/
Instituto de Diseo de Interaccin de la Universidad de Carnegie Mellon - El siguiente es un sitio con ejemplos de proyectos de investigacin realiza-
dos por profesores y alumnos de ciencias computacionales, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones interactivas:
http://www.hcii.cmu.edu/
Laboratorio de Diseo de Interaccin de la Universidad de Maryland College Park - Sitio con ejemplos de proyectos de investigacin realizados
por profesores y alumnos de ciencias computacionales, relacionados con el diseo centrado en el usuario y el desarrollo de aplicaciones interactivas:
http://www.cs.umd.edu/hcil/
Enciclopedia de Diseo de Interaccin - Sitio de inters para el diseador de interaccin, que ofrece entrevistas, publicaciones y ejem-
plos de procedimientos para recopilar informacin relacionada con las necesidades, las preferencias y limitaciones de la audiencia meta:
http://www.interaction-design.org/encyclopedia/
Page 1 de 3

Ligas de inters
Guas de Diseo de Interaccin del Gobierno de Estados Unidos - Sitio atractivo para el diseador de interaccin, ya que ofrece definiciones y
ejemplos de procedimientos utilizados por las agencias de gobierno en Estados Unidos para recopilar informacin relacionada con la audiencia meta:
http://www.usability.gov/government/guidelines/index.html
Useit.com - Es un sitio de inters para el diseador de interaccin porque ofrece reportes, publicaciones y guas relacionados con el diseo de perfiles de
la audiencia meta: http://www.useit.com/
Cognetics Corporation - Es una empresa de consultora que ha creado el Modelo LUCID, y que adems realiza proyectos de diseo centrado en el usua-
rio, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.cognetics.com/
Interaction Design: Beyond Human-Computer Interaction - Es un sitio con recursos, casos y resmenes de temas relacionados con el diseo centrado
en el usuario, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.id-book.com/
Nielsen Norman (NN) Group - Empresa de consultora que realiza conferencias y ofrece cursos de capacitacin en temas relacionados con el diseo cen-
trado en el usuario, anlisis de audiencias, diseo de perfiles de usuario y diseo de interfaz de usuario: http://www.nngroup.com/
Cursos sobre tecnologa para generar prototipos. CBT Caf: Computer based training - Es un sitio con tutoriales basados en tecnologa web en el
que se ofrecen cursos de entrenamiento en formatos visuales, auditivos e interactivos sobre herramientas computacionales que apoyan el diseo y produc-
cin de prototipos. El acceso es gratuito: http://www.cbtcafe.com/
Teora y principios de color, Color Wheel Pro. Color Wheel Pro See Color Theory in Actionn - Sitio que presenta conceptos bsicos de teora de co-
lor, esquemas de color tiles al disear prototipos, significado de color y adems presenta un software de apoyo para decidir esquemas de color a usar en
el diseo, desde monocromtico, anlogo, complementarios, hasta tradas: http://www.color-wheel-pro.com/index.html
El color y el ser humano, aspectos de color como apoyo al diseo visual. Color Matters - Este sitio tiene artculos acerca del uso de color en el diseo
y cmo afecta a la audiencia o usuarios. Incluye artculos de investigacin y divulgacin sobre el tema de color, asimismo, exmenes bsicos para detectar
ciertos tipos de daltonismo en el ser humano: http://www.colormatters.com/
Page 2 de 3

Ligas de inters
Gua de diseo de pginas web, desde la planeacin hasta la produccin de un sitio. Web Style Guide: Basic Design Principles for Creating Web
Sites - Es un sitio que contiene la versin en lnea del libro creado por Patrick J. Lynch y Sarah Horton en el que se presenta el proceso completo de diseo
y se enfoca en las decisiones para generar prototipos, considerando recomendaciones para disear la arquitectura de informacin, diseo de interaccin,
diseo de la estructura del sitio, de contenidos y de cada uno de los medios digitales: http://www.webstyleguide.com/
Eyetracking & HeatMap - Es un sitio de inters para un experto evaluador de usabilidad, pues ofrece definiciones, ejemplos y herramientas para analizar la
forma en que los usuarios exploran los contenidos de un sitio web: http://poynterextra.org/eyetrack2004/index.htm
Google Analytics - Es un sitio de inters para un experto evaluador de usabilidad, pues ofrece definiciones, ejemplos y herramientas para analizar informa-
cin relacionada con las transacciones que realizan los usuarios de un sitio web: http://www.google.com/analytics
LibQUAL+ - Es atractivo para un experto evaluador de usabilidad, pues ofrece informacin relacionada con un cuestionario que analiza el nivel de satisfac-
cin de usuarios de bibliotecas digitales y diversas aplicaciones computacionales: http://www.libqual.org
QUIS - Sitio de inters para un experto evaluador de usabilidad, pues ofrece informacin relacionada con un cuestionario que analiza el nivel de satisfac-
cin de usuarios de diversos productos y aplicaciones computacionales: http://www.cs.umd.edu/hcil/quis/
Page 3 de 3

Glosario general
A servicio especfico, ya sea de ayuda, consejo, apo-

yo o funcionalidad dentro de un sistema interactivo.
usar lentes especiales, dependiendo de la pantalla
utilizada para generar el efecto.
Accesar la informacin
Alternativas de diseo Ambientes digitales
Obtener o conseguir informacin a peticin del
usuario. Diversas opciones de propuestas de diseo. Cuan- Tecnologas que proporcionan espacios creados
do se cuenta con un numeroso equipo de trabajo de manera virtual por medio de las cuales los
Actividades repetitivas para trabajar en un proyecto, se puede dividir en usuarios se comunican, trabajan, socializan.
Tareas que se realizan de manera continua y siste- pequeos grupos para crear diversas alternativas
o propuestas de diseo. Anlisis de datos
mtica. Si el humano est elaborando actividades
repetitivas, se tiende a automatizarlas para evitar Proceso para medir los datos obtenidos utilizando
fatiga y optimizar tiempo. Ambiente 3D alguna tcnica de recoleccin de datos. Se pue-
Tecnologa utilizada para dar al ser humano la den medir comportamientos, preferencias, gustos,
Agentes virtuales (Virtual agents) sensacin del espacio tridimensional. La tercera opiniones. De acuerdo con Sharp, Rogers y Pree-
Representacin de una persona que proporciona un dimensin puede ser percibida sin necesidad de ce (2007), el anlisis de datos inicia al reaccionar
Page 1 de 19

Glosario general
a datos obtenidos. Aspectos tecnolgicos
Elementos como herramientas y aplicaciones digitales que el usuario maneja;
Anlisis de transacciones (Log Analysis)
grado de dominio del uso de la tecnologa; lugar y contexto en el que se usa o
Tcnica para obtener informacin con base en el anlisis de transacciones usar el sistema interactivo, entre otros.
llevadas a cabo por usuarios durante un cierto periodo.
Audiencia
Arquitectura de informacin
Pblico meta al cual va dirigido un diseo en el proceso de diseo centrado en
Organizacin de la informacin con base en jerarquas y taxonomas. La es- el usuario.
tructura de la informacin y tipo de navegacin que se definir para el sistema
interactivo y para cada seccin, es tambin considerada en este concepto. Audiencias especficas
Tipos definidos de audiencias a las que va dirigido el diseo de un producto.
Arte interactivo
Puede haber diseos orientados a diversas audiencias especficas, por ejem-
Forma de expresin posmodernista que surge al invitar a las audiencias a par- plo, cuando la arquitectura de informacin de un sitio web incluye las siguientes
ticipar y manejar la obra artstica. El happening o performance art puede ser opciones: para alumnos de nuevo ingreso, para paps, para profesores.
considerado el origen del arte interactivo. Entre los tipos de arte interactivo se Esas son audiencias especficas.
encuentran instalaciones con tcnicas y materiales mixtos, arte digital interac-
tivo a travs de la tecnologa computacional, entre otros. Auditora de especificaciones de diseo (Guidelines Review)
Estrategia de evaluacin de usabilidad basada en expertos en la que el exper-
Asncrono
to, con base en el documento de especificaciones, evala un sistema interac-
Sin correspondencia temporal. tivo, artefacto u objeto, y genera una recomendacin de usabilidad.
Aspectos de comunicacin Autorizacin de cada usuario (Informed consent)

Consideraciones del proceso de comunicacin analizadas dentro del desarro- Forma de autorizacin en la cual el usuario o el tutor del usuario proporciona
llo de diseo centrado en el usuario, como aspectos culturales que se conocen la autorizacin para recopilar informacin. Tambin es conocida como Forma
al hacer el anlisis de usuarios. de consentimiento.
Page 2 de 19

Glosario general
B vos en calidad de sensores.
Caminata cognitiva (Cognitive walkthrough)

Blackboard 9.1
Estrategia de evaluacin de usabilidad basada en expertos en la que el ex-
Plataforma tecnolgica diseada para ofrecer soluciones de apoyo al proceso
perto camina o recorre cada paso del proceso de interaccin analizando su
de enseanza-aprendizaje.
complejidad para la audiencia meta.
Botones
Colaboracin
Objeto interactor que permite al usuario encender o apagar una funcin, o
Proceso en el que dos o ms personas participan y cooperan para lograr un objetivo.
bien, llevar a cabo una accin.
Componentes electromecnicos
C Objetos basados en electrnica y mecnica utilizados como interfaz para in-
teractuar con objetos de la vida diaria conocida como interfaz fsica, hptica,
Calidad de un producto de software o bien, multimodal.
Especificacin de los elementos que conforman la aplicacin computacional y
el nivel esperado de las caractersticas de cada elemento. Componentes visuales
Elementos visuales que integran una interfaz grfica. Los componentes se
Calidad de un producto pueden clasificar en interactivos y no interactivos. Los interactivos son aque-
Definicin de los elementos que conforman el producto y el nivel esperado de llos que permiten al usuario explorar contenidos en una interfaz grfica.
las caractersticas de cada elemento.
Comunicacin
Calidad de un sitio web Proceso simple mediante el cual el emisor emite un mensaje dirigido al recep-
Definicin de los elementos que conforman el producto y el nivel esperado de tor y ste contesta a travs de otro mensaje.
las caractersticas de cada elemento.
Comunicacin
Cmaras de video Proceso simple mediante el cual el emisor emite un mensaje dirigido al receptor
Dispositivo de entrada de datos utilizado en sistemas multimodales interacti- y ste contesta a travs de otro mensaje.
Page 3 de 19

Glosario general
Comunicacin sncrona centrado en el usuario. Involucra la creacin de cada medio digital para los
La comunicacin entre grupos de interaccin se da al mismo tiempo, ya sea contenidos considerados en el alcance del producto.
en el mismo o diferente lugar. Desempeo (Performance)
Creatividad Medida de calidad de una aplicacin u objeto con base en los resultados obtenidos
Proceso de innovacin y creacin. bajo ciertos criterios, como tiempo de respuesta, seguridad, estrs, entre otros.
Criterios de sociabilidad Diarios (journals)

Especificaciones para medir la sociabilidad de un producto. Los datos gene- Relatora de la recoleccin de datos durante las sesiones con usuarios.
ralmente se obtienen por observacin o entrevistas a los usuarios. Diferencias culturales
Criterios de usabilidad Al hablar de usuarios, las diferencias culturales se definen considerando idio-
Tambin conocidos como especificaciones de usabilidad o mtricas de usabi- ma, tradiciones y otras caractersticas propias de cierta cultura.
lidad. Son criterios de desempeo o principios que apoyan en el proceso de Diferencias individuales
evaluacin de un producto.
Informacin demogrfica respecto a un grupo de usuarios como el gnero,
Cuestionario edad, habilidades fsicas y cognitivas, entre otras.
Formado por una serie de preguntas que se realizan en una entrevista estruc- Diseo
turada o en una encuesta. El cuestionario puede incluir preguntas abiertas o Proceso de generar y evaluar productos, sistemas, objetos o dispositivos.
cerradas.
Diseo centrado en el usuario (User centered design)
D Proceso de generar y evaluar productos, sistemas o dispositivos que cumplan
con el objetivo para el que fueron diseados, con las necesidades del usuario
Desarrollo o pblico meta al cual est dirigido, y que apoyen las actividades que las per-
Produccin del objeto, aplicacin o artefacto dentro del proceso de diseo sonas realizan en su trabajo y en su vida diaria.
Page 4 de 19

Glosario general
Diseo de componentes de navegacin Diseo visual
Accin de crear objetos para que el usuario interacte con los contenidos en Producto visual de un sistema interactivo. Incluye considerar los principios de
una aplicacin. Ejemplos de componentes de navegacin son los botones y diseo Gestalt, la teora de color, los esquemas de color y los principios de
las hiperligas. diseo interactivo.
Diseo de informacin (information or content design) Dispositivo

Proceso para generar los contenidos y estructura organizacional de un siste- Medio de comunicacin entre el usuario y la tecnologa. Hay dispositivos de
ma interactivo. entrada o de salida.
Diseo de interaccin (Interaction design) Dispositivo GPS
Proceso de generar y evaluar productos, sistemas o dispositivos que cumplan
Sistema de posicionamiento global o global positioning system, el cual se uti-
con el objetivo para el que fueron diseados, y que apoyen las actividades
liza para obtener informacin de una cierta posicin geogrfica a travs del
que la gente realiza en su trabajo y en su vida diaria.
sistema global de navegacin satelital. Es un servicio que se proporciona en
Diseo de interfaz algunos medios de transporte, telfonos inteligentes y computadoras.
Diseo del conjunto de componentes con los que un producto invita al usuario Dispositivo mvil (ver dispositivo porttil)
a interactuar con l.
Tecnologa o artefacto fcil de transportar o mover entre los que se encuen-
Diseo de sitios web centrados en el usuario tran desde memorias USB hasta cmaras digitales, telfonos inteligentes y
laptops.
Diseo de los espacios virtuales creados con base en una coleccin de pgi-
nas o documentos que contienen informacin en diversos medios digitales, y Dispositivo porttil
que estn publicados en un dominio de internet.
Tecnologa o artefacto fcil de transportar o mover entre los que se encuen-
Diseo grfico (Graphic design) tran desde memorias USB hasta cmaras digitales, telfonos inteligentes y
laptops.
Especificacin que incluye la tipografa, la organizacin espacial y el uso de
color.
Page 5 de 19

Glosario general
E Espacio de trabajo
Lugar para trabajar, ya sea de manera individual o en colaboracin. La virtua-
Editor lidad o el espacio virtual de trabajo es necesario al utilizar una interfaz com-
Ambiente para modificar documentos. Tambin se les llama editores de texto, partida para grupos de usuarios.
editores de palabras o editores de imgenes.
Especificaciones tcnicas
Encuesta Consideraciones tcnicas dentro del proceso de desarrollo de un producto,
Tcnica de recoleccin de datos basado en la aplicacin de un cuestionario tales como definir la plataforma tecnolgica sobre la cual trabajar el produc-
para lograr un objetivo especfico como parte de una investigacin. to, sistema operativo, manejador de base de datos, servidores, entre otras.
Engines Estilo de interaccin (Interaction style)

Herramientas o ambientes para generar sistemas interactivos. Tambin cono- Forma en que un producto ha sido diseado para que sea posible utilizarlo.
cidos como toolkits. Hay herramientas desde muy simples hasta sofisticadas, Hay una gran variedad de estilos de interaccin, desde interaccin basada en
y visuales que incluyen, por lo general, acceso a libreras de programacin comandos hasta manipulacin directa.
para poder disear a profundidad la interaccin.
Estrategias de evaluacin de la usabilidad con expertos
Entrevista semi-estructurada Evaluacin de usabilidad basada en expertos que incluyen caminatas estruc-
Entrevista que combina caractersticas de la entrevista estructurada y de la turadas, inspecciones, evaluaciones heursticas, entre otras tcnicas.
no estructurada. Mezcla preguntas cerradas y abiertas. El entrevistador sigue
haciendo preguntas abiertas hasta que ya no hay informacin que recolectar.
Estrategias de evaluacin de la usabilidad con usuarios
Evaluacin de usabilidad que involucra usuarios, en la que el usuario ser
Escenario quien proporcione la retroalimentacin. Existen diversas tcnicas de esta eva-
Ambiente que describe una situacin o un espacio especfico. Se definen es- luacin, como los ambientes controlados o no controlados, sesiones siguien-
cenarios o casos de uso para examinar sistemas interactivos utilizando cier- do escenarios, y la que utiliza el protocolo de pensamiento en voz alta, obte-
tas tcnicas de evaluacin de usabilidad. niendo informacin por medio de diversas tcnicas de recoleccin de datos.
Page 6 de 19

Glosario general
Estrategias de evaluacin de usabilidad facto o prototipo. No se disean experiencias, se disean objetos para crear
Formas para planear la evaluacin de la usabilidad de un producto. Involucra experiencias.
tiempos, recursos fsicos y humanos, y tambin define tipos de evaluacin y Experiencia de usuario (User experience)
tcnicas de evaluacin a utilizar.
Concepto que considera el vnculo de los usuarios con los objetos, aplica-
Estrategias de evaluacin del nivel de sociabilidad ciones o artefactos que utilizan en determinado contexto. Se disean objetos
Formas para evaluar el grado de sociabilidad que se da al utilizar cierta apli- de manera tal que generen experiencias, las cuales son el resultado de la
cacin interactiva orientada al rea social, a la comunicacin entre personas. interaccin del usuario.
Evaluacin del nivel de usabilidad Experiencia previa de usuario o de uso (User experience)
Proceso para establecer el grado en el que un objeto, artefacto o aplicacin, Vnculo generado previamente entre el usuario y un objeto, diseo, artefacto
cumple con las dimensiones de usabilidad. o servicio especfico. Puede ser positiva o negativa. La experiencia previa
afecta la manera en que el usuario interacta con otros objetos.
Evaluacin heurstica
Tcnica de inspeccin de usabilidad en la que un experto evala un dispo- Expertos en diseo centrado en el usuario
sitivo, objeto o sistema interactivo con base en heursticas o principios. Fue Personas con antecedentes de aprendizaje en el rea de diseo centrado en
creada por Jacob Nielsen (Sharp, Rogers, Preece, 2007; Nielsen 1993). el usuario.
Evaluacin Explorer
Conjunto de actividades que se realizan para mejorar un producto como par- Navegador de internet diseado y comercializado por la compaa Windows.
te del proceso de diseo centrado en el usuario. Se realiza en las primeras
etapas del proceso, involucrando a los usuarios de diferentes formas entre- Eyetracking/HeatMaps
vistas, grupos de enfoque, observacin participativa, dependiendo de cada Tecnologa para reconocer los lugares en los que el usuario pone atencin al
proyecto. estar observando la pantalla mientras interacta con una aplicacin.
Experiencia de uso
Vivencias que obtienen los usuarios al utilizar una aplicacin, objeto, arte-
Page 7 de 19

Glosario general
F Google Chrome
Navegador de internet gratuito diseado por Google.
Tipo de entrevista en donde hay un facilitador previamente entrenado y ms
Grupos de usuarios
de dos entrevistados. Se usa para detectar conceptos generales que pudieron Conjunto de usuarios que tienen relacin entre s, definida en el anlisis de
ser no considerados por alguna omisin o motivo. audiencias, ya sea por sus habilidades fsicas, cognitivas, o por sus capaci-
dades diferentes. Los usuarios caen dentro del mismo perfil. Un grupo de
Forma de uso usuarios se considera un perfil de usuarios.
Al llevar a cabo estudios de usabilidad, se refiere a la manera en la que los
usuarios acostumbran a utilizar el objeto o espacio de interaccin.
Gua de observacin
Herramienta que apoya el proceso de observacin para que el observador se
Frecuencia de uso enfoque en el objetivo propuesto. Puede ser muy bsica, simplemente espe-
En estudios de usabilidad, es la continuidad con la que el usuario utiliza algn cificando a quin se observar, en dnde observar y qu observar, o puede
mdulo, seccin, comando, etctera. ser ms detallada, dependiendo de los datos que se buscan recolectar y la
dificultad para observar.
Funcionalidad
Conjunto de caractersticas que hacen que un sistema u aplicacin computa- Gua de temas clave
cional sea til. Generalmente se asocian con conceptos tcnicos como tiempo Herramienta o agenda predefinida que apoya el proceso del facilitador en un
de respuesta, confiabilidad, reusabilidad, entre otras caractersticas. grupo de enfoque para continuar con la dinmica de la sesin. El facilitador
puede decidir salirse de la agenda si la dinmica del grupo lo amerita.
G
Google Analytics
H
Producto de anlisis del comportamiento de pginas web diseado por Goo- Herramientas basadas en ambientes controlados por eventos
gle. Ambientes ms elaborados, incluyen, en algunos casos, la posibilidad de hacer
Page 8 de 19

Glosario general
programacin visual o con base en scripts para habilitar la interaccin. General-
mente se utilizan para construir ambientes virtuales que involucren el diseo
I
de espacios y la integracin de medios digitales, as como dispositivos de ICDL
interaccin no tradicionales. International Childrens Digital Library, por sus siglas en ingls. Proyecto de
Herramientas basadas en pginas bibliotecas digitales internacionales para nios, patrocinado por Microsoft y la
NSF, elaborado por investigadores de la Universidad de Maryland.
Ambientes que, por su naturaleza, se utilizan para construir o disear proto-
tipos con base en hojas o pginas, como sitios de internet. HTML, CSS son Innovacin
ejemplos de estos ambientes o herramientas. Cuando la creatividad es aplicada y genera un producto.
Herramientas basadas en tiempo Interaccin (Interaction)
Ambientes cuya parte central es depender de una lnea de tiempo. Permiten Comunicacin entre el usuario y la computadora. Incluye la interaccin direc-
el uso de libreras para controlar desde personajes hasta interactores. Los ta o indirecta para lograr algn objetivo e integra tanto el dilogo de entrada
ambientes creados para generar animaciones y animaciones interactivas cla- como el de salida. En un sistema computacional, cuando la entrada de datos
sifican en esta categora. a la computadora se hace de diversos modos se le llama sistema multimo-
Herramientas bsicas para generar aplicaciones al instante dal; cuando la salida de informacin es de diversas formas, se le conoce
como sistema multimedia. La interaccin incluye tanto sistemas multimoda-
Ambientes para generar sistemas interactivos de manera rpida, casi instan-
les como sistemas multimedia.
tnea, como las aplicaciones usadas para hacer presentaciones, por ejemplo
Prezi, Presenter de Apple o PowerPoint de Microsoft, entre otros. Interaccin basada en comandos e instrucciones (Command-
based interaction)
Herramientas de desarrollo de ambientes interactivos
Invita a los usuarios a realizar actividades y transacciones tecleando texto en
Son ambientes para generar sistemas interactivos, y pueden clasificarse como
una lnea de comandos o prompt seguido de la tecla de retorno (return)
herramientas bsicas para generar aplicaciones al instante, herramientas ba-
o aceptar (enter).
sadas en pginas, en tiempo o en ambientes controlados por eventos.
Page 9 de 19

Glosario general
Interaccin basada en el dilogo y la conversacin (Dialog-based Interfaz
interaction) Medio de comunicacin entre el usuario y un objeto, artefacto o sistema, integra-
Incorpora elementos de reconocimiento de voz y texto que invitan al usuario do por componentes con los cuales se permite al usuario a interactuar con l.
a establecer conversaciones con el producto con base en el intercambio de
mensajes hablados o escritos para poder realizar las actividades y transac- Interfaz asociada a un robot (Robotic interface)
ciones deseadas. Es un conjunto de componentes electromecnicos (como sensores, cmaras
de video, rayos lser) que permite la interaccin con el ambiente, sustituyen-
Interaccin basada en la exploracin (Exploration-based interac- do a un usuario humano.
tion)
Invita a los usuarios a interactuar por medio de la exploracin de espacios o
Interfaz basada en reconocimiento de voz (Speech interface)
de informacin, como modo de interaccin. Formada por un conjunto de componentes que invitan al usuario a establecer
conversaciones con el producto con base en el intercambio de mensajes para
Interaccin basada en la manipulacin directa (Direct manipulation poder realizar las actividades.
interface)
Estilo de interaccin mediante el cual los usuarios directamente seleccionan
representaciones de objetos. Manera en la que una persona interacta con una aplicacin o sistema interactivo.
Interaccin humano-computadora (Human computer-interaction, Interfaz grfica (Graphical user interface)

HCI) Formada por un conjunto de componentes visuales que invitan al usuario a
Disciplina que estudia el diseo, la evaluacin e implementacin de sistemas relacionar esos componentes con objetos y actividades de la vida real, con el
interactivos que utilizan las personas. fin de realizar transacciones y explorar contenidos en ambientes digitales.
Interdisciplinario Interfaz para dispositivos con pantalla tctil (Touchscreen inter-

Que ms de una disciplina est involucrada en algn proceso o trabajo. Ca-
face)
racterstica del proceso de diseo centrado en el usuario mediante la cual la Incluye una pantalla tctil de una o varias entradas (one/multi input touch screen).
propuesta de diseo se enriquece. En algunas ocasiones va acompaada de otros dispositivos de entrada como
Page 10 de 19

Glosario general
teclado y ratn; sin embargo, es muy popular en dispositivos mviles. Internet
Interfaz para dispositivos mviles (Mobile interface) Red interconectada de computadoras y servicios que utilizan el protocolo
TCP/IP.
Conjunto de componentes que permite al usuario interactuar con aplicaciones
que han sido desarrolladas para usarse desde dispositivos porttiles, tambin iPad
conocidos como dispositivos mviles. Dispositivo computacional llamado tableta diseado por Apple, Inc. Cuenta,
Interfaz para grupos de usuarios (Shearable interface) entre otras caractersticas, con una pantalla tctil de mltiple entrada (multi-
touch interface).
Formada por un conjunto de componentes que apoyan la comunicacin, la
colaboracin y el intercambio de informacin entre grupos de usuarios, de Iterativo
manera sincrnica o asincrnica. Que se repite. Es una caracterstica del proceso de diseo centrado en el
Interfaz para objetos asociados a efectos especiales (Tangible in- usuario por medio de la cual el proceso hace ciclos de mejora continua o ite-
terface) raciones de mejora.
Formada por un conjunto de componentes electromecnicos que invitan al

usuario a interactuar con un producto, a partir de acciones especficas, con el L
fin de realizar las actividades y transacciones deseadas.
Lenguaje de scripts
Interfaz que forma parte de tus accesorios personales (Wearable Lenguaje de programacin utilizado en algunos engines para generar apli-
interface) caciones interactivas. Los ms utilizados son Action Script (Adobe Flash),
Se integra de componentes que forman parte de la indumentaria o ropa del Phyton, MEL, LUA, entre otros.
usuario.
Lenguajes de programacin
Interfaz web (Web Interface) Ambientes para generar prototipos con base en estatutos de control, secuen-
Conocida tambin como interfaz basada en web. Es una interfaz con la que el cias, decisiones y repeticiones. Generalmente se utilizan lenguajes de pro-
usuario interacta con servidores basados en tecnologa web. gramacin de alto nivel como C, C++, C, Java, dependiendo de la aplicacin
Page 11 de 19

Glosario general
interactiva que se est desarrollando y la tecnologa en la que se utilizar. Medio (Media)
Cuentan con un ambiente visual y un ambiente para programar. Maneras o formas por las cuales se ponen en prctica los mtodos. Incluye
LibQUAL+ pelculas, filminas, diapositivas, computadoras, video, libros de trabajo e ins-
tructores. Todo medio puede ser inefectivo si se usan mtodos inapropiados.
Servicio que provee la Asociacin de Investigacin de Bibliotecas (Association
of Research Libraries, ARL) a la comunidad de bibliotecas utilizando cuestio- Modelo de diseo centrado en el usuario
narios sobre tecnologa web. Consiste en considerar al usuario como el centro del proceso y como partici-
Limitaciones de grupo de usuarios pante del mismo, ya sea activa o pasivamente.
Caractersticas de un perfil de usuarios que presentan discapacidad en algn Modelo GOMS

grado, ya sea desde no conocer alguna lengua, hasta tener capacidades fsi- Acronismo para Goals, Operators, Methods, Selection rules. De los modelos
cas diferentes. predictivos, es de las tcnicas ms utilizadas.
Lista de actividades o transacciones clave Modelo mental (Mental model)
Escenario que llevar a cabo el usuario al participar en una sesin de proto- Representacin conceptual y operativa que los humanos desarrollan cuan-
colo de pensamiento en voz alta o think aloud. do interactan con sistemas complejos. Cada persona o grupo de personas
LUCID cuentan con diversos modelos mentales.
Modelo propuesto por la empresa Cognetics Corporation para realizar dise-

os centrados en el usuario. N
Navegar
M Accin que hace el usuario al moverse entre contenidos de informacin a tra-
Mapa de la ubicacin fsica vs de objetos interactores o ligas, ya sea hipertexto o hipermedios.
Visualizacin del espacio en el cual se llev a cabo alguna sesin de recolec-

cin de datos, como la observacin con usuarios.
Page 12 de 19

Glosario general
Necesidades del grupo de usuarios Observacin estructurada (Structured observation)
Acciones, situaciones, servicios u objetos requeridos por un conjunto de usua- Estrategia de evaluacin de usabilidad que involucra a un experto evaluador
rios que forman parte de los requerimientos en el diseo de un sistema inte- que ha preparado una lista de aspectos clave que sern observados en un
ractivo. producto, un sitio web o un portal. Esta estrategia no involucra la participacin
de usuarios.
Nivel de complejidad
En una caminata cognitiva el evaluador genera, para cada actividad, el nivel de Observacin no participativa
complejidad para el usuario y con base en l se proponen mejoras al diseo. Estrategia de obtencin de datos en la cual el observador est totalmente
alejado y sin contacto con las personas a observar. La o las personas obser-
Nivel de satisfaccin percibido por los usuarios vadas no saben que estn siendo observados.
Mtrica de satisfaccin al evaluar un sistema u objeto interactivo. Puede me-
dirse por medio de la aplicacin de entrevistas o encuestas utilizando una Observacin participativa
escala de Likert. Se considera para medir la calidad en el diseo del producto. Estrategia de obtencin de datos en la cual el observador convive con las
personas a observar, se hace parte de su ambiente, por lo que tiene una par-
Norma internacional ISO-13407 ticipacin activa, y llega a obtener mayor cantidad de datos.
Norma definida por la Organizacin Internacional para la Estandarizacin (ISO,
por sus siglas en ingls) para evaluar el proceso de diseo centrado en el usua- Organizacin de contenidos
rio para sistemas interactivos, la cual provee una gua para mejorar la calidad. Forma en la que la informacin es organizada en un sistema interactivo o un
ambiente grfico. El diseo centrado en el usuario considera que la organiza-
O cin de la informacin debe ser natural e intuitiva para los usuarios.
Organizacin de la informacin
Objetos
Manera en la que la informacin es organizada en un sistema interactivo o un
Elementos que forman parte de un ambiente, espacio, actividad, ya sean rea-
ambiente grfico. El diseo centrado en el usuario considera que la organiza-
les o virtuales, naturales o artificiales.
cin de la informacin debe ser natural y sencilla para los usuarios. Tambin
se le conoce como organizacin de contenidos.
Page 13 de 19

Glosario general
P Patrones de uso
Relacin entre los datos que pueden ser identificados con un comportamiento
Pginas de wiki en los usuarios al hacer un anlisis de documentos, conversaciones y tran-
Sitios o espacios disponibles en la web para colaborar entre grupos de usua- sacciones.
rios, discutiendo o compartiendo documentos.
PC
Pantalla tctil (Tactile screen) Acrnimo para personal computer utilizado para nombrar coloquialmente a
Dispositivo de interaccin que permite al usuario comunicarse con una apli- cualquier computadora personal, indistintamente de la marca, pero se asocia
cacin. Hay dispositivos que posibilitan tener solamente una interaccin a la con computadoras con sistema operativo Windows.
vez, pero tambin hay otros que ofrecen varias interacciones al mismo tiempo
(multi touch interfaces). Perfil
Caractersticas que definen a un cierto grupo de usuarios y que los hacen un
Participacin activa de usuarios grupo especfico que es parte de la audiencia meta del producto, objeto o ar-
El usuario forma parte activa dentro del proceso de diseo, no es un simple tefacto interactivo. Se le conoce tambin como persona.
espectador o un ser que es observado.
Persona
Participacin de usuarios Usuario hipottico que representa a los usuarios definidos en un cierto perfil, los
Lazar (2010) recomienda la participacin de los usuarios desde las primeras cuales presentan caractersticas que los definen como un grupo de usuarios.
etapas de diseo para conocer y entender quines son los usuarios a los que
va dirigido el producto, y mientras se produce el diseo haciendo pruebas a Perspectivas (Perspectives)
los primeros prototipos y al final, logrando que el usuario compre el producto. Enfoque que proporciona herramientas para solucionar un problema.
Pasos Plan de evaluacin de usabilidad

Cada una de las etapas que conforman un proceso. Documento que define cmo, cundo, dnde y por quin ser evaluado un
Page 14 de 19

Glosario general
Plantillas de diseo (Templates) Preguntas cerradas
Especificacin visual de contenidos en determinada seccin de un prototipo. Requiere que el diseador conozca de antemano las posibles respuestas que pu-
diera dar el usuario. La pregunta incluye una lista de opciones o respuestas fijas.
Plataforma de entrega (Delivery Platform)
Tecnologa en la que se utilizar la aplicacin interactiva en la versin final del Principios de diseo
prototipo. Se refiere a la plataforma tecnolgica que utiliza el usuario al inte- Guas o heursticas que apoyan el trabajo de los diseadores dndoles un
ractuar con el sistema. marco de referencia para disear lo que el usuario observa e interacta.
Portal comercial Proceso

Sitio basado en internet en el cual se llevan a cabo transacciones comercia- Secuencia de etapas o pasos de una cierta actividad.
les, es decir, compra-venta de productos.
Prototipo
Post it Producto en el ciclo de vida de desarrollo de aplicaciones u objetos. La meto-
Tcnica para simular un prototipo de manera fsica, utilizando herramientas dologa basada en prototipos consiste en generar el diseo, desde las prime-
como los post it para visualizar el contenido y organizacin de la informacin ras ideas, hasta el producto terminado.
de un sistema interactivo.
Prototipo de alto nivel
Preferencias de grupo de usuarios Prototipo construido en ambientes computacionales. Permite la interaccin
Acciones, situaciones, servicios u objetos favoritos por un conjunto de usua- aunque sea muy rudimentaria.
rios. Estas preferencias generan requerimientos bsicos en el proceso de
diseo interactivo centrado en el usuario. Prototipo de bajo nivel
Tambin llamado prototipo fsico.
Preguntas abiertas
Se recomiendan cuando la encuesta o cuestionario busca obtener informa- Prototipo desechable
cin general o exploratoria. Prototipo utilizado para revisar y validar especificaciones, o bien para disear
conceptualmente la idea, pero por sus caractersticas no puede evolucionar
Page 15 de 19

Glosario general
al producto final. R
Prototipo evolucionario Rayos lser
Prototipo que eventualmente ser el producto final despus de varias iteracio- Rayo de luz producido por un lser utilizado en sistemas interactivos como
nes de mejora en cuanto a usabilidad, contenidos y funcionalidad. dispositivo para obtener datos del medio ambiente, por ejemplo, al interrumpir
con la mano la luz emitida por un lser; un sistema interactivo puede generar
Prototipo horizontal
un sonido, simulando el tocar un instrumento musical de cuerdas.
Prototipo cuya arquitectura de informacin slo es diseada de manera plana,
sin profundidad. Se visualiza el producto general, sin poder navegar por una Realidad virtual
rama de navegacin. Sistema interactivo que simula la realidad utilizando tecnologa de informacin:
pantallas, sensores, posicionadores, bocinas. Puede ser inmersivo o no inmersivo.
Prototipo preliminar
Versin de introduccin no terminada de un producto, al utilizar el ciclo de vida Realizacin simultnea de diversas actividades
del desarrollo de aplicaciones u objetos. Cuando dos o ms actividades o tareas se llevan a cabo al mismo tiempo. En
ocasiones, las actividades simultneas pueden ser realizadas sin problema ya
Prototipo vertical
que estimulan diferentes lbulos del cerebro, por ejemplo, escuchar y observar.
Prototipo que implementa al menos una rama de navegacin completa de la
aplicacin. Reconocimiento de voz (Speech recognition)
Tecnologa para convertir palabras en texto, generalmente utilizado para con-
Q trolar dispositivos o funciones de un sistema interactivo.
QUIS Recopilacin de datos

Cuestionario altamente usado para obtener informacin del nivel de satisfac- Acto de obtener, capturar o coleccionar datos relevantes como requerimiento,
cin del usuario. Fue desarrollado por el laboratorio de Interaccin Humano- o para hacer una evaluacin en el proceso de diseo centrado en el usuario.
Computadora de la Universidad de Maryland (Sharp, Rogers, Preece, 2007).
Page 16 de 19

Glosario general
Ritmo cardiaco Sitio web (Web site)
Regularidad del movimiento del corazn de un ser vivo. Espacio creado con base en una coleccin de pginas o documentos que
contienen informacin en diversos medios digitales y est publicado en un
Robot dominio de internet.
Dispositivo mecnico creado en un inicio para apoyar en actividades rutinarias
o peligrosas para el ser humano en la industria de la manufactura o produc- Sociabilidad
cin. En la actualidad existen robots diseados para proporcionar servicios al Estudia los aspectos sociales de la interaccin, la comunicacin que se da en-
ser humano. tre seres humanos utilizando como medio la tecnologa (Preece, 2000; Sharp,
Rogers, Preece, 2007).
S Storyboard
Safari Tcnica para generar prototipos de bajo nivel, o fsicos, mostrando narrativas
visuales. Es un plan visual, escena por escena, que incluye tanto la visualiza-
Navegador de internet de Apple Inc.
cin grfica de cada pantalla importante en el sistema interactivo, as como la
Sensores y actuadores especificacin con detalle del diseo de texto, imgenes, sonidos, animacio-
nes, videos.
Dispositivos que sirven de interfaz entre el mundo fsico y el virtual. Se utilizan
para disear interfaces hpticas o fsicas. Hay sensores de proximidad, de
ruido, de ultrasonido, entre otros. T
Sincrnico Tareas prioritarias
Al mismo tiempo. Actividades jerarquizadas con mayor importancia de acuerdo con un criterio
especfico. En diseo interactivo, la retroalimentacin de tareas prioritarias es
Sntesis de voz (Speech sinthesis)
ms llamativa, y en ocasiones, dependiendo del grado de importancia, rompe
Produccin de voz humana, generalmente a partir de texto, en una computa- con el flujo de la actividad del usuario para interrumpirlo y llamar su atencin.
dora.
Page 17 de 19

Glosario general
Tareas secundarias Think aloud o Protocolo de pensamiento en voz alta
Actividades jerarquizadas con menor importancia de acuerdo con un criterio Tcnica de recoleccin de datos basada en observacin, en la que se le pide
especfico. En diseo interactivo, la retroalimentacin de tareas secundarias a uno o a varios usuarios llevar a cabo un escenario verbalizando lo que pien-
se hace menos visible, en ocasiones con un pequeo sonido de retroalimen- san mientras utilizan el sistema interactivo. El analista lleva un log o relatora
tacin para evitar interrumpir al usuario. de la sesin que puede ser grabada en video.
Tarjetas Tipos de interfaz de usuario

Tcnica muy barata para generar prototipos de bajo nivel, o fsicos, con base Clasificacin de interfaces usadas para disear diferentes experiencias de
en tarjetas o cards, para identificar contenidos, mapa de conceptos u organi- usuario. Las hay grficas, basadas en comandos, multimodales, tangibles,
zacin de temas de una aplicacin interactiva. mviles, entre otras.
Tcnica del Mago de Oz (Wizard of Oz approach) Toolkit

Conocida tambin como el enfoque del Mago de Oz o WoZ. Utilizada en Ambiente de desarrollo de un sistema interactivo. Hay ambientes desde muy
el desarrollo de aplicaciones bajo la cual se simula su funcionalidad, en oca- simples hasta visuales que incluyen lenguajes de script o de programacin.
siones sin necesidad de programar. Obtiene su nombre por el mago de la
pelcula Mago de Oz, en la cual el mago se esconda detrs de la cortina y Transacciones
un escenario fastuoso. Intercambios de informacin que pueden incluir acceso, modificacin y alma-
cenamiento de la misma.
Tecnologa de reconocimiento de voz
Tecnologa utilizada en sistemas que responden a las instrucciones habladas
del usuario con el fin de hacer ms intuitiva y natural la manera de interactuar.
U
Usabilidad
Telfono celular
De acuerdo con Nielsen (1993), la usabilidad es una caracterstica del diseo
Dispositivo inalmbrico mvil que proporciona al usuario acceso a la red de
que incluye cinco dimensiones: facilidad de aprender, eficiente, facilidad de
telefona celular. Por ejemplo, los telfonos celulares con tecnologa blue-
recordar, pocos errores y agradable al usuario.
tooth, PDA, GPS, pantalla tctil, se denominan telfonos inteligentes.
Page 18 de 19

Glosario general
W
Web
Nombre corto para World Wide Web, el cual es un servicio basado en internet
que permite, entre otras cosas, publicar informacin y hacer transacciones.
Page 19 de 19

Referencias
Dix, A., Finlay, J., Abowd, G. y Beale, R. (1998). Human-computer interaction. Second edition. Londres: Prentice Hall Europe.
Faulkner, C. (1998). The essence of human-computer interaction. Londres: Prentice Hall.
Kelley, J.F. (1984). An iterative design methodology for user-friendly natural language office information applications. ACM Transactions of Office Informa-
tion Systems, 2(1), 26-41.
Kolko, J. (2009). Thoughts on Interaction Design. Burlington, MA: Morgan Kaufmann.
Lazar, J. (2006). Web Usability: A User-Centered Design Approach. Boston, MA: Addison-Wesley.
Lazar, J. (2010). Research Methods in Human-Computer Interaction. Londres: Wiley.
Lim, Y.K., E. Stolterman y J. Tenenberg (2008). The anatomy of prototypes: Prototypes as filters, prototypes as manifestations of design ideas. ACM Tran-
sactions of Computer-Human Interaction, 15 (2).
McKracken, D. y Wolfe, R. (2004). User-centered website development: A human-computer interaction approach. Upper Saddle River, Nueva Jersey: Pren-
tice Hall.
Page 1 de 2

Referencias
MusicMan web site. Recuperado el 31 de octubre de 2011 en http://www.musicman.net/oz.html.
Nielsen, J. (1993). Usability engineering. Londres: Morgan Kaufmann.
Nielsen, J. (1999). Designing for web usability. Berkeley, CA: Peachpit Press.
Norman, D. (1988). The design of everyday things. Nueva York: Basic Books.
Ollila, E.M.I., Soumela, R. y Holopainen, J. (2008). Using prototypes in early pervasive game development. ACM Computers in Entertainment. 6(2). 17.1-17.17.
Olsen, D.R. (2010) .Building Interactive Systems: Principles for Human-Computer Interaction. 1st Edition. Boston, MA: Course Technology.
Preece, J. (2000). Online communities: Designing usability and supporting sociability. Londres: Wiley.
Pressman, R. (2009). Software engineering: A practitioners approach (7a edicin). Nueva York: McGraw Hill.
Rick, J., Francois, P., Fileds, B., Fleck, R., Yuill, N. y Carr, A. (2010). Lo-fi prototyping to design interactive-tavletop applications for children. Proceedings of
the 9th ACM International Conference on Interaction Design and Children. 138-146.
Sharp, H. Rogers, Y. y Preece, J. (2007). Interaction Design: Beyond Human-Computer Interaction. Londres: Wiley.
Shen, Y., Yang, X., Xu, B., Liang, X. Lin, S. y Kavs, A. (2010). Experience model driven architecture methodology in developing the prototype of a commu-
nity support system. IEEE 2010 2nd International Conference on Software Engineering and Data Mining (SEDM), 75.
Shneiderman, B. y Plaisant, C. (2005). Designing the user interface. Fourth edition. Boston, MA: Addison-Wesley.
Vaughan, T. (2010). Multimedia: Making it work (8a edicin). Emeryville, CA: McGraw-Hill.
Web Style Guide. Recuperado el 31 de octubre de 2011 en http://www.webstyleguide.com/index.html.
Page 2 de 2

ndice
Introduccin del eBook iii Ejercicio integrador53
Captulo 1. Introduccin al diseo de interaccin iv Conclusin54
Introduccin1 Glosario del captulo 355
1.1 Conceptos bsicos2 Recursos del captulo 359
1.2 Estilos de interaccin3
1.3 La interfaz de usuario 5 Captulo 4. El proceso de diseo por prototipos60
Actividad de repaso13 Introduccin61
Ejercicio integrador14 4.1 Paradigmas de desarrollo de aplicaciones interactivas62
Conclusin15 4.2 Estrategias de desarrollo basadas en prototipos 67
Glosario del captulo 116 4.3 Ambientes de desarrollo de sistemas interactivos 70
Recursos del captulo 123 Actividad de repaso72
Ejercicio integrador73
Captulo 2. El usuario y el contexto24 Conclusin74
Introduccin25 Glosario del captulo 475
2.1 Anlisis de audiencias26 Recursos del captulo 479
2.2 Diseo del perfil de los usuarios29
Actividad de repaso34 Captulo 5. Estrategias de evaluacin80
Ejercicio integrador35 Introduccin81
Conclusin36 5.1 Conceptos bsicos de usabilidad82
Glosario del captulo 237 5.2 Estrategias de evaluacin de usabilidad con usuarios85
Recursos del captulo 240 5.3 Estrategias de evaluacin de usabilidad con expertos93
5.4 Plan de evaluacin de usabilidad98
Captulo 3. El proceso de diseo interactivo41 Actividad de repaso100
Introduccin42 Ejercicio integrador101
3.1 Diseo centrado en el usuario43 Conclusin102
3.2 Modelos de diseo centrado en el usuario45 Glosario del captulo 5103
Actividad de repaso52 Recursos del captulo 5109
Page 1 de 2

ndice
Ligas de inters 110
Glosario general 113
Referencias132
ndice134
Aviso legal136
Page 2 de 2

Aviso legal
Verdines, Patricia
Fundamentos de diseo de interaccin / Patricia Verdines y Moraima
Campbell.
P.140 cm.
1. Tecnologa educativa
2. Sistemas interactivos (Computacin)Diseo
I. Campbell, Moraima
LC: QA76.9.I58 Dewey: 001.64
eBook editado, diseado, publicado y distribuido por el Instituto Tecnolgico y de Estudios Superiores de Monterrey.
Se prohbe la reproduccin total o parcial de esta obra por cualquier medio sin previo y expreso consentimiento por escrito del Instituto Tecnolgico y de Estudios
Superiores de Monterrey.
D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico. 2012
Ave. Eugenio Garza Sada 2501 Sur Col. Tecnolgico C.P. 64849 | Monterrey, Nuevo Len | Mxico.
ISBN en trmite
Edicin preliminar: junio del 2012.

Fundamentosdediseno Cap1 PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Fundamentosdediseno Cap1 PDF

Cargado por

Copyright:

Formatos disponibles

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Fundamentos del diseo de interaccin

michele piacquadio / Photos.com

Interaccin humano computadora

2. El usuario y el contexto 3. Proceso de diseo interactivo

itera con requiere del

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Introduccin del eBook

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Captulo 1. Introduccin al diseo de interaccin

Introduccin al diseo de interaccin

Conceptos Estilos La interfaz

Oleksiy Mark / Photos.com

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz de usuario (UI)

Figura 1. Diseo de interaccin.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interaccin basada en comandos e

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Captulo 1. Introduccin al diseo de interaccin

La interaccin basada en la exploracin permi-

Haz clic en la caja Tip de diseo para desplegar informacin.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz de usuario (User interface, UI)

Brandon Laufenberg / Photos.com

Diversos grupos de investigadores han identificado va- Pasos

Ruslan Olinchuk / Photos.com

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz grfica (Graphical user inter-

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz web (web interface)

Forma en la que la informacin es

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz basada en reconocimiento de

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz para dispositivos mviles

Oleksiy Mark / Photos.com

proporciona al usuario acceso a la

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz para grupos de usuarios

estudiantes generen, editen y publiquen pginas de wiki

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Interfaz para objetos asociados a efec-

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Realizacin simultnea de diversas

Palto; Alexander Shirokov / Photos.com

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Captulo 1. Introduccin al diseo de interaccin

Haz clic sobre la respuesta correcta de entre las posibles opciones.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Captulo 1. Introduccin al diseo de interaccin

Ejercicio integrador del captulo 1

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

Captulo 1. Introduccin al diseo de interaccin

Conclusin del captulo 1

El diseo de interaccin es un proceso crea-

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.

D.R. Instituto Tecnolgico y de Estudios Superiores de Monterrey, Mxico 2012.