Fundamentos del diseño de interacción

41

Capítulo 3. El proceso de diseño interactivo

Organizador Temático

El proceso de diseño interactivo

Diseño centrado en el usuario Modelos de diseño centrado

en el usuario

Olaru Radian-alexandru / Photos.com

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

TEmas CAPítulo 3
42 Introducción

El proceso de diseño interactivo

Objetivos del capítulo 3 Introducción
• Conocer el enfoque de diseño centrado en el usuario. El enfoque de diseño centrado en el usuario

• Identificar las características principales del diseño centrado en el usuario.
• Conocer y comparar diversos modelos de diseño centrado en el usuario.
Glosario
surgió como respuesta a la necesidad de gene-
rar productos y servicios adecuados para las ne-
cesidades de cierto grupo de usuarios. Por ello,
es un enfoque de diseño que se basa en cono-
cer las necesidades de la audiencia meta, así
como en habilidades de innovación y creatividad
por parte del diseñador, con el fin de generar

Recursos
productos apropiados al perfil de las personas
que los usarán.

Este capítulo describe las características

principales del diseño centrado en el usuario,
así como varios modelos que han implementa-
do esas características para diseñar diferentes

Actividad
tipos de productos, siempre considerando la ex-
periencia de uso de la audiencia meta.
Mostafa Fawzy / Photos.com

Conclusión
Pág. 1 de 1

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

MAPA
Capítulo 3. El proceso de diseño interactivo
Glosario

TEmas CAPítulo 3
43 3.1 Diseño centrado en el usuario

Diseño centrado en el usuario

3.1 Diseño centrado en el usuario El diseño centrado en el usuario es una estrategia para
Proceso o metodología que consi-
crear productos y ambientes de información interactivos
dera al usuario su objeto central y lo
con base en las necesidades, preferencias y limitaciones involucra desde las primeras etapas
Diseño centrado en el usuario de cada grupo de usuarios que forma parte de la audien- del proceso.

glosarioGlosario
cia para la que se diseña 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 diseño de un
Experiencia sistema interactivo.
Audiencia Meta
de uso ()UX) Preferencias de un grupo de usuarios

RECURSOS
Estas preferencias generan reque-
Diseño rimientos básicos en el proceso de

Recursos
diseño interactivo centrado en el
Desarrollo Se basa en
usuario.
Limitaciones de grupo de usuarios
Evaluación Características de un perfil de usua-
rios que presentan discapacidad en

ACTIVIDAD
algún grado, ya sea desde no cono-
cer alguna lengua, hasta tener capa-

Actividad
Proceso cidades físicas diferentes.
Iterativo Grupo de usuarios
Conjunto de usuarios que tienen rela-
Diseño ción entre sí, definida en el análisis

Jupiterimages / Photos.com
de audiencias, ya sea por sus habili-

CONCLUSIÓN
dades físicas, cognitivas, por capaci-
Desarrollo dades diferentes.

Conclusión
Evaluación Audiencia
Público meta al cual va dirigido un
Figura 4. Diseño centrado en el usuario. diseño en el proceso de diseño cen-
trado en el usuario.
Pág. 1 de 2

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.


Capítulo 3. El proceso de diseño interactivo
44 3.1 Diseño centrado en el usuario
Los aspectos del diseño centrado en el usuario que lo
hacen sutilmente diferente a otras estrategias de diseño de
productos son (McKracken y Wolfe, 2004):
Photos.com
D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.
Fundamentos del diseño de interacción
MAPA
Glosario
TEmas CAPítulo 3
Desarrollo
• Que es iterativo, pues incluye varios ciclos de dise-
ño, desarrollo y evaluación. Producción del objeto, aplicación o
artefacto dentro del proceso de dise-
ñ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 Evaluación
los contenidos. Conjunto de actividades que se rea-
lizan para mejorar un producto como
• Que es interdisciplinario, pues requiere habilidades
parte del proceso de diseño centrado
de recopilación de datos, de análisis de datos, de diseño en el usuario.
de interfaz de usuario, de herramientas de desarrollo de
ambientes interactivos, así como de evaluación de la ex- Recopilación de datos
periencia de uso. Acto de obtener, capturar o coleccionar
RECURSOS
datos relevantes como requerimiento.
Haz clic en la caja “Tip de diseño” para Análisis de datos
Recursos
desplegar información.
Proceso para medir los datos obteni-
dos utilizando alguna técnica de reco-
lección de datos.
Interfaz de usuario (User interface, UI)
Manera en la que una persona inte-
ACTIVIDAD
ractúa con una aplicación o sistema
interactivo.
Actividad
Herramientas de desarrollo de
Palto; Alexander Shirokov / Photos.com
ambientes interactivos
Ambientes para generar sistemas
interactivos, pueden clasificarse
como herramientas básicas para
CONCLUSIÓN
generar aplicaciones al instante.
Experiencia de usuario o de uso
Conclusión
Concepto que considera el vínculo
de los usuarios con los objetos, apli-
caciones o artefactos que utilizan en
determinado contexto.
Pág. 2 de 2
 Fundamentos del diseño de interacción

