Está en la página 1de 117

¡Les damos la

bienvenida!
¿Comenzamos?
Esta clase va a ser
grabada
DISEÑO UX-UI Semana #3

Clase en vivo
¿Comenzamos?
Semana 3. Diseño UX-UI

Definir: User persona y


benchmarking
Roadmap
Inicio: semana
de bienvenida
1 2 3 4

Meta: entrega de
Proyecto Final
✓ Lorem ipsum dolor sit amet

✓ Lorem ipsum dolor sit amet


10 5
✓ Lorem ipsum dolor sit amet

✓ Lorem ipsum dolor sit amet

9 8 7 6
Objetivos de la clase
Identificar al usuario. Responder la pregunta ¿Para quienes
estamos haciendo lo que estamos haciendo?

Interiorizar el concepto de persona como parte del diseño


de experiencia de usuario.

Entender la importancia del benchmarking para el producto.


Comprender qué es y cuales son las disciplinas que integran
al UX.

Comprender la importancia de las entrevistas con usuarios


y los métodos principales para realizarlas.

Poner en práctica una entrevista piloto, y organizar


las entrevistas para validar la necesidad puntual de
mi usuario.
INTERACCIONES EN CLASES EN VIVO

Espacios para
consultas
. Recuerda durante la dinámica de cada clase se
abrirán breves espacios de consulta. Allí puedes
escribir en el chat tu pregunta.

¡Tu duda puede ayudar a otras personas!


No olvides seleccionar “todos” para que todos
puedan leerte.
INTERACCIONES EN CLASES EN VIVO

Funcionalidades
Para evitar saturar el chat de mensajes, Por ejemplo: si se pregunta si se
utiliza los signos que figuran en el apartado escucha correctamente, debes
Participantes, dentro de Zoom.** seleccionar la opción “Sí” o “No”.

**Para quitar el signo, presiona el mismo botón nuevamente o la opción “clear all”.
Puesta en común
microdesafío
¡Vamos a recuperar lo trabajado durante la semana!

Duración: 10 minutos.
PUESTA EN COMÚN - MICRODESAFÍO

Armando la
userpersona
Descripción de la actividad.

Describí cómo sería la user persona de tercera edad


que utiliza dispositivos por primera vez, en pandemia.
Pensá y nombra fortalezas, debilidades, datos
demográficos y conocimientos tecnológicos.

Tiempo 15 min.
RESULTADOS - MICRODESAFÍO

Practicando con
userperona
¿Qué aprendimos?

Identificar cuales son las características que componen


una userpersona.
Presentación del
tema
SEMANA N°3

Glosario
Persona: No es más que un individuo ficticio, Empatizar: Primera etapa de la metodología
creado para describir un usuario específico. Design Thinking o Pensamiento de diseño. En
No son personas reales, son modelos de esta instancia, el objetivo es conocer en
personas que actúan en representación de profundidad a nuestros usuarios, ¿qué
aquellas, durante todo el proceso de diseño. motivaciones y frustraciones tiene?.

Mapa de empatía: Se trata de una


herramienta que nos guía en la tarea de
ponernos en el lugar del usuario.
�� �� �� MATERIAL PRE-GRABADO

Recuperamos los
temas vistos
● User persona
● Entrevistas
● Mapa de empatía
● Benchmarking
Personas
Usuario Persona
Competencias
Consumos culturales
Hábitos y costumbres
Modelos mentales
Contexto + situación
PERSONAS

Características
✔ A pesar de que son imaginarios, se definen con rigor
y precisión.
✔ Ante la imposibilidad de hablar con cada usuario
final, el “modelo persona” permite tener una
representación concreta de los usuarios finales.
Conozcamos a Carlos y Ozzy
Príncipe Carlos Ozzy Osbourne
Nació en 1948. Nació en 1948.
Creció en Inglaterra. Creció en Inglaterra.
Se casó dos veces. Se casó dos veces.
Tiene 2 hijos. Tiene 2 hijos.
Millonario. Millonario.
Le gustan los perros. Le gustan los perros.
¿Son iguales?
Construir personas no es diseñarlas según
su información demográfica.
User persona Proto persona
Una user persona ya está basada La proto-persona se basa en
en evidencia (mediante entrevistas suposiciones (como hipótesis)
por ejemplo).
Vamos a ver su
anatomía
Cuerpo de la ficha

Bloque 1: sobre el usuario


Intro Pequeña biografía que defina el entorno
Foto - Nombre y apellido (entre 50 y 60 palabras).
Profesión - Tipo de usuario
Frase identificatoria Bloque 2: objetivos y metas del usuario
¿Qué busca lograr? ¿Qué objetivos tiene?
Detallar por lo menos 3 metas
relacionadas con el proyecto.

Datos demográficos Bloque 3: frustraciones y


Ciudad - Edad - Sexo motivaciones del usuario
Lugar geográfico
¿Qué motivaciones relacionadas con el
Costumbres/intereses
proyecto tiene el usuario? ¿Qué
frustraciones actuales tiene el usuario?
Detallar por lo menos 3 motivaciones y 3
frustraciones.

