SlideShare a Scribd company logo
INVESTIGACIÓN
ORGANIZACIÓN
DISEÑO
EVALUACIÓN
Etapas del diseño de Experiencia de Usuario
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.
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
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
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
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.
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 .
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/
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/

More Related Content

What's hot

Intro base de datos
Intro base de datosIntro base de datos
Intro base de datos
Claudiovacc
 
Requisitos funcionales y no funcionales
Requisitos funcionales y no funcionalesRequisitos funcionales y no funcionales
Requisitos funcionales y no funcionales
Rene Guaman-Quinche
 
Documento de requerimiento
Documento de requerimientoDocumento de requerimiento
Documento de requerimiento
Josesito Flores
 
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicadaDiseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Santiago Bustelo
 
Mantenimiento Preventivo y Correctivo PC
Mantenimiento Preventivo y Correctivo PCMantenimiento Preventivo y Correctivo PC
Mantenimiento Preventivo y Correctivo PC
VivianTapiaTorres
 
Indagación de los requerimientos
Indagación de los requerimientosIndagación de los requerimientos
Indagación de los requerimientos
UCATEBA
 
Prototyping
PrototypingPrototyping
Prototyping
Eman Abed AlWahhab
 
Team Software Process (TSP)
Team Software Process (TSP)Team Software Process (TSP)
Team Software Process (TSP)
Juan Garcia
 
Manual Zebra ZT230
Manual Zebra ZT230 Manual Zebra ZT230
Manual Zebra ZT230
Cesar Pineda
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
gadige harshini
 
Proceso de Software Personal
Proceso de Software PersonalProceso de Software Personal
Proceso de Software Personal
Irvin Ponce Pérez
 
Conceptos basicos de analisis y diseño
Conceptos basicos de analisis y diseñoConceptos basicos de analisis y diseño
Conceptos basicos de analisis y diseño
Universidad Pedagógica y Tecnológica de Colombia
 
Uso de herramientas case
Uso de herramientas caseUso de herramientas case
Uso de herramientas case
Memo Wars
 
Xp
XpXp
Manual configuración GPO
Manual configuración GPOManual configuración GPO
Manual configuración GPO
cyberleon95
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
Saqib Raza
 

What's hot (16)

Intro base de datos
Intro base de datosIntro base de datos
Intro base de datos
 
Requisitos funcionales y no funcionales
Requisitos funcionales y no funcionalesRequisitos funcionales y no funcionales
Requisitos funcionales y no funcionales
 
Documento de requerimiento
Documento de requerimientoDocumento de requerimiento
Documento de requerimiento
 
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicadaDiseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
Diseño Centrado en el Usuario: UX, IxD, Usabilidad aplicada
 
Mantenimiento Preventivo y Correctivo PC
Mantenimiento Preventivo y Correctivo PCMantenimiento Preventivo y Correctivo PC
Mantenimiento Preventivo y Correctivo PC
 
Indagación de los requerimientos
Indagación de los requerimientosIndagación de los requerimientos
Indagación de los requerimientos
 
Prototyping
PrototypingPrototyping
Prototyping
 
Team Software Process (TSP)
Team Software Process (TSP)Team Software Process (TSP)
Team Software Process (TSP)
 
Manual Zebra ZT230
Manual Zebra ZT230 Manual Zebra ZT230
Manual Zebra ZT230
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
 
Proceso de Software Personal
Proceso de Software PersonalProceso de Software Personal
Proceso de Software Personal
 
Conceptos basicos de analisis y diseño
Conceptos basicos de analisis y diseñoConceptos basicos de analisis y diseño
Conceptos basicos de analisis y diseño
 
Uso de herramientas case
Uso de herramientas caseUso de herramientas case
Uso de herramientas case
 
Xp
XpXp
Xp
 
Manual configuración GPO
Manual configuración GPOManual configuración GPO
Manual configuración GPO
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 

Similar to Etapas del diseño de Experiencia de usuario

Iso 9000 3
Iso 9000 3Iso 9000 3
Iso 9000 3
Irtacari
 
