El documento describe las cuatro etapas del diseño centrado en el usuario: 1) Investigación para obtener información sobre usuarios y necesidades; 2) Organización de la información para estructurar contenidos; 3) Diseño de la interfaz basada en los resultados anteriores; 4) Evaluación y pruebas con usuarios y clientes para verificar el diseño.

1. INVESTIGACIÓN
ORGANIZACIÓN
DISEÑO
EVALUACIÓN
Etapas del diseño de Experiencia de Usuario

2. ETAPA 1 – INVESTIGACIÓN
Durante esta etapa el objetivo prinicpal consiste en obtener la mayor cantidad de
información posible y necesaria para el proyecto a realizar, principalmente de los
usuarios, aunque también es relevante la información del cliente o emisor, . El correcto
balance entre demandas y necesidades de unos y otros es lo que lleva al éxito el
producto a crear.
Información relacionada con el proyecto
a) Definir las necesidades generales del proyecto.
b) Definir la temática general del producto a realizar o rediseñar.
c) Definir los objetivos de los clientes o emisores con el producto.
d) Definir la intensión comunicativa del producto (Informar, educar, entretener,
alertar, comercializar, etcétera)
e) Definir la tipología de producto que se desea (un sistema web, sitio web, app, cms).
f) Definir de manera general a los usuarios del producto, su contexto de uso, y los
contenidos que tendrá el mismo.
ENFOQUE DEL DCU y la UX
USUARIOS
Estudio de Usuarios
Caracterizar a los usuarios. (tipología, roles, etc.)
Definir perfiles de usuarios.
Investigar sus necesidades. (de información, formación, socialización, etc.)
Definir escenarios.

3. Definir los procesos que realizan los usuarios en sus contextos reales.
CONTEXTO
Estudio del Contexto
Definir las características del contexto de uso (culturales, políticas,
económicas, sociales y tecnológicas).
Definir el modelo de negocio.
Realizar una matriz (FODA).
Definir un banco de problemas del contexto de uso.
Realizar diagramas de procesos y actividades.
Realizar un estudio de mercado y/o de productos similares al que se quiere
realizar o rediseñar.
En caso de estar rediseñando un producto
Realizar un análisis del uso del mismo (Ejemplo: Logs, Google Analytics, CTR).
Realizar una evaluación del producto existente para determinar su
calidad(Evaluación Heurística).
CONTENIDOS
Estudio de los Contenidos
Realizar un inventario de recursos de información del producto.
Realizar mapas de conceptos (Concept Map).
Realizar mapas de contenidos (Content Map).
Estudio del proceso de desarrollo y diseño del sistema o artefacto tecnológico