Bloque 4: habilidades
Nuevas tecnologías, Internet, softwares,
dispositivos móviles. Se sugiere usar una
Justificación de elección escala del 1 al 5, donde 1 es nada y 5 es
Objetivo: argumentar por qué son mucho.
afines al proyecto.
Ejemplo en vivo

User persona e idea de solución


Relación entre la ficha de persona y una idea
de proyecto.

Duración: 10 a 15 minutos
ACTIVIDAD COLABORATIVA

1
ACTIVIDAD COLABORATIVA

2
Para pensar
Si tuviera que encontrar personas reales para
entrevistar, basándome únicamente en los
datos demográficos, ¿estaría por buen camino?

¿Si o no?
Contesta la encuesta de Zoom
Vamos armar una ficha
de persona en vivo
Ejemplo en vivo

Armando una ficha de persona

Paso a paso
EJEMPLO EN VIVO

Ficha de persona
Caso testigo
Viaja y siéntete como en casa: alojamientos de mediano
plazo a bajo costo.

Para desarrollar estas actividades (ejemplo en vivo),


usaremos un caso testigo. En esta ocasión, se trata de
un proyecto relacionado con el alquiler de alojamientos
para viajeros.

Vamos a definir el problema, el objetivo y la solución.


EJEMPLO EN VIVO

Problema: ¿cuál es la hipótesis?


Hoy en día, con las tecnologías, el trabajo freelance, la
facilitación de los transportes, la globalización en sí,
existe un grupo cada vez mayor de personas que
necesita alquilar residencias temporales.

Los servicios disponibles hoy en día, están pensados


para estadías de quienes viajan por poco tiempo (como
Airbnb o Booking), o para estadías a largo plazo (como
ZonaProp). Ninguna está pensada para mediano plazo.
EJEMPLO EN VIVO

Objetivo: ¿qué buscamos?

Dar una opción intermedia, tanto para los que necesitan


alquilar, como para quienes tienen una propiedad para
alquilar.
EJEMPLO EN VIVO

Solución: ¿qué proponemos?


Solución para el que desea alquilar: Solución para el que tiene una propiedad para
alquilar:
✔ Opción más barata de alquiler. ✔ Mayor seguridad de ingresos, por una mayor
✔ Compromiso por menos tiempo. ocupación.

✔ A cambio, se le exige un alquiler mínimo ✔ Menor tiempo invertido en limpieza u


de un mes, y máximo de 6. ocuparse de alquilarlo.
✔ A cambio, se le exige que baje el precio de
su alquiler.
EJEMPLO EN VIVO

Armado de la ficha
Iremos desarrollando cada una de las partes más
importantes del armado de la ficha de persona:

✔ Introducción
✔ Datos demográficos
✔ Justificación
✔ Motivaciones y frustraciones
✔ Metas y objetivos, entre otros.
EJEMPLO EN VIVO
EJEMPLO EN VIVO
Santiago
EJEMPLO EN VIVO
Freelancer

Tipo de Usuario:
Quiere alquilar.
Santiago
EJEMPLO EN VIVO
Freelancer

Tipo de Usuario:
Quiere alquilar.

"Me siento atado. Me gustaría viajar mientras trabajo


freelance y así conocer nuevas culturas y potenciales
contactos o clientes."
Santiago
EJEMPLO EN VIVO
Freelancer

Tipo de Usuario:
Quiere alquilar.

"Me siento atado. Me gustaría viajar mientras trabajo


freelance y así conocer nuevas culturas y potenciales
contactos o clientes."

Género: Estado Civil:


Masculino Soltero

Edad: Ciudad: Argentino con residencia


30 años europea
Santiago Sobre Santiago
EJEMPLO EN VIVO
Freelancer Bio: Santiago quiere aprovechar que es freelancer y viajar de lugar en lugar, pero
no le gusta mudarse todas las semanas. Prefiere hacer base en un lugar por unos
Tipo de Usuario: meses para trabajar ahí e ir visitando en sus tiempos libres. Le gustaría conseguir
Quiere alquilar. clientes de otros países viajando.

"Me siento atado. Me gustaría viajar mientras trabajo Objetivos y Metas


freelance y así conocer nuevas culturas y potenciales ● Quiere viajar trabajando (aprovechando que es freelancer)
contactos o clientes." ● Quiere vivir en distintos países y conocer distintas culturas.
● Quiere conocer contactos y clientes nuevos en los países a visitar.

Género: Estado Civil:


Masculino Soltero

Edad: Ciudad: Argentino con residencia


30 años europea
Santiago Sobre Santiago
EJEMPLO EN VIVO
Freelancer Bio: Santiago quiere aprovechar que es freelancer y viajar de lugar en lugar, pero
no le gusta mudarse todas las semanas. Prefiere hacer base en un lugar por unos
Tipo de Usuario: meses para trabajar ahí e ir visitando en sus tiempos libres. Le gustaría conseguir
Quiere alquilar. clientes de otros países viajando.