Proyectos I
Proyectos IProyectos I
Arquitectura de información clase 2 el proceso
Arquitectura de información clase 2 el procesoArquitectura de información clase 2 el proceso
Arquitectura de información clase 2 el proceso
Rodrigo Ronda
 
Proyectos tecnologicos
Proyectos tecnologicosProyectos tecnologicos
Proyectos tecnologicos
angieperez72
 
Manual del proyecto
Manual del proyectoManual del proyecto
Manual del proyecto
maiko0l ordoñez
 
UX metodología y acciones
UX metodología y accionesUX metodología y acciones
UX metodología y acciones
Christian Irack 🚀
 
Ingenieria del software aplicada
Ingenieria del software aplicadaIngenieria del software aplicada
Ingenieria del software aplicada
Cristhian Armando Caicedo Panqueva
 
Power Point Proyectos Informaticos
Power Point Proyectos InformaticosPower Point Proyectos Informaticos
Power Point Proyectos Informaticos
Daniela
 
Proyecto tecnológico mafe beken 1101
Proyecto tecnológico mafe beken 1101Proyecto tecnológico mafe beken 1101
Proyecto tecnológico mafe beken 1101
Cardenasmafe26
 
diagramandenflujonn2n___9364f275e292f60___.pdf
diagramandenflujonn2n___9364f275e292f60___.pdfdiagramandenflujonn2n___9364f275e292f60___.pdf
diagramandenflujonn2n___9364f275e292f60___.pdf
NidiaCarolinaMacaBas
 
05. diagrama de flujo
05. diagrama de flujo05. diagrama de flujo
05. diagrama de flujo
Wilfredo Figueroa Wjfigueroawil
 
Diseño y desarrollo de un software educativo
Diseño y desarrollo de un software educativoDiseño y desarrollo de un software educativo
Diseño y desarrollo de un software educativo
Wilian Loli
 
Diagrama de flujo
Diagrama de flujoDiagrama de flujo
Diagrama de flujo
Data Perez
 
Tutorial diagrama de_flujo
Tutorial diagrama de_flujoTutorial diagrama de_flujo
Tutorial diagrama de_flujo
Jose Joney Vargas Castro
 
Administracion_de_proyectos_Ejemplos.pptx
Administracion_de_proyectos_Ejemplos.pptxAdministracion_de_proyectos_Ejemplos.pptx
Administracion_de_proyectos_Ejemplos.pptx
CarlosSGarcia5
 
Proyecto tecnológico
Proyecto tecnológicoProyecto tecnológico
Proyecto tecnológico
Kristïna Gomez
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
King-eClient
 
"DTI - Curso on line"
"DTI - Curso on line""DTI - Curso on line"
"DTI - Curso on line"
renegus
 
El proyecto-tecnologico
El proyecto-tecnologicoEl proyecto-tecnologico
El proyecto-tecnologico
joraloca
 
El proyecto-tecnologico
El proyecto-tecnologicoEl proyecto-tecnologico
El proyecto-tecnologico
joraloca
 

Similar to Etapas del diseño de Experiencia de usuario (20)

Iso 9000 3
Iso 9000 3Iso 9000 3
Iso 9000 3
 
Proyectos I
Proyectos IProyectos I
Proyectos I
 
Arquitectura de información clase 2 el proceso
Arquitectura de información clase 2 el procesoArquitectura de información clase 2 el proceso
Arquitectura de información clase 2 el proceso
 
Proyectos tecnologicos
Proyectos tecnologicosProyectos tecnologicos
Proyectos tecnologicos
 
Manual del proyecto
Manual del proyectoManual del proyecto
Manual del proyecto
 
UX metodología y acciones
UX metodología y accionesUX metodología y acciones
UX metodología y acciones
 
Ingenieria del software aplicada
Ingenieria del software aplicadaIngenieria del software aplicada
Ingenieria del software aplicada
 
