Ver el código de «Diseño de Experiencia de Usuarios & Servicios 2020»

{{Curso
|Asignaturas Relacionadas=Diseño de Experiencia de Usuario
|Año=2020
|Tipo de Curso=Ramo Lectivo
|Talleres=DG 4º
|Profesores=Jorge Barahona
|Alumnos=Amalia Casanova, Raquel Cataldo, Melanie Collins, Roberta Durán, Dominique Gago, Antonia Gallardo, María Inés González Guardia, Javiera Moreno, Nicolas Toledo Sepulveda, Constanza Villarroel, Javieramoreno
|Palabras Clave=UX, CX, Diseño de Servicios, DS, Usabilidad, usuario, cliente
|Carreras Relacionadas=Diseño, Diseño Gráfico
}}
=Trabajo remoto=
* Base del Ramo: [[Diseño de Experiencia de Usuarios & Servicios 2020|Wiki]]
* Carpeta del Ramo: [https://drive.google.com/drive/folders/1VGpL11M6adBO-05r_bNqOwvgIOIhzZut?usp=sharing 2020 Diseño Centrado en el Usuario]
* Comunicaciones:
** Correo electrónico: [http://mailto:jbarahona@ead.cl jbarahona@ead.cl]
** Slack: [https://ead-pucv.slack.com ead-pucv.slack.com]
* Clases directo: [https://zoom.us/ Zoom]

=Introducción al Diseño Centrado en el usuario=

EL Diseño de Experiencia de usuario o UX, según la [https://www.iso.org/obp/ui/#iso:std:iso:9241:-210:ed-1:v1:en ISO] son “Las respuestas y percepciones que son resultado del uso o uso anticipado de un producto, sistema o servicio”.

Consideramos además todas las '''emociones''', '''creencias''', '''preferencias''', '''percepciones''', respuestas físicas y psicológicas, '''comportamientos''' y logros del usuario que ocurren '''antes, durante y después''' de utilizar un producto, sistema o servicio.

En este sentido usaremos la palabra '''sistema''' para resumir productos tales como sitios web, aplicaciones, juegos, etc.
 
Tres factores son los que influyen en la experiencia de usuario: 
* sistema (producto o servicio)
* usuario
* contexto de uso
El buen conocimiento (producto de la investigación) de estos tres factores producirá una buena base para tener una '''hipótesis de diseño'''.

En este sentido entendemos que:
* un '''sistema''' debe ser útil, fácil de usar, accesible y entregar servicios seguros y fiables al usuario
* el '''usuario''' define las necesidades que desea satisfacer y sobre la base de esa premisa es que planteamos nuestras hipótesis de diseño
* el '''contexto''' de uso acusa la situación en que se usará el sistema, por ende entender la ubicación, movilidad, frecuencia y tecnología con que el usuario accederá al servicio es crítico

== Usuario & Cliente==
Las siguientes son las consideraciones que tenemos para entender a un usuario y a un cliente:
* Un cliente '''siempre''' es usuario
* Un usuario '''no siempre''' es cliente
* La omnicanalidad considera las tareas que realiza un usuario ''on'' y ''off-line''
* El usuario y/o cliente '''es construido desde el servicio''', no desde el producto
* El “viaje” del cliente construye el servicio

===Ejercicio Nº1: ¿Cuáles son las palabras claves que identificas para definir UX?===

Pizarrón de trabajo de los alumnos:

[[File:Clase Nº1 (6).jpg|400px]]

===Ejercicio Nº2: ¿Cuáles son los retos en UX?===

Pizarrón de trabajo de los alumnos:

[[File:Clase Nº1 (8).jpg|400px]]

== ¿Por qué no se considera la UX?==

Varios son los factores que las empresas o instituciones argumentan para no considerar a UX y avanzar en su transformación.
* La intención de los ''stakeholders'' de hacer más y mejores negocios tiene un antagonismo evidente con la  implementación de las ideas de negocios planteadas. En la implementación se parte de hipótesis de diseño ambiguas, sin mucho respaldo ni producto de investigación de usuarios, negocios y mercado
* Falta de presupuesto económico 
* Equipos y áreas incomunicadas
* Se invalidan las emociones 
* Se cree que con un “cabro” (léase barato) se harán cambios profundos
* El miedo inmoviliza
* La soberbia aburre
* Se dice lo que no se hace

==¿Qué sucede si no aplico UX en mis proyectos?==
* Diseño “algo” que los usuarios NO necesitan
* El sistema es difícil de entender y usar
* Sin métricas no hay seguimiento ni datos 
* Sin datos no puedo decidir cambios o avances del sistema
* La experiencia omnicanal es diversa, no hay coherencia en el servicio
* Se pierden usuarios y clientes

===Ejercicio Nº3: ¿Qué riesgos se corren si no aplicamos metodologías UX en nuestros proyectos?===

Pizarrón de los alumnos:

[[File:Clase Nº1 (9).jpg|400px]]

==Tarea Nº1 "Ensayo UX"==
* Leer el libro “[https://www.ayerviernes.com/ebook-como-diseno-aumenta-valor-negocios Cómo el Diseño UX aumenta el valor de los negocios]”
* Hacer un ENSAYO sobre la definición del Diseño UX en torno a los negocios y los servicios:
* Investiga otros autores
Responde en tu ensayo:
* ¿Qué resumes de la lectura?
* ¿Cuál es tu visión como Diseñadora?
* ¿Qué propones?
* ¿Cómo ves a los usuarios en 5 años?
* ¿Al mercado?

'''ENTREGA'''
* Documento PDF en Drive [https://drive.google.com/drive/folders/1VGpL11M6adBO-05r_bNqOwvgIOIhzZut?usp=sharing compartido en la carpeta] del ramo.
* Publicar bajo tu nombre en Wiki, sección Tarea Nº1 “Ensayo UX”
* Debe tener:
** Tu nombre 
** Un resumen
* *El link para descargar el Ensayo
* Enviar correo de Tarea ejecutada
* Plazo: viernes 27 de marzo, medio día.

Consultas rápidas: Slack

Consultas o ideas: correo

==Ensayos de alumnos==
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::1]]
| ?Alumnos
| format = ol
}}

=Metodología del Diseño centrado en el usuario=

{{#widget:Google Presentation|docid = 12--krxwJCs3Z0Q8mJIZY1KjHnd3Ag3TaOy_R1cvF59U}}

==¿Qué y por qué una Metodología?==

'''¿Qué es una Metodología?'''
* Parte de una posición teórica 
* Conduce una selección de técnicas concretas (o métodos) 
* Se trata del procedimiento
* Busca la realización de tareas vinculadas a la investigación, el trabajo o el proyecto
'''¿Por qué''' 
* Construye certezas estructurales sobre cómo enfrentar un proyecto 
* Permite tomar el control del proyecto; gobernarlo
* Visiona holísticamente el problema y su hipótesis
* Disminuye el riesgo de fracaso
* Vendemos una forma de hacer, un proceso, no dibujos

==Metodología UX==
[[Archivo:2020 Metodología UX.jpg|miniaturadeimagen]]

* Articular
** el proceso
** el gobierno del proyecto
* Investigar
** Para tener una hipótesis de Diseño
** A los sistemas 
** A los usarios
* Idear
** El contenido
** La estructura
** La viualidad
* Implementar
** Programar, construir
* Medir
** Escuchar a los usuarios

===Tarea Nº2 "Metodologías de Diseño de Experiencia de Usuarios"===

'''Trabajo de investigación'''

Analiza los siguientes autores y sus metodologías:
* Peter Morville
* Jesse James Garrett
* Bruce Tognazzini
* Aarron Walter
* Dieter Rams
Haz un resumen de cada una.

'''Elabora una idea propia para enfrentar procesos de diseño centrados en los usuarios.''' 
No es una mezcla aleatoria, es una elaboración conceptual que requiere de análisis, estudio, dedicación y propuesta, eso es lo que se evalúa.
* Plazo: sábado 18 de abril, 12:00 (medio día)
* Formato: PDF publicado en esta Wiki

===Ensayos de los alumnos===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::2]]
| ?Alumnos
| format = ol
}}

==Articular e investigar==

{{#widget:Google Presentation|docid = 1qwu6ooxhZMB0xfJc6-F00odnIbEtLNte9w_Hkv2mPBI}}

===Tarea Nº3===

'''Completa el brief'''

La Junta de Vecinos de Puerto Guadal te envía el siguiente brief:
* El lago Chelenko en la Patagonia chilena, es uno de los últimos lugares prístinos en el planeta
* Se planea promoverlo como destino sustentable,  donde la riqueza cultural de sus habitantes, el cuidado medio-ambiente y calidad de vida son rasgos diferenciados
* La zona es apta para ser visita en todas las estaciones del año 
* Existe información de la región pero disgregada, desactualizada y poco eficiente para acceder a la oferta creciente de servicios turísticos

'''Contra-brief o clarificación'''

* Haz de cuenta que puedes conversar con el propietario del proyecto Turismo Chelenko
* Siguiendo la guía de brief anterior
* ¿Qué otras preguntas le harías?

Utiliza la [https://jamboard.google.com/d/1F_idgr5BRPiU47OI1zP_YfbqOODaF1fSVVax3J0yuEI/edit?usp=sharing pizarra] para dejar tus preguntas (ponle tu nombre a cada post-it).

Publica la lista de preguntas que les harías colocando tu nombre antes y luego la lista:
* Nombre, apellido: 
** Pregunta 1
** Pegunta n

====Desarrollo de la Tarea====
[https://jamboard.google.com/d/1F_idgr5BRPiU47OI1zP_YfbqOODaF1fSVVax3J0yuEI/edit?usp=sharing Ir a Pizarra]

[[File:Captura de pantalla 2020-07-20 a la(s) 17.46.28.png|1040px]]

===Tarea Nº4===
Estrategia para Turismo Chelenko
* Sobre la base del brief y las preguntas que adicionaste al mismo
* Elabora una Estrategia que defina sus  cuatro componentes

# Has documento en Drive, compartido y publícalo
# Sigue el ejemplo

* Nombre, Apellido
** Estrategia...
** Nombre con link al documento en Drive

===Tareas===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::4]]
| ?Alumnos
| format = ol
}}

==Del caso de negocio a la hipótesis del Diseño (Parte 1)==

* Voz del negocio (VoB): Entrevistas a stakeholders
* Voz del mercado (VoM): Benchmark
* Tareas

{{#widget:Google Presentation|docid = 1shr-y2q1DJYGP-RFu0suxvccW7YH7gNBCO76Gsq3Lx4}}

===Tarea Nº5===
'''Diseñar una entrevista a stakeholders'''
Te encargaron un proyecto de promoción para el Lago Chelenko (Carrera) y debes conocer qué patrones de respuestas existen entre los distintos sostenedores del (los) negocio(s):
* Define 5 stakeholders
* Diseña las preguntas para una entrevista a stakeholders 
* Ejecuta con una compañera o amigo que simule ser uno sakeholder. No lo guíes en las respuestas, solo colócalo en contexto del ejercicio ficticio
* Una vez que hagas las 5 entrevistas haz un reporte donde se comuniquen los descubrimientos y alertas del negocio

# Comparte el documento de Drive
# Publícalo siguiendo la norma:
* Nombre, apellido
** Nombre de tu documento con link al mismo

===Tareas===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::5]]
| ?Alumnos
| format = ol
}}