"Me siento atado. Me gustaría viajar mientras trabajo Objetivos y Metas


freelance y así conocer nuevas culturas y potenciales ● Quiere viajar trabajando (aprovechando que es freelancer)
contactos o clientes." ● Quiere vivir en distintos países y conocer distintas culturas.
● Quiere conocer contactos y clientes nuevos en los países a visitar.

Género: Estado Civil: Motivaciones y Frustraciones


Masculino Soltero Frustraciones
● Su cartera de clientes es muy
Edad: Ciudad: Argentino con residencia pequeña y no logra expandirse por
30 años europea
el resto del mundo.
● No existe ningún servicio que le
facilite alquileres a mediano plazo.
Lo que se consigue es muy costoso.
● Tuvo que alquilar por 2 años porque
era lo que le ofrecía la inmobiliaria, y
se siente atado a un solo lugar.
Santiago Sobre Santiago
EJEMPLO EN VIVO
Freelancer Bio: Santiago quiere aprovechar que es freelancer y viajar de lugar en lugar, pero
no le gusta mudarse todas las semanas. Prefiere hacer base en un lugar por unos
Tipo de Usuario: meses para trabajar ahí e ir visitando en sus tiempos libres. Le gustaría conseguir
Quiere alquilar. clientes de otros países viajando.

"Me siento atado. Me gustaría viajar mientras trabajo Objetivos y Metas


freelance y así conocer nuevas culturas y potenciales ● Quiere viajar trabajando (aprovechando que es freelancer)
contactos o clientes." ● Quiere vivir en distintos países y conocer distintas culturas.
● Quiere conocer contactos y clientes nuevos en los países a visitar.

Género: Estado Civil: Motivaciones y Frustraciones Motivaciones


Masculino Soltero Frustraciones ● Viajar.
● Su cartera de clientes es muy ● Conocer gente nueva,
Edad: Ciudad: Argentino con residencia pequeña y no logra expandirse por compartir experiencias-
30 años europea
el resto del mundo. ● Disfrutar la vida.
● No existe ningún servicio que le
facilite alquileres a mediano plazo.
Lo que se consigue es muy costoso.
● Tuvo que alquilar por 2 años porque
era lo que le ofrecía la inmobiliaria, y
se siente atado a un solo lugar.
Santiago Sobre Santiago
EJEMPLO EN VIVO
Freelancer Bio: Santiago quiere aprovechar que es freelancer y viajar de lugar en lugar, pero
no le gusta mudarse todas las semanas. Prefiere hacer base en un lugar por unos
Tipo de Usuario: meses para trabajar ahí e ir visitando en sus tiempos libres. Le gustaría conseguir
Quiere alquilar. clientes de otros países viajando.

"Me siento atado. Me gustaría viajar mientras trabajo Objetivos y Metas


freelance y así conocer nuevas culturas y potenciales ● Quiere viajar trabajando (aprovechando que es freelancer)
contactos o clientes." ● Quiere vivir en distintos países y conocer distintas culturas.
● Quiere conocer contactos y clientes nuevos en los países a visitar.

Género: Estado Civil: Motivaciones y Frustraciones Motivaciones


Masculino Soltero Frustraciones ● Viajar.
● Su cartera de clientes es muy ● Conocer gente nueva,
Edad: Ciudad: Argentino con residencia pequeña y no logra expandirse por compartir experiencias-
30 años europea
el resto del mundo. ● Disfrutar la vida.
● No existe ningún servicio que le
facilite alquileres a mediano plazo. Habilidades
Lo que se consigue es muy costoso. - Tecnológicas: utiliza la tecnología
● Tuvo que alquilar por 2 años porque tanto para trabajar como para
era lo que le ofrecía la inmobiliaria, y cualquier otra necesidad.
se siente atado a un solo lugar.
Santiago Sobre Santiago
EJEMPLO EN VIVO
Freelancer Bio: Santiago quiere aprovechar que es freelancer y viajar de lugar en lugar, pero
no le gusta mudarse todas las semanas. Prefiere hacer base en un lugar por unos
Tipo de Usuario: meses para trabajar ahí e ir visitando en sus tiempos libres. Le gustaría conseguir
Quiere alquilar. clientes de otros países viajando.

"Me siento atado. Me gustaría viajar mientras trabajo Objetivos y Metas


freelance y así conocer nuevas culturas y potenciales ● Quiere viajar trabajando (aprovechando que es freelancer)
contactos o clientes." ● Quiere vivir en distintos países y conocer distintas culturas.
● Quiere conocer contactos y clientes nuevos en los países a visitar.

Género: Estado Civil: Motivaciones y Frustraciones Motivaciones


