Experiencia de Usuario

Diseño de Experiencia
de Usuario
UxD
Etapas, actividades, técnicas y herramientas…
By Juan Manuel Aguera Castro

Gestión Empresarial blog: http://jmaguera.blogspot.mx/
Picture by corning: http://www.corning.com/index.aspx
Diseño de Experiencia de Usuario
Gestión Empresarial
Componentes Clave
Las necesidades concretas de la organización

y lo que espera conseguir a través del
desarrollo de soluciones web (móviles, etc.) se
ven plasmadas en los objetivos; los cuales,
alineados a las necesidades de los usuarios,
serán la guía de todo proceso de
conceptualización, diseño e implementación
de aplicaciones.
Ejemplos de objetivos
OBJETIVOS
ESTRATÉGICOS
E s t a b l e c e r
Fortalecer la estrategias de Establecer canales
presencia y v e n t a j a s de comunicación e
competitivas de interacción de valor
fortalecimiento de
servicios de agregado para los
marca en Internet contenidos Web clientes, usuarios,
para los clientes proveedores, etc.
Premisas Básicas
Los Elementos de la Experiencia de Usuario de Garret (2002)

See more at: http://www.nosolousabilidad.com/articulos/uxd.htm#sthash.YhErYfRj.dpuf
Etapas de creación de un producto de software
PRUEBAS REQUERIMIENTOS
4 1
3 2
IMPLEMENTACIÓN DISEÑO
Enfoque de Etapas en la creación de software
Lineal
R D I P
Iterativo
R R R
R Requerimientos P D P D P D
D Diseño
I Implementación
P Pruebas
Rol del Diseñador dentro del proceso de creación
Todo proyecto es relativo a los

usuarios, contexto y contenidos
específicos en cada caso. Morville (2004)
Contexto
Contenido Usuarios
Etapas Actividades
Responden al tiempo
transcurrido
o Tareas
Responden al proceso
¿CUÁNDO?
¿QUÉ?
Metodología
Técnicas Herramientas
Responden al lo que se Responden a qué se usa
hace para lograr los para aplicar las técnicas
procesos y tareas ¿CON QUÉ?
¿CÓMO?
4 COMPONENTES BÁSICOS
INVESTIGACIÓN ORGANIZACIÓN DISEÑO PRUEBA

Se obtiene toda ! ! !
la información Se procesa toda S e p l a s m a e l Se comprueba la
posible del la información diseño del calidad del
p r o y e c t o , para convertirla producto a partir diseño propuesto
usuarios y en un producto. de lo organizado
producto
diseñar
a
ETAPAS
1 2 3 4
Etapas del Diseño de Experiencia de Usuario

1 2 3 4
Obtener toda la Organizar toda la
Proponer el diseño Comprobar el
información posible información recolectada
del producto a partir diseño propuesto
del proyecto a diseñar para convertirla en
producto de lo organizado del producto
Investigación
Organización
Diseño
Prueba
ACTIVIDADES y/o TAREAS A REALIZAR EN CADA ETAPA

ETAPA 1
INVESTIGACIÓN
INICIO
ETAPA 1. INVESTIGACIÓN
Realizar un análisis del uso

Información relacionada del mismo (Ejemplo: Logs, Estudio de Contenidos
con el proyecto Google Analytics)
Realizar una evaluación del

producto existente para
determinar su calidad
Estudio de usuarios Estudio del proceso de
(receptores) diseño
Si
En caso de No
Estudio de Contexto estar rediseñado un
FIN
producto
Obtener la mayor cantidad de información posible, tanto del cliente