4. Definir las estrategias y etapas de trabajo.
Analizar los recursos de trabajo con que se cuente.
Planificar (tiempo/cronograma) etapas del proceso de trabajo.
[Técnicas recomendadas para ésta fase de la etapa: Tormenta de idea de
necesidades de información (brainstorming); Escenarios; Personas; Benchmarking
(análisis competitivo).
Los artefactos generados durante esta etapa serían: Informes y Diagramas en forma
de organigramas, cronogramas, matrices, tablas y mapas.
ETAPA 2 - ORGANIZACIÓN
Esta es la etapa que más se relaciona con el diseño de la interfaz. Es cuando el
diseñador establece los criterios científico-técnicos y los indicadores basados en el
estudio etnográfico para organizar toda la información obtenida durante la etapa
anterior.
Esta etapa tiene como principal objetivo representar todas las estructuras posibles
de los contenidos, en correspondencia a las necesidades de usuarios y su contexto.
Inicia con el proceso de estructura de contenidos.
Definir de todas las formas de dosificar, clasificar y jerarquizar las temáticas y

5. los contenidos.
Hacer corresponder las estructuras planteadas a las necesidades tanto de
emisores (clientes) como de receptores (usuarios).
Definir todos los flujos funcionales (es decir los requerimientos funcionales traducidos
en procesos) que tendrá el producto, correspondiendo con los flujos reales de los
usuarios en su contexto(planificación de los procesos)
Definir los procesos de acompañamiento o ayuda y recuperación de error.
Los artefactos generados durante esta etapa serían: Diagramas y mapas, organización
general del sistema o artefacto y primera etapa de la planifacación para las ayudas y
recuperación del error (guías de usuario y ayudas contextuales)
ETAPA 3 - DISEÑO
Es la etapa es en la que se desarrolla propiamente la interfaz a paritr de los resultados
de la etapa anterior, ahora con todos los requerimientos técnicos con el fin de que sean
comprendidos por usuarios, cliente y el resto del equipo de trabajo.
Definir la estructura del producto (taxonomía y diagramas de organización o
blueprints).
Organización preliminar del diseño (layout) para saber en dónde y de qué forma
quedará cada información

6. Definir la navegación
Establecr los conceptos y la terminología, es decir que de manera será adecuado
y comprensible cada dato o bien cada información.
Definir el funcionamiento del producto (diagramas de funcionamiento).
[Técnicas recomendadas en ésta fase de la etapa: Análisis de tareas (Task Analysis),
Flujogramas, Paseo cognitivo (Cognitive Walkthrough)]
Definir las pantallas del producto o interfaz gráfico-visual(diagramas de
presentación o wireframes).
Definir los servicios y funcionalidades que tendrá el producto.
Llevar a cabo el estudio de usabilidad
Definir las etiquetas del producto (labeling).
Crear prototipos de bajo (sistema compelto o célula funcional) y alto nivel (interfaz
acabada o front end y prototipos funcionales).
[Técnicas recomendadas para ésta fase de la etapa: Diagramación en papel; Diagrama
de organización (Blueprint); Diagrama de funcionamiento (Flow diagram);Diagrama de
presentación (Wireframe); Etiquetado (Labeling); Prototipado digital]
Desarrollar las guías de estilo, ayudas contextuales y guías de usuario.
Los artefactos generados durante esta etapa serían: Diagramas digitales y prototipos,
informes del producto y guías.

7. ETAPA 4 - EVALUACIÓN Y PRUEBAS
Esta es la etapa en la que se evalua y confronta el diseño, sirve para comprobar tanto las
funcionalidades del sistema, como las propuestas de diseño. Para que este proceso esté
más completo se sugiere llevar a cabo as pruebas tanto con clientes como con usuarios
y si es posible complementarlas con la evaluación de expertos (heurística). Con los
clientes/emisores el propósito es saber si se han logrado los objetivos y demandas
planteadas. Y con los usuarios, se busca saber si las necesidades identificadas han sido
resueltas y si el sistema ofrece lo que él necesita.
Durante esta etapa se pueden llevar a cabo una o más de las siguientes actividades:
Pruebas generales dede prototipos.
Revisión de diagramas.
Pruebas con usuarios tipo y/o expertos.
[Técnicas Recomendadas en esta etapa: Crítica de diseño con usuarios y clientes (Critic
design); 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)]
Los artefactos generados durante esta etapa serían:Instrumentos de evaluación e
Informes evaluativos .

8. RECOMENDACIONES SESION 14 ABRIL
https://es.slideshare.net/mgea/tema-3-diseo-centrado-usuario-2013
PASEO CONGNITIVO
https://www.emaze.com/@AZFLLQW
BLUE PRINTING MAP
https://docs.microsoft.com/en-us/azure/architecture/reference-architectures/app-servic
e-web-app/scalable-web-app
AI
https://flipboard.com/@shanehdavis3/user-flows-%7C-20-inspiring-examples/a-9H044R
wET7mthAQtH_SWHw%3Aa%3A88995031-a9a70a4b49%2Fwebdesigndev.com
TERMINOLOGÍA
https://olgacarreras.blogspot.mx/2007/02/wireframes.html
http://tecnologiasweb.jsenso.es/mockup-arquitectura-web/

9. RECOMENDACIONES SESION 14 ABRIL
https://es.slideshare.net/mgea/tema-3-diseo-centrado-usuario-2013
PASEO CONGNITIVO
https://www.emaze.com/@AZFLLQW
BLUE PRINTING MAP
https://docs.microsoft.com/en-us/azure/architecture/reference-architectures/app-servic
e-web-app/scalable-web-app
AI
https://flipboard.com/@shanehdavis3/user-flows-%7C-20-inspiring-examples/a-9H044R
wET7mthAQtH_SWHw%3Aa%3A88995031-a9a70a4b49%2Fwebdesigndev.com
TERMINOLOGÍA
https://olgacarreras.blogspot.mx/2007/02/wireframes.html
http://tecnologiasweb.jsenso.es/mockup-arquitectura-web/