Masculino Soltero Frustraciones ● Viajar.
● Su cartera de clientes es muy ● Conocer gente nueva,
Edad: Ciudad: Argentino con residencia pequeña y no logra expandirse por compartir experiencias-
30 años europea
el resto del mundo. ● Disfrutar la vida.
● No existe ningún servicio que le
facilite alquileres a mediano plazo. Habilidades
Es un usuario que por su trabajo quiere encontrar un Lo que se consigue es muy costoso. - Tecnológicas: utiliza la tecnología
alquiler que le permita no tener que mudarse todo el ● Tuvo que alquilar por 2 años porque tanto para trabajar como para
tiempo y por lo tanto no puede hacer lo que querría: era lo que le ofrecía la inmobiliaria, y cualquier otra necesidad.
viajar y trabajar a la par. se siente atado a un solo lugar.
Empatizar
¿Conozco realmente a quienes van a ser mis usuarios?
ACTIVIDAD EN CLASE

Empatizar
Descripción de la actividad:
Pensar en 5 preguntas que le harías a tu usuario en busca de
información que te ayude a validar el problema, las frustraciones y
las motivaciones de tus usuarios.

Formato: podes pensarlas para que te sirvan para el proyecto


final que vas a desarrollar.

Break
¡10 minutos y volvemos!
¿Recuerdan que vimos qué era desktop
research o investigación de escritorio?

Bueno, ahora vamos a


investigar la competencia...
¿Cómo?

G I E
RESEARCH RESEARCH
IDEACIÓN
GENERATIVO EVALUATIVO
Focus groups Brainstorming Pruebas de usabilidad
Entrevistas individuales Workshops Encuestas interactivas
Entrevistas en contexto Sesiones de ideación Mapas de calor
Encuestas Benchmarking Recording sessions
Desktop research Arquitectura de información Card sorting
Mapa de empatía Diagrama de usuarios Análisis de métricas
Observaciones en campo
El lugar en el proceso de diseño

G I E
Research Generativo Ideación Research Evaluativo

MAPEAR BOCETAR DECIDIR PROTOTIPAR TESTEAR


Vamos a continuar esta clase
con “Ideación”
Benchmarking
competitivo
BENCHMARKING

Debemos tener en cuenta:

1 2 3 4

Definir las interfaces a Analizar cada interfaz, Comparar los Elaborar un informe.
comparar: entre 3 y 5. mediante pruebas de resultados.
usabilidad o análisis
heurístico.
Vamos a ver su
anatomía
BENCHMARKING

Página 1

Presentación
Colocar un icono y breve
reseña de las app que
formaron parte del
benchmarking.
BENCHMARKING

Página 2

APP elegidas
Colocar una captura de
las pantallas, para realizar
el benchmarking.

Tabla
El objetivo es analizar la
competencia desde
diferentes puntos. Estos
serán: vocabulario/diseño/
cantidad de pasos.
BENCHMARKING

Página 3

Tabla: cantidad de pasos


Se presentan los ítems a tener en
cuenta para el armado de la tabla. Competencia 1 Competencia 2 Competencia 3
Realizarlo con un mínimo de 3, y un
máximo de 5 aproximadamente.
Cantidad de pasos para
buscar
Se puede analizar más de un camino,
el mismo depende de tu MVP. Cantidad de pasos para
reservar
BENCHMARKING

Página 4

Competencia 1 Competencia 2 Competencia 3


Tabla: vocabulario
Se presentan los ítems a tener
en cuenta para el armado de la Cumple: permite que el usuario
pueda cumplir sus objetivos.
tabla. Realizarlo con un mínimo
de 3, y un máximo de 5 Error menor: si bien es un error,
aproximadamente. permite seguir haciéndolo.

Errores mayores: no permite


operar. El usuario se pierde y no
cumple su objetivo.
BENCHMARKING

Página 5

Competencia 1 Competencia 2 Competencia 3


Tabla: diseño
Se presentan los ítems a tener
en cuenta para el armado de la Limpio: deja aire entre los
elementos, para que visualmente
tabla. Realizarlo con un mínimo no se vea todo muy amontonado.
de 3, y un máximo de 5
Balanceado: la relación entre los
aproximadamente. distintos elementos es equIlibrada,
visualmente lo más importante
ocupa mayor espacio y se lee bien.

Lleno: los elementos no están bien


proporcionados en relación al
espacio, algunos pueden mostrarse
muy grandes, ocupando mal el
espacio.
BENCHMARKING

Página 6 Competencia 1 Competencia 2 Competencia 3

Fortalezas

Resultados
Por último, se deben presentar
los resultados del benchmarking Debilidades
realizado. El objetivo es colocar
fortalezas y debilidades de cada
competencia.
Ejemplo en vivo

Generando un Benchmarking
Antes de empezar, refresquemos cuál es el problema, el
objetivo y la solución.

Paso a paso
EJEMPLO EN VIVO

Problema: ¿cuál es la hipótesis?


Hoy en día, con las tecnologías, el trabajo freelance, la
facilitación de los transportes, la globalización en sí,
existe un grupo cada vez mayor de personas que
necesita alquilar residencias temporales.

Los servicios disponibles hoy en día, están pensados