===Tarea Nº6===
'''Benchmark de guerrilla'''
Has un benchmark de guerrilla de los potenciales competidores del proyecto Turismo Chleneko
* Un benchmark de guerrilla es uno o más que se hacen antes de hacer uno completo
* Es corto y rápido (5 criterios en 30’)
* Se hace entre pares UX (no con clientes ni usuarios)
* Se le asignan dos tipos de puntajes  (no se pueden mezclar)

# Usa la plantilla [https://docs.google.com/spreadsheets/d/1Q3v5ShhO7Dx8SodAR5xQdd3OqSZiW5mVBCKAjPvB8U4/edit?usp=sharing benchmark guerrilla]
# Publica tus resultados

* Nombre, apellido
** Gráfico del resultado (.jpg)

===Tareas===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::6]]
| ?Alumnos
| format = ol
}}

==Del caso de negocio a la hipótesis del Diseño (Parte 2)==

* Voz del usuario (VoC)
* Arquetipos (Personas)
* Mapa de Empatía
* Entrevistas a usuarios

{{#widget:Google Presentation|docid = 11aMAWrTlS7vt2dH5GA34Oey9XYENrZckn-hSEZetqto}}

===Tarea Nº7===
'''Diseñar Personas'''
* Diseñar arquetipos de usuarios para Chelenko Adventure (cambió de nombre el proyecto)
* Los perfiles los deduces del brief 
* La idea es que tengas tus perfiles propios para entrevistas de usuarios
* Considera todas las variables expresadas en el brief
* Cuando tengas tus perfiles diseñados, usa un documento .pdf y lo subes al drive y públicas en la Wiki

* Nombre, apellido
** El nombre de tu documento y el link

===Tareas===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::7]]
| ?Alumnos
| format = ol
}}