como de los usuarios
INVESTIGACIÓN
ETAPA 1
INVESTIGACIÓN
continua…
ETAPA 1
©
INVESTIGACIÓN
ARTEFACTOS
GENERADOS
INVESTIGACIÓN
ETAPA 2
ORGANIZACIÓN,
ANÁLISIS DE INFORMACIÓN
ETAPA 2
ORGANIZACIÓN
(ANÁLISIS DE INFORMACIÓN)
ARTEFACTOS GENERADOS
ORGANIZACIÓN
ETAPA 3
DISEÑO
ETAPA 3
!
DISEÑO
DISEÑO
ETAPA 4
PRUEBA
ETAPA 4
!
PRUEBA
PRUEBA
TÉCNICAS MUY
U S A D A S PA R A L A
TÉCNICAS MUY ORGANIZACIÓN
BÚSQUEDA DE
INFORMACIÓN
TÉCNICAS
U S A D A S PA R A
HACER LOS TEST
DEL DISEÑO
PLANTEADO
TÉCNICAS
TÉCNICAS
BÁSICAS EN EL
PROCESO DE
DISEÑO
TÉCNICAS
MUY USADAS
TÉCNICAS MUY
U S A D A S PA R A E L
PA R A D I S E Ñ A R
FUNCIONAMIENTO EL PRODUCTO
DEL PRODUCTO
TÉCNICAS
BÁSICAS EN EL
PROCESO DE
DISEÑO
Reuniones
Entrevistas y Encuestas
Observación
Revisiones bibliográficas
Consulta a experto(s)
Representación y mapeo
TÉCNICAS MUY Tormenta de ideas (brainstorming).

BÚSQUEDA DE Focus group
INFORMACIÓN
Crítica de diseños anteriores.
Diseño participativo.
Tormenta de idea de necesidades de
información (brainstorming).
Escenarios.
Personas.
Benchmarking (análisis competitivo).
Análisis de frecuencia de texto
(repetición de términos y conceptos en
los contextos)
TÉCNICAS MUY
ORGANIZACIÓN
Organización de tarjetas (card sorting).

Agrupación (finalizando en un Diagrama de Afinidad).
Secuencia (Análisis de secuencia) (Ronda León, Mesa
Rábade; 2005).
Tabulación de contenidos (crear tablas con los
diferentes contenidos a organizar).
Validación de términos
Análisis de tareas (Task Analysis).
Flujogramas.
Paseo cognitivo
TÉCNICAS MUY
U S A D A S PA R A E L
FUNCIONAMIENTO
DEL PRODUCTO
TÉCNICAS MUY
U S A D A S PA R A
DISEÑAR EL
PRODUCTO
Diagramas en papel.
Diagramas de organización (Blueprint)
Diagramas de funcionamiento (Flow diagram).
Diagramas de presentación (Wireframe).
Etiquetado (Labeling).
Prototipado digital
TÉCNICAS
U S A D A S PA R A
Crítica de diseño con usuarios y HACER LOS TEST DEL
DISEÑO
clientes (Critic design). PLANTEADO
Pruebas con usuarios (User test).

Evaluación heurística (Heuristic
test).
Mapeo de clics dentro de la
pantalla del producto
(MouseTracking).
Monitorización o seguimiento
visual (EyeTracking)
Las herramientas del diseñador de