para estadías de quienes viajan por poco tiempo (como
Airbnb o Booking), o para estadías a largo plazo (como
ZonaProp). Ninguna está pensada para el mediano plazo.
EJEMPLO EN VIVO

Objetivo: ¿qué buscamos?

Dar una opción intermedia, tanto para los que necesitan


alquilar, como para quienes tienen una propiedad para
alquilar.
EJEMPLO EN VIVO

Solución: ¿qué proponemos?


Solución para el que desea alquilar: Solución para el que tiene una propiedad para
alquilar:
✔ Opción más barata de alquiler. ✔ Mayor seguridad de ingresos, por una mayor
✔ Compromiso por menos tiempo. ocupación.

✔ A cambio, se le exige un alquiler mínimo ✔ Menor tiempo invertido en limpieza u


de un mes, y máximo de 6. ocuparse de alquilarlo.
✔ A cambio, se le exige que baje el precio de
su alquiler.
EJEMPLO EN VIVO

Armado del Benchmarking


Iremos desarrollando cada una de las partes más importantes
del armado del documento de benchmarking:
✔ Definiremos los productos competencia
✔ Analizaremos la cantidad de pasos que el usuario debe
realizar para completar la tarea
✔ Analizaremos la ocupación del espacio y el vocabulario.
✔ Por último, sacaremos conclusiones y definiremos las
fortalezas y debilidades.
EJEMPLO EN VIVO

Competencia

Airbnb ZonaProp Booking.com SkyScanner


Plataforma dedicada a la oferta de Alquiler, compra y venta de Agregador de tarifas de Motor de búsqueda
alojamientos a particulares y propiedades en Argentina: viaje y un metabuscador global que compara
turísticos mediante la cual los casas, departamentos, de viajes para reservas de vuelos, hoteles y
anfitriones pueden publicitar y terrenos y otros inmuebles. alojamiento. alquiler de automóviles.
contratar el arriendo de sus
App con funcionalidad
propiedades con sus huéspedes
similar
EJEMPLO EN VIVO
Airbnb ZonaProp Booking.com SkyScanner
Usabilidad/ Cantidad
de pasos para buscar
y reservar
EJEMPLO EN VIVO
Airbnb ZonaProp Booking.com SkyScanner
Usabilidad/ Cantidad
de pasos para buscar
y reservar

Airbnb ZonaProp Booking.com SkyScanner

Cantidad de Pasos
para Buscar
1 1 3 3

Cantidad de Pasos Debes hacerlo por fuera de la Debes hacerlo por fuera de la
3 3
para Reservar plataforma plataforma
EJEMPLO EN VIVO
Airbnb ZonaProp Booking.com SkyScanner
Usabilidad/ Cantidad
de pasos para buscar
y reservar

Airbnb ZonaProp Booking.com SkyScanner

Cantidad de Pasos
para Buscar
1 1 3 3

Cantidad de Pasos Debes hacerlo por fuera de la Debes hacerlo por fuera de la
3 3
para Reservar plataforma plataforma
EJEMPLO EN VIVO Airbnb ZonaProp Booking.com SkyScanner

Usabilidad/
vocabulario

Airbnb ZonaProp Booking.com SkyScanner

Directa, humana y explicativa.


Directa, humana, personalizada y
Cumple: permite que el usuario Navegación intuitiva, con
explicativa. Intuitiva, didáctica, con
pueda cumplir sus objetivos. categorías bien diferenciadas.
categorías bien diferenciadas. Muy
sencilla de usar.

Mensajes genéricos e información


desorganizada. Navegación confusa.
Error menor: si bien es un error, permite seguir
Saturación de información y
haciéndolo. dificultad para encontrar lo que se
desea.

Confusa. Faltan explicaciones y


Errores mayores: no permite operar. El usuario se saturación de información.
pierde y no cumple su objetivo. Navegación confusa, con categorías
más o menos diferenciadas
EJEMPLO EN VIVO Airbnb ZonaProp Booking.com SkyScanner

Usabilidad/
vocabulario

Airbnb ZonaProp Booking.com SkyScanner

Directa, humana y explicativa.


Directa, humana, personalizada y
Cumple: permite que el usuario Navegación intuitiva, con
explicativa. Intuitiva, didáctica, con
pueda cumplir sus objetivos. categorías bien diferenciadas.
categorías bien diferenciadas. Muy
sencilla de usar.

Mensajes genéricos e información


desorganizada. Navegación confusa.
Error menor: si bien es un error, permite seguir
Saturación de información y
haciéndolo. dificultad para encontrar lo que se
desea.

Confusa. Faltan explicaciones y


Errores mayores: no permite operar. El usuario se saturación de información.
pierde y no cumple su objetivo. Navegación confusa, con categorías
más o menos diferenciadas
EJEMPLO EN VIVO Airbnb ZonaProp Booking.com SkyScanner

Usabilidad / Diseño:
ocupación del espacio

Airbnb ZonaProp Booking.com SkyScanner

Accesible, intuitiva y con filtros