====Entrega de Tareas====

'''Antonia Gallardo'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.29.35.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.29.53.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.30.06.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.30.16.png|400px]]

'''Dominique Gago'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.35.03.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.34.58.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.34.48.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.34.42.png|400px]]

'''Roberta Durán'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.37.17.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.37.10.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.37.02.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.36.56.png|400px]]

'''Rocío Castillo'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.38.40.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.38.34.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.38.27.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.38.19.png|400px]]

[[File:Captura de pantalla 2020-07-20 a la(s) 18.38.08.png|400px]]

==Investigación con usuarios==

* Investigación con usuarios v/s de mercado
* Encuestas en línea
* Entrevistas con usuarios
* Etnografía
* Escenarios de usos


{{#widget:Google Presentation|docid = 18A_fV3d-ZSiV3F8JwC3qzutvaytdU53Ywodi2KqYJKc}}

==Ideación UX (1)==
* Mapas de Experiencia
* Storyboard
* Arquitectura de la Información (Introducción)

{{#widget:Google Presentation|docid = 1aaXBcE2GbJ1t1mpGoY6eQUB5E8_QihI2INv79eKYVtU}}


===Tarea Nº8===
Tomando como base del semestre el brief Chelenko:
* Define herramientas de trabajo para ejecutar un Mapa del Viaje del Clientes (CjM)
* El viaje por analizar es el proceso que vive un cliente que desea viajar como turista a la zona del Chelenko
* Ejecuta el CJM en la herramienta Smaply de uso gratuito. www.smaply.com

'''Entregable'''
Publicar en la Wiki
* Los fundamentos, decisiones y soporte de las herramientas usadas para escuchar a los usuarios
* El mapa debidamente comentado tanto el procesos como los resultados y sugerencias que alimentan la hipótesis de Diseño que aplicarás

===Tareas===
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::8]]
| ?Alumnos
| format = ol
}}