Power Point Proyectos Informaticos
Power Point Proyectos InformaticosPower Point Proyectos Informaticos
Power Point Proyectos Informaticos
 
Proyecto tecnológico mafe beken 1101
Proyecto tecnológico mafe beken 1101Proyecto tecnológico mafe beken 1101
Proyecto tecnológico mafe beken 1101
 
diagramandenflujonn2n___9364f275e292f60___.pdf
diagramandenflujonn2n___9364f275e292f60___.pdfdiagramandenflujonn2n___9364f275e292f60___.pdf
diagramandenflujonn2n___9364f275e292f60___.pdf
 
05. diagrama de flujo
05. diagrama de flujo05. diagrama de flujo
05. diagrama de flujo
 
Diseño y desarrollo de un software educativo
Diseño y desarrollo de un software educativoDiseño y desarrollo de un software educativo
Diseño y desarrollo de un software educativo
 
Diagrama de flujo
Diagrama de flujoDiagrama de flujo
Diagrama de flujo
 
Tutorial diagrama de_flujo
Tutorial diagrama de_flujoTutorial diagrama de_flujo
Tutorial diagrama de_flujo
 
Administracion_de_proyectos_Ejemplos.pptx
Administracion_de_proyectos_Ejemplos.pptxAdministracion_de_proyectos_Ejemplos.pptx
Administracion_de_proyectos_Ejemplos.pptx
 
Proyecto tecnológico
Proyecto tecnológicoProyecto tecnológico
Proyecto tecnológico
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
"DTI - Curso on line"
"DTI - Curso on line""DTI - Curso on line"
"DTI - Curso on line"
 
El proyecto-tecnologico
El proyecto-tecnologicoEl proyecto-tecnologico
El proyecto-tecnologico
 
El proyecto-tecnologico
El proyecto-tecnologicoEl proyecto-tecnologico
El proyecto-tecnologico
 

Recently uploaded

El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
slaimenbarakat
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
RofoMG
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
ivanna200511
 
Portfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina BalmacedaPortfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina Balmaceda
ValentinaBalmaceda2
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
LeonardoDantasRivas
 
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial ValenciaCatalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
AMADO SALVADOR
 
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESABabilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESA
SarahVzquezVsquez
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
abimaelcornejo98
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
CarlosDanielAlanocaT1
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
AlbertoGarcia461436
 
Mueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entornoMueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entorno
Artevita muebles
 
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador ValenciaCatalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
LeonardoDantasRivas
 
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
jhcueroz
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
IzaakAzaga
 
Arquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto VenezolanoArquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto Venezolano
imariagsg
 
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdf
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdfSesion 07. Ecuaciones de kremser y columnas empacadas.pdf
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdf
MeryQuezada2
 
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
José María
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
mantenimientofresita
 
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador ValenciaCatalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 

Recently uploaded (20)

El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
 
Portfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina BalmacedaPortfolio_itsmevalen/ Valentina Balmaceda
Portfolio_itsmevalen/ Valentina Balmaceda
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
 
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial ValenciaCatalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial Valencia
 
Babilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESABabilonia, historia romana Y ARQUITECTURA JAPONESA
Babilonia, historia romana Y ARQUITECTURA JAPONESA
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
 
Mueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entornoMueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entorno
 
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador ValenciaCatalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
Catalogo Coleccion Atelier Bathco Distribuidor Oficial Amado Salvador Valencia
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
 
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
16.-JUNIO-NTC-3701-CAUSAS-BASICAS-Y-CAUSAS-INMEDIATAS-EN-LOS-A.T.pdf
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
 
Arquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto VenezolanoArquitectura Moderna Contexto Venezolano
Arquitectura Moderna Contexto Venezolano
 
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdf
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdfSesion 07. Ecuaciones de kremser y columnas empacadas.pdf
Sesion 07. Ecuaciones de kremser y columnas empacadas.pdf
 
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
 
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador ValenciaCatalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
Catalogo General Azteca Ceramica Distribuidor Oficial Amado Salvador Valencia
 

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/