Accesible pero se le da poca
Limpio: deja aire entre los elementos, para que para búsqueda de ofertas muy
importancia. Listado
visualmente no se vea todo muy amontonado. interesantes. Listado equilibrado.
equilibrado. 5 íconos
4 Íconos

Accesible e intuitiva.
Balanceado: la relación entre los distintos elementos es
Saturación de
equIlibrada, visualmente lo más importante ocupa
información. Menú
mayor espacio, y se lee bien.
Hamburguesa

Saturación de íconos y filtros.


Confuso: tiene en el menú un ícono
Lleno: Los elementos no están bien proporcionados en
de buscar y otro que es el del
relación al espacio, algunos pueden mostrarse muy
inicio que te tira ya resultados
grandes ocupando mal el espacio.
buscados. Listado de difícil lectura.
4 íconos
EJEMPLO EN VIVO Airbnb ZonaProp Booking.com SkyScanner

Usabilidad / Diseño:
ocupación del espacio

Airbnb ZonaProp Booking.com SkyScanner

Accesible, intuitiva y con filtros


Accesible pero se le da poca
Limpio: deja aire entre los elementos, para que para búsqueda de ofertas muy
importancia. Listado
visualmente no se vea todo muy amontonado. interesantes. Listado equilibrado.
equilibrado. 5 íconos
4 Íconos

Accesible e intuitiva.
Balanceado: la relación entre los distintos elementos es
Saturación de
equIlibrada, visualmente lo más importante ocupa
información. Menú
mayor espacio, y se lee bien.
Hamburguesa

Saturación de íconos y filtros.


Confuso: tiene en el menú un ícono
Lleno: Los elementos no están bien proporcionados en
de buscar y otro que es el del
relación al espacio, algunos pueden mostrarse muy
inicio que te tira ya resultados
grandes ocupando mal el espacio.
buscados. Listado de difícil lectura.
4 íconos
EJEMPLO EN VIVO

Airbnb ZonaProp Booking.com SkyScanner

- Búsqueda rápida con gran variedad de - Búsqueda rápida con gran variedad - Búsqueda rápida con gran variedad - Búsqueda rápida y particular con filtros
filtros. de filtros. de filtros. interesantes para las ofertas.
- Navegación intuitiva. - Permite ordenar los resultados, - Permite ordenar los resultados, - Permite ordenar los resultados, dando al
- Comunicación directa, explicativa y dando al usuario una mejor dando al usuario una mejor usuario una mejor experiencia de
personalizada. experiencia de búsqueda. experiencia de búsqueda. búsqueda.
Fortalezas - Distribución equilibrada de la - Consistencia estética entre - Consistencia estética entre - Navegación intuitiva.
información. pantallas. pantallas. - Comunicación directa y explicativa.
- Consistencia estética entre pantallas. - Distribución equilibrada de la
- íconos, botones e imágenes de fácil información.
lectura - Consistencia estética entre pantallas.
- íconos, botones e imágenes de fácil
lectura

- No permite ordenar los resultados - Debes reservar por fuera de la - Navegación confusa, con categorías - Debes reservar por fuera de la
según las preferencias del usuario. aplicación. más o menos diferenciadas aplicación.
Perjudica la búsqueda. - Navegación confusa - Comunicación Confusa. Faltan
Debilidades - Le da poca importancia a la búsqueda. - Comunicación genérica y explicaciones y saturación de
Le da más jerarquía a las desorganizada información.
recomendaciones. - Saturación de información - Saturación de información
- íconos, botones e imágenes de - íconos, botones e imágenes de
difícil lectura difícil lectura
EJEMPLO EN VIVO

Airbnb ZonaProp Booking.com SkyScanner

- Búsqueda rápida con gran variedad de - Búsqueda rápida con gran variedad - Búsqueda rápida con gran variedad - Búsqueda rápida y particular con filtros
filtros. de filtros. de filtros. interesantes para las ofertas.
- Navegación intuitiva. - Permite ordenar los resultados, - Permite ordenar los resultados, - Permite ordenar los resultados, dando al
- Comunicación directa, explicativa y dando al usuario una mejor dando al usuario una mejor usuario una mejor experiencia de
personalizada. experiencia de búsqueda. experiencia de búsqueda. búsqueda.
Fortalezas - Distribución equilibrada de la - Consistencia estética entre - Consistencia estética entre - Navegación intuitiva.
información. pantallas. pantallas. - Comunicación directa y explicativa.
- Consistencia estética entre pantallas. - Distribución equilibrada de la
- íconos, botones e imágenes de fácil información.
lectura - Consistencia estética entre pantallas.
- íconos, botones e imágenes de fácil
lectura

- No permite ordenar los resultados - Debes reservar por fuera de la - Navegación confusa, con categorías - Debes reservar por fuera de la
según las preferencias del usuario. aplicación. más o menos diferenciadas aplicación.
Perjudica la búsqueda. - Navegación confusa - Comunicación Confusa. Faltan
Debilidades - Le da poca importancia a la búsqueda. - Comunicación genérica y explicaciones y saturación de
Le da más jerarquía a las desorganizada información.
recomendaciones. - Saturación de información - Saturación de información
- íconos, botones e imágenes de - íconos, botones e imágenes de
difícil lectura difícil lectura
EJEMPLO EN VIVO