MAPA
Capítulo 3. El proceso de diseño interactivo
Glosario

TEmas CAPítulo 3
45 3.2 Modelos de diseño centrado en el usuario

Experiencia previa de usuario o de

3.2 Modelos de diseño centrado en el usuario A pesar de algunas diferencias en la nomenclatura y el
nivel de detalle entre los modelos, todos son iterativos e
En la actualidad, existen diversos modelos que sirven
interdisciplinarios, promoviendo un enfoque para generar
de referencia para llevar a cabo un proyecto de diseño cen-
productos que sean consistentes con las necesidades, pre-
uso (User experience)
Vínculo generado previamente entre
el usuario y un objeto, diseño, arte-
facto o servicio específico. Puede

trado en el usuario (Lazar, 2006; McKracken y Wolfe, 2004;
ferencias y experiencia previa de cada grupo de usuarios
Sharp, Rogers y Preece, 2007).
que forman parte de la audiencia meta.
McKracken y Wolfe (2004) sugieren que el proceso de
diseño centrado en el usuario debe ser iterativo, realizando
cada una de las siguientes fases.
glosarioGlosario
ser positiva o negativa. La experien-
cia previa afecta la manera en que el
usuario interactúa con otros objetos.
Audiencia
Público meta al cual va dirigido un
diseño en el proceso de diseño cen-
trado en el usuario.

RECURSOS
Iterativo
Que se repite. Es una característica

Recursos
del proceso de diseño centrado en el
usuario por medio de la cual el proce-
so hace ciclos de mejora continua o
iteraciones de mejora.

ACTIVIDAD
Actividad
Jupiterimages / Photos.com

CONCLUSIÓN
Conclusión
Figura 3.2.1 Modelo de McKracken y Wolfe (2004).
Pág. 1 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

TEmas CAPítulo 3
46 3.2 Modelos de diseño centrado en el usuario

• Análisis de necesidades (needs analy-
sis), para definir, en forma general, el tipo de pro-
ducto a ser creado, así como la audiencia meta.
• Análisis funcional (functional analysis),
para definir en forma general las funciones y ser-
vicios que debe ofrecer a los usuarios el producto
que se va a crear.
• Especificación de criterios de usabilidad
(usability specifications), para establecer crite-
rios de calidad que servirán de guía en el diseño
y evaluación 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

• Análisis del usuario (user analysis), para
determinar las necesidades, preferencias y limi-
taciones de cada grupo de usuarios que forman
parte de la audiencia, así como las actividades y
transacciones a ser realizadas por cada grupo de
usuarios.
• Análisis de requerimientos (require-
ments analysis), para fijar, de manera general,
los componentes tecnológicos requeridos para
crear el producto deseado.
Recursos
• Diseño (design), para definir, de manera
general, la organización de la información y la
apariencia del producto con base en el análisis
realizado para cada grupo de usuarios que for-
man parte de la audiencia meta.

Actividad
Francesco Ridolfi / Photos.com
Ola Persson / Photos.com
Kutay tanir / Photos.com

Conclusión
Pág. 2 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

MAPA
Capítulo 3. El proceso de diseño interactivo
Glosario

TEmas CAPítulo 3
47 3.2 Modelos de diseño centrado en el usuario

Diseño de sitios web centrados en el

• Prototipo (prototyping), para crear versiones preli- Lazar (2006) sugiere que el proceso de diseño de sitios usuario
minares del producto con base en los diseños generados web centrados en el usuario debe ser iterativo, con base en Diseño de los espacios virtuales
para cada grupo de usuarios. cada una de las siguientes fases. creados con base en una colección
de páginas o documentos que contie-

glosarioGlosario
nen información en diversos medios
digitales, y que están publicados en
un dominio de internet.
Jana Blakov / Photos.com

RECURSOS
Recursos
• Evaluación (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).

CONCLUSIÓN
Conclusión
• Definir la misión 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.
Pág. 3 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

MAPA
Capítulo 3. El proceso de diseño interactivo
Glosario

TEmas CAPítulo 3
48 3.2 Modelos de diseño centrado en el usuario

Interfaz web (Web Interface)

• Analizar requerimientos de usuarios para definir
las necesidades, preferencias y experiencia previa de cada
grupo de usuarios que forman parte de la audiencia, así
como las actividades y transacciones a realizarse por cada
• Liberar y promocionar el sitio para que esté dis-
ponible en Internet y pueda ser visitado por usuarios que Conocida también como interfaz
basada en web. Es una interfaz con
forman parte de la audiencia meta. la que el usuario interactúa con ser-
vidores basados en tecnología web.