HE
experiencia de usuario son diversas y RR
AM
aplicables conforme a las posibilidades de IEN
presupuesto y acceso a las tecnologías del TA
S
proyecto. El mercado ofrece una excelente
propuesta de herramientas profesionales de
alto costo, así como de herramientas
gratuitas.
!
Pa ra e l c a s o d e o rg a n i z a c i ó n d e l a
información, podemos hacer uso de
encuestas online, herramientas que permiten
diseñar encuestas en linea para ser
respondida por usuarios remotos de algún
segmento de mercado en especifico.
Ejemplos de herramientas:
Survey Manager de Netquest (www.solucionesnetquest.com/
survey_manager)
E-encuestas (www.e-encuesta.com)
HE
! RR
Aplicaciones para el mapeo de contenidos y conceptos: AM
MindManager de MindJet (www.mindjet.com)
I EN
TA
CMapTools. (http://cmap.ihmc.us) S
Freemind (http://freemind.sourceforge.net)
PowerMapper (www.powermapper.com)
Xtreeme SiteXpert (www.xtreeme.com/sitexpert)
!
Aplicaciones para la representación de contenidos, como son
diagramas o prototipos (ejemplos):
Axure RP Pro (www.axure.com)
SmartDraw (www.smartdraw.com)
Microsoft Visio (www.microsoft.com)
OmniGraffle (OSX) (www.omnigroup.com)
iGrafx Flowcharter (www.igrafx.com)
CONCLUSIONES
El uso de metodologías, técnicas y herramientas en el proceso de Diseño de
aplicaciones de software, permite a ingenieros expertos y los que se encuentran
en proceso de llegar a serlo, conocer una diversidad de posibles formas para
encontrar soluciones de gran utilidad en los diferentes ámbitos de aplicación.
Por tanto, las propuestas aquí expuestas, representan un esfuerzo por enfatizar
las premisas de uso actual y altamente concurridas por ingenieros
desarrolladores de aplicaciones, las cuales evolucionan continuamente y dan
oportunidad a reformularse y robustecerse a cada momento.
!
Las propuestas aquí presentadas, representan una guía y referencia que puede
adaptarse, modificarse y/o enriquecerse conforme al contexto aplicable y las
necesidades de los clientes, usuarios, contenidos, tecnologías y entorno de
aplicación.
Bibliografía y referencias
!
- Coutin Domínguez, Adrian. Arquitectura de información para sitios web. Anaya Multimedia, 2002
- Garret, Jesse James. Un vocabulario visual para describir arquitectura de información y diseño de interacción. Traducción: Javier Velazco (marzo
2002) [en línea] <http://www.jjg.net/elements/translations/elements_es.pdf >
- Garret, Jesse James. The Elements of User Experience. User Center Design for the Web and Beyond. (2da edición). New Riders, 2011.
- Kuniavsky, Mike. Observing the User Experience: A Practitioner's Guide to User Research. Morgan Kaufmann Publishers, 2003.
- Lidwell, William; Holden, Kritina y Butler, Jill. Universal principles of design. Rockport publishers, 2003
- Morville, Peter. User Experience Design. [En línea] <http://semanticstudios.com/publications/semantics/000029.php> junio, 2004
- Reiss, Eric. Practical Information Architecture. A hands-on approach to structuring successful websites. Addison-Wesley, 2000
- Rosenfeld, Louis y Morville, Peter. Information architecture for the World Wide Web. O’Reilly Media, Inc. 3ra edición. 2007.
- Ronda León, Rodrigo. Productos electrónicos: principios y pautas. Editorial Félix Varela, La Habana, 2005
- Ronda León, Rodrigo. La Arquitectura de Información y las Ciencias de la Información. [En línea] Nosolousabilidad <http://
www.nosolousabilidad.com/articulos/ai_ciencias_informacion.htm> mayo 2005
- Ronda León, Rodrigo y Mesa Rábade, Yaima. Análisis de Secuencia: una herramienta para la Arquitectura de Información. [En línea]
Nosolousabilidad <http://www.nosolousabilidad.com/articulos/analisis_secuencia.htm> julio 2005
- Ronda León, Rodrigo. Revisión de técnicas de arquitectura de información. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/
articulos/tecnicas_ai.htm> 5 de Enero de 2007, no 6, 2007
- Ronda León, Rodrigo. La diagramación en la arquitectura de información. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/
articulos/diagramacion.htm> 25 de Diciembre de 2007, no 6, 2007
- Ronda León, Rodrigo. El etiquetado en el diseño de software. [En línea] Nosolousabilidad <http://www.nosolousabilidad.com/articulos/
etiquetado.htm> enero de 2013, no 12, 2013
- Spencer, Donna. A practical guide to Information Architecture. Five Simple Steps. 2010
- Wikipedia (the free encyclopedia). Shannon–Weaver model. [en línea] (Consultado Febrero 2013) http://en.wikipedia.org/wiki/Shannon-
Weaver_model
- Wodtke, Christina y Govella, Austin. Information Architecture. Blueprint for the Web. (2da edición) New Riders, 2009

Experiencia de Usuario

Cargado por

Copyright:

Formatos disponibles

Experiencia de Usuario

Cargado por

Información del documento

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

Experiencia de Usuario

Cargado por

Copyright:

Formatos disponibles

Diseño de Experiencia

By Juan Manuel Aguera Castro

Las necesidades concretas de la organización

Los Elementos de la Experiencia de Usuario de Garret (2002)

Todo proyecto es relativo a los

INVESTIGACIÓN ORGANIZACIÓN DISEÑO PRUEBA

Etapas del Diseño de Experiencia de Usuario

ACTIVIDADES y/o TAREAS A REALIZAR EN CADA ETAPA

Realizar un análisis del uso

Realizar una evaluación del

Obtener la mayor cantidad de información posible, tanto del cliente

TÉCNICAS MUY Tormenta de ideas (brainstorming).

Organización de tarjetas (card sorting).

Análisis de tareas (Task Analysis).

Pruebas con usuarios (User test).

Las herramientas del diseñador de

También podría gustarte