Documento genérico - Benchmarking


Template genérico, con la estructura
para realizar un benchmarking.
Encontrarás un documento en la
carpeta de la clase.
Entrevistas en
profundidad con
usuarios
¿Cómo se organizan?
Debemos tener en cuenta

1 2 3 4 5
Definir Definir perfiles Diseñar el Recolectar Extraer
objetivos de usuarios cuestionario información conclusiones
Entrevistas
Definir 1
objetivos
“Voy a entrevistar para…”
Definir perfiles Ejemplos:
de usuarios
✓ Armar los respectivos user personas*1.
Diseñar el
✓ Conocer la aceptación que podría tener un nuevo
cuestionario
producto
✓ Conocer los gustos y preferencias de los
Recolectar
consumidores
información
✓ Medir la satisfacción/frustración del cliente.
Extraer
conclusiones
Entrevistas
Definir 1
objetivos

✓ Definir con precisión el objetivo general: Es la


Definir perfiles finalidad general de la investigación. No es concreto, ni
de usuarios medible.
✓ Definir los objetivos específicos: Sirven para
Diseñar el concretar el objetivo general Indican lo que se va a
cuestionario realizar en cada etapa. Pueden ser más de 1.

Recolectar
información

Extraer
conclusiones
Entrevistas
Definir 1
objetivos
Determinar si la propuesta de valor del nuevo producto
resuelve las necesidades de los usuarios.
Definir perfiles
de usuarios

Diseñar el ✓ Conocer en profundidad cuáles son las necesidades


cuestionario motivaciones, barreras, escenarios y/o
características de los potenciales usuarios.

Recolectar
información
✓ Validar el MVP de la experiencia de compra mediante
app.
Extraer
conclusiones
Entrevistas
Definir 2
objetivos

¿A quiénes voy a entrevistar?


Definir perfiles
de usuarios La población o universo a estudiar es el conjunto de
personas de las cuales se desea obtener información que
permita, una vez analizada, cumplir con los objetivos de la
Diseñar el encuesta.
cuestionario

Recolectar
información

Extraer
conclusiones
USER PERSONA
Entrevistas
Definir 3
objetivos

El cuestionario de una encuesta debe contener las


Definir perfiles preguntas que permitan obtener la información requerida.
de usuarios

Diseñar el ¿Estaría dispuesto a probar este nuevo producto? ¿Cuánto


cuestionario suele gastar en promedio al comprar productos similares?
¿Con qué frecuencia compra productos similares? ¿Qué
cosas no le gustan de esto?
Recolectar
información

Extraer
conclusiones
Entrevistas
Definir 3
objetivos
Como pauta general, con el cuestionario tenemos que
apuntar a descubrir:
Definir perfiles
de usuarios
✓ ¿Qué piensa y siente de ese producto/servicio?
Diseñar el
✓ ¿Qué cosas escucha y qué cosas ve?
cuestionario
✓ ¿Qué hace y qué dice en relación al producto?
Recolectar ✓ ¿Cuáles son sus frustraciones o problemas?
información
✓ ¿Cuáles son sus necesidades?

Extraer
conclusiones
Veamos su anatomía
DISEÑAR EL CUESTIONARIO
Cuerpo de la entrevista
Bloque 1: Sobre el entrevistado.
Objetivo y target
Importante tenerlos
Objetivo:
siempre en cuenta. Buscamos entender con quién
estamos hablando.

Intro Bloques: Sobre lo que


queremos investigar, para
Agradecimiento.
cumplir el objetivo
Quiénes somos.
Para qué vinimos.
Aclaraciones.

Objetivo: Cierre
Darle al entrevistado Ofrecer una síntesis.
información sobre la Preguntas de observador(es).
actividad, para que Responder dudas del
esté más relajado. entrevistado.
Agradecimiento + incentivo.
Entrevistas
Definir 3
objetivos
Tipos de preguntas
Definir perfiles
de usuarios

Diseñar el
cuestionario

Recolectar
información
Abiertas Cerradas
Extraer
conclusiones
TIPOS DE PREGUNTAS
¿Cómo te llamas?
General
¿Tomaste cerveza el último
mes?
(Pregunta cerrada)

¿A qué cervecería sueles ir?


(Pregunta abierta)

¿Qué te motiva a tomar


cerveza?
(Pregunta abierta)

Particular
¿Por qué? ¿Por qué? ¿Por
qué?
Entrevistas
Definir 4
objetivos

Definir perfiles
de usuarios
Procesar y mapear la información de manera tal
Diseñar el que pueda ser fácilmente analizada.
cuestionario

Recolectar
información

Extraer
conclusiones
Entrevistas
Definir 5
objetivos

Definir perfiles
de usuarios
Generar una lista de conclusiones justificadas, con
Diseñar el los resultados generados.
cuestionario