glosarioGlosario
• Evaluación y rediseño del sitio con el fin de que
grupo de usuarios.
periódicamente se revise y se hagan mejoras al sitio web. Prototipo
• Generar diseño conceptual para determinar en lo Producto en el ciclo de vida del desa-
general la organización de la información y la interfaz del Haz clic en la caja “Tip de diseño” para rrollo de aplicaciones u objetos. La
sitio web con base en el análisis realizado para cada grupo desplegar información. metodología basada en prototipos
de usuarios que forman parte de la audiencia meta. consiste en generar el diseño, desde
las primeras ideas, hasta el producto
• Generar y evaluar un prototipo preliminar con el terminado.

RECURSOS
fin de crear una versión 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-
• Evaluación 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 versión parcial
de la interfaz del sitio web con base en sus necesidades,
preferencias y experiencia previa.

ACTIVIDAD
Actividad
Palto; Alexander Shirokov / Photos.com
Ciaran Griffin / Photos.com

CONCLUSIÓN
Conclusión
Pág. 4 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

MAPA
Capítulo 3. El proceso de diseño interactivo
Glosario

TEmas CAPítulo 3
49 3.2 Modelos de diseño centrado en el usuario

Alternativas de diseño
Sharp, Rogers y Preece (2007) han identificado cuatro • Realizar prototipos preliminares con el fin de incluir
actividades básicas que deben realizarse de manera itera- las opiniones e ideas de usuarios al crear varias versiones Diversas opciones de propuestas de
diseño.
tiva al diseñar aplicaciones y ambientes interactivos cen- parciales del producto.
trados en el usuario. Prototipo preliminar

glosarioGlosario
Versión de introducción 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
diseños centrados en el usuario.

Recursos
ACTIVIDAD
Actividad
Comstock / Photos.com
Figura 3.2.3 Modelo de Sharp, Rogers y Preece (2007).

CONCLUSIÓN
• Identificar necesidades y establecer requerimien-
tos para producir experiencias de uso exitosas. • Evaluar requerimientos y experiencia de uso para

Conclusión
• Generar alternativas de diseño 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.
Pág. 5 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

Glosario

TEmas CAPítulo 3
50 3.2 Modelos de diseño centrado en el usuario

Perfil
La empresa Cognetics Corporation sugiere que el • Discovery, para generar un perfil de cada grupo de
proceso de diseño centrado en el usuario debe ser itera- Características 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 específico 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 también como “persona”.

Glosario
Organización de la información
Manera en la que la información es
organizada en un sistema interactivo

Alex Slobodkin / Photos.com

o un ambiente gráfico. El diseño cen-
trado en el usuario considera que la
organización de la información debe
ser natural y sencilla para los usua-
rios. También se le conoce como

Recursos
organización de contenidos.

• Design Foundation, para establecer en lo general Ligas de interés

la organización de la información y la interfaz del producto
con base en el análisis realizado para cada grupo de usua- »» LUCID, y que además realiza
rios que forman parte de la audiencia meta. proyectos de diseño centrado en
• Detailed Design, para el usuario, análisis de audiencias,

Actividad
producir especificaciones téc- diseño de perfiles de usuario y
nicas y funcionales del pro- diseño 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 .

Conclusión
• 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.

Pág. 6 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

Glosario

TEmas CAPítulo 3
51 3.2 Modelos de diseño centrado en el usuario

Norma internacional ISO-13407

La norma internacional ISO-13407 sugiere que el proce-
so de diseño centrado en el usuario debe ser iterativo con Norma definida por la Organización
Internacional para la Estandarización
base en cada una de sus fases. (ISO, por sus siglas en inglés) para
evaluar el proceso de diseño centra-
do en el usuario para sistemas inte-
ractivos, la cual provee una guía 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 interés
norma internacional ISO-13407 sugiere que antes de usar
un enfoque de diseño 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.

Palto; Alexander Shirokov / Photos.com

Haz clic en la caja “Tip de diseño” para desplegar información.

Conclusión
Pág. 7 de 7

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

TEmas CAPítulo 3
52

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

Glosario
Recursos
Actividad
Conclusión
Pág. 1 de 1

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

TEmas CAPítulo 3
53

Ejercicio integrador del capítulo 3

Capítulo 3. El proceso de diseño interactivo

Instrucciones: Ordena la secuencia de acuerdo a lo que cada modelo sugiere que se realice de manera iterativa al diseñar aplicaciones y ambientes
interactivos centrados en el usuario.

Glosario
Recursos
Actividad
Conclusión
Pág. 1 de 1

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.

 Fundamentos del diseño de interacción

Capítulo 3. El proceso de diseño interactivo

TEmas CAPítulo 3
54

Conclusión del capítulo 3

Capítulo 3. El proceso de diseño interactivo

En general, el diseño de productos es una

Glosario
actividad que involucra creatividad y capacidad
de innovación de un equipo de diseñadores.
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-

más 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 diseño centrado
en el usuario.

Actualmente, existen diversos modelos de di-

seño 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.

Conclusión
Pág. 1 de 1

D.R. © Instituto Tecnológico y de Estudios Superiores de Monterrey, México 2012.