====Entrega de Tareas====

'''Antonia Gallardo'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.42.50.png|1040px]]

'''Dominique Gago'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.45.56.png|1040px]]

'''Rocío Castillo'''

[[File:Captura de pantalla 2020-07-20 a la(s) 18.54.46.png|1040px]]

==Ideación UX (2)==
* Arquitectura de la Información (Ai)
** Elementos de la Ai
*** Etiquetado
*** Taxonomía
*** Estructura
** Etiquetado
*** Card sorting
** Taxonomía
*** Tree testing
** Estructura
*** Mapa de navegación

{{#widget:Google Presentation|docid = 1u4_D-WxR4bm7oufO5ttQ-9PELc6ifYdzSxgRFy-ZwLc}}

==Ideación UX (3)==
* Diseño de Interacción UX
** Mapas de Clases
** Wireframes
** Test de prototipos con usuarios

{{#widget:Google Presentation|docid = 11YA6VGMSrgkQhy4vygVns7Dtlja6zJwDJ1cGdjU7G4M}}

[https://drive.google.com/drive/folders/1VyTq9v_p8mLtgFXfjqHs7mHELXUW-r9D?usp=sharing Vídeo de la clase Nº9]

=Examen=
* Nombre del Proyecto: “Educación Remota”
* Encargo: diseñar un servicio de educación universitaria, remoto, de características sincrónica y/o asincrónica 
* [https://docs.google.com/document/d/1G_TZdbhseBPPzzbw5LoaKx4Evt30VO-kWmRhTkXP-9E/edit?usp=sharing Brief]

==Resumen del brief==
Se debe trabajar en '''pensar, diseñar y construir nuevos sistemas y servicios para el devenir universitario futuro''' ya que las metodologías de enseñanza sincrónica y presencial están impedidas de desarrollarse por el distanciamiento social, la falta de infraestructura y mecanismos claros para la continuidad de las enseñanzas universitarias.

Diseñar un servicio de educación universitario para tiempos de distanciamiento social que reconozca desde los usuarios las nuevas realidades, herramientas y sistemas que permitan construir una nueva Universidad, entendiendo la misma como el lugar donde se produce la disrrupción necesaria para el avance del conocimiento, las metodologías y desarrollo de nuevas herramientas (de todo tipo).

==Entrega del proyecto==
* Fecha: jueves 18 de junio, 12:00 hrs. (medio día)
* Formato: archivos y documentación digitales, respaldados en [https://drive.google.com/drive/folders/1QpXR9f8uSSGSMEPmhFexAwqkhDzCoJ37?usp=sharing Drive del Ramo]
* Publicación en la Wiki del Ramo. En la Wiki, sección Examen:
** Nombre de la alumna
** Taller
** Resumen de su proyecto
** Link a la publicación en SU pantalla personal de Wiki de todo el proyecto y que incluyen las siguientes secciones:
** Resumen
** Solución conceptual propuesta
** Estudios, investigación y test
** Arquitectura de la Información

==Evaluación==
Se evalúa el cumplimiento de los plazos, formas exigidas de presentación, como también el desarrollo, partes y elementos realizados para el Diseño del servicio
..

==Exámenes==
{{#ask: [[Categoría:Tarea]] [[Cursos Relacionados::{{PAGENAME}}]] [[Número::9]]
| ?Alumnos
| format = ol
}}