Recolectar
información

Extraer
conclusiones
Ejemplo en vivo
Veamos el guión de entrevistas disponible en la
carpeta de clases.

Duración: 10 minutos
TEMPLATE

Documento:
Entrevistas
cualitativas
Template genérico con la
estructura de una entrevista
cualitativa. Disponible en la
carpeta de la clase.

Acceder a template
Crear un cuestionario
De manera individual, escriban sus preguntas.

Duración: 10 minutos
ACTIVIDAD EN CLASE

Tu entrevista
cualitativa
Crear un cuestionario.

Tomando la guía como ayuda, desarrolla tus interrogantes a


realizar. Ten presente generar preguntas que inviten a
empatizar con los usuarios, y así obtener respuestas de
valor. Más preguntas abiertas y menos cerradas.
EJEMPLO DE GUIÓN
Actividad colaborativa
Entrevistas
Hacemos una puesta en común. Con algunos
de sus cuestionarios, realizamos entrevistas en
la sala.

Duración: 20 minutos
Te invitamos a que realices
entrevistas con usuarios reales,
y vuelques los resultados en tu
mapa de empatía
Mapa de empatía
Empatizar Definir Idear Prototipar Evaluar

Mapa de empatía
Se trata de una herramienta que nos guía en la tarea
de ponernos en el lugar del usuario. Nos ayuda a
analizar en profundidad toda la información que
tenemos sobre nuestras personas usuarias o clientes.
MAPA DE EMPATÍA

¿Para qué nos sirve el mapa de empatía?


Es una herramienta que nos lleva a preguntarnos
cuáles son las motivaciones y frustraciones de
nuestros usuarios, en pos de que la solución
planteada se acerque lo más posible a resolver el
problema identificado.

🚨 Spoiler alert! También lo usaremos para volcar


los resultados de las entrevistas cualitativas que
haremos la clase que viene.
Empatizar Definir Idear Prototipar Evaluar
MAPA DE
EMPATÍA Qu r
ier
o ntra
qu e sab en c s
ec
o er s No ducto n el
r o
pr bles e o.
tene s san me e i lo El precio de los
ere su o. s da cad
Qui rol de salu ermer productos.
t s. sup
con orario
h

Le importa su Qu
e
salud. y a sus f
mi am
g i
sal os co liares
ud m
os ab a
Co
me Product e le. n
sal alime les que s
saludab
uda n
ble tos cocinen
s. ente.
rápidam
MAPA DE EMPATÍA

Documento /
Mapa de empatía
Template genérico para la creación de
un mapa de empatía, que nos ayudará
a definir a nuestro usuario.

Ver documento
A raíz de las entrevistas, vas a poder iterar tus
proto-personas, para que pasen a estar basadas en
evidencia.
Te compartimos los
siguientes
recomendaciones
RECOMENDACIONES

Recursos
✓ ¿Que es un user persona? l Artículo
✓ How to Conduct User Interviews l Patrick Thornton

✓ Entrevistas (Coderhouse)

✓ Benchmarking | (Coderhouse)

Nota Informativa
✓ How to Conduct User Interviews | Patrick Thornton
RECOMENDACIONES

Lecturas recomendadas
✓ The Essential Persona Lifecycle: Your Guide to Building and Using
Personas. Burlington: Morgan Kaufmann | Adlin, T.; Pruitt, J. (2010)
✓ About Face 3: The Essentials of Interaction Design. Indianapolis: Wiley.
(Capítulo 3) | Cooper, A. et al. (2007), PDF, Libro.
¿Preguntas?
Resumen
de la clase hoy
✓ Comprender la importancia de las ✓ Identificar al usuario. Responder a la pregunta:
entrevistas con usuarios. ¿para quiénes estamos haciendo lo que
estamos haciendo?
✓ Entender los métodos principales para
entrevistar personas. ✓ Interiorizar en el concepto de persona como
parte del diseño de la experiencia de usuario.
✓ Poner en práctica una entrevista piloto, y
organizar las entrevistas para validar la ✓ Entender la importancia del benchmarking para
necesidad puntual de mi usuario. nuestro producto.
¡A tener en cuenta!

Recuerda que, a partir de ahora, tienes


disponible el contenido pregrabado en la
plataforma y que es requisito que lo veas en
forma previa a la próxima clase.
La próxima semana
Los próximos temas que vamos a ver

Contenido Pregrabado Clase en vivo (2h)

✓ Video 4.1 - POV (Definir) ✓ Metodologísa de trabajo


✓ Video 4.2 - Importancia del Storyboard ✓ Profundización en temas
✓ Video 4.3 - Definir MVP ✓ Prácticas sobre los temas vistos
✓ Infografía 4.4 - Cuadro de conceptos
✓ Video 4.5 - Research en UX
✓ Video 4.6 - Arquitectura de la información
✓ Video 4.7 - Pasos para crear un cardstoring
Opina y valora
esta clase
¡Gracias por estudiar
con nosotros! ✨

También podría gustarte