Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Copia de Google UX Design Certificate - Caso de Estudio - Learn Today
Copia de Google UX Design Certificate - Caso de Estudio - Learn Today
el menú de ‘Biergarten’
una cervecería al aire libre
1
Descripción del proyecto
El producto:
Biergarten es una cervecería al aire libre de la Patagonia
creada de manera hipotética para este proyecto. Esta
cervecería ofrece diferentes productos además de
cerveza artesanal de origen y producción propia.
Biergarten se dirige a personas que quieran disfrutar
del aire fresco en su jardín nativo, cerveza fría y comida,
apuntando a un público amplio desde jóvenes a
diferentes trabajadores.
El problema: La meta:
Los menús digitales suelen ser desordenados, Poder desarrollar una app de un menú
poco intuitivos, no contienen información de intuitivo, fácil de usar, ordenado, con
los productos (ingredientes y cocción) y no información incluida de los productos y que
muestran los productos que no están muestre la disponibilidad de los productos en
disponibles en el momento. tiempo real y se pueda ordenar desde la
misma app.
Descripción del proyecto
Mi Rol: Responsabilidades:
Diseñadora UX diseñando una aplicación para Realización de entrevistas, cableado en papel y
Biergarten desde la concepción hasta la digital, creación de prototipos de baja y alta
entrega de sus productos. fidelidad, realización de estudios de usabilidad,
contabilidad de la accesibilidad e iteración de
diseños.
● Investigación de usuarios
Comprender ● Personas
1 2 3 4
Los usuarios suelen Muchos usuarios Muchas veces los Los usuarios se
tener frustraciones al no encontraron productos de los menús mostraron frustrados
saber de antemano qué inconvenientes ante la no traen información, lo ante las situaciones de
productos no están organización de menús y cuál frustra a los pago al ir en grupos por
disponibles en el su legibilidad. usuarios al no saber qué cuestiones de
momento de pedir. contiene lo que van a organización y división
consumir. de gastos.
Persona: Ricardo
Item de
asistencia al
usuario para
que aprenda a
usar la app.
Esquema digital Item para
entrar a la
sección del
pedido del
usuario
Link a Figma
Los usuarios ingresarán y a través del
menú pueden seleccionar una
categoría, para luego ver las opciones y
agregar items al pedido. Una vez listo el
pedido proceden a llenar los datos
necesarios, se confirma su pedido y
pueden ver el seguimiento.
Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.
1 Los usuarios necesitan que la función de 1 Los usuarios necesitan poder agregar
pedido grupal sea más fácil e intuitiva. items desde “Mis favoritos”
1 2 3
1 2 3
2
Descripción del proyecto
El producto:
Glow es un sitio web dónde puedes visualizar tutoriales
de maquillaje. Glow apunta a todas las personas que
quieran aprender sobre el mundo del maquillaje, ya
sean expertos o principiantes.
El problema: La meta:
Los aficionados y profesionales requieren Diseñar un sitio web para Glow que permita a
conocer el paso a paso de como realizar los usuarios visualizar tutoriales de maquillaje
maquillajes para determinadas ocasiones. El de forma fácil e intuitiva.
mundo del maquillaje cambia constantemente y
siempre hay nuevas tendencias que aprender.
Descripción del proyecto
Mi Rol: Responsabilidades:
Diseñadora UX Realización de entrevistas, cableado en papel y
digital, creación de prototipos de baja y alta
fidelidad, realización de estudios de usabilidad,
contabilidad de la accesibilidad e iteración de
diseños.
● Investigación de usuarios
Comprender ● Personas
1 2 3 4
Los usuarios suelen Muchos usuarios sin Si el usuario desconoce Los usuarios se
tener frustraciones al no conocimiento previo al profesional del tutorial mostraron frustrados
saber de antemano qué encontraron se produce cierta ante ciertos momentos
productos se utilizan en inconvenientes al seguir desconfianza. dónde no poseen mucho
los videos. videos tutoriales. tiempo para mirar
videos extensos.
Persona: Cristian
Esquema digital
Categorías divididas y
organizadas para que el
usuario pueda encontrar
En esta etapa del proceso, lo que busca de manera
efectiva y sencilla entre
puede establecer de mejor videos, listas de
reproducción y shorts.
forma el sitio web para que
los usuarios mantengan
una experiencia intuitiva y
de un fácil uso.
Barra de
Filtros de navegación
búsqueda lateral.
Esquema digital Barra con
llamadas a la
acción en relación
al tutorial.
Link a Figma
Los usuarios ingresarán y a través del
inicio pueden seleccionar un video, una
lista de reproducción o un short para
visualizar o bien buscar un video desde
el buscador o filtrar opciones.
Estudio de usabilidad: hallazgos
Realicé 2 rondas de estudios de usabilidad y estos fueron mis hallazgos.
1 Los usuarios necesitan que la función de 1 Los usuarios necesitan visualizar en qué
búsqueda sea fácil de utilizar. sección de la página se encuentran de
forma más evidente.
2 Los usuarios necesitan filtrar diferentes 2 Los usuarios requieren visualizar la
opciones en el inicio de una forma más certificación de los profesionales para
sencilla. asegurarse de su capacitación.
Refinando ● Mockups
● Prototipo de alta fidelidad
El diseño ● Accesibilidad
Mockups
En estas imágenes podemos visualizar cómo a partir del estudio de usabilidad del prototipo de baja fidelidad se
mejoró la barra de navegación lateral para que tenga una mejor visibilidad y se ajustó el filtro de busqueda.
1 2 3
1 2 3
3
Descripción del proyecto
El producto:
Learn Today es una herramienta multiplataforma de
ayuda para jóvenes adultos que buscan aprender
idiomas.
El problema: La meta:
Hoy en día muchos jóvenes adultos requieren Diseñar una app y un sitio web responsive para
aprender nuevos idiomas, ya sea para viajar y Learn Today que permita a los usuarios a
realizar turismo o trabajar. realizar diferentes cursos de idiomas con
profesores de lenguaje y realizar examenes.
Descripción del proyecto
Mi Rol: Responsabilidades:
Diseñadora UX Realización de entrevistas, cableado en papel y
digital, creación de prototipos de baja y alta
fidelidad, realización de estudios de usabilidad,
contabilidad de la accesibilidad e iteración de
diseños.
● Investigación de usuarios
Comprender ● Personas
1 2 3 4
Los usuarios suelen Muchos usuarios sin Si el usuario desconoce Los usuarios se
tener frustraciones al no conocimiento previo al profesional se mostraron frustrados, ya
saber de antemano encontraron produce cierta que necesitan cursar en
cómo navegar en este inconvenientes al seguir desconfianza. sus tiempos libres y a su
tipo de plataformas. material pesado. propio ritmo.
Persona: Gustavo
Esquema digital
Barra de
navegación
Esquema digital
Visualización del
resultado de busqueda
Low-fidelity prototype
Link a Figma
Los usuarios ingresarán y a través del
inicio pueden seleccionar un curso para
luego inscribirse y completar el proceso
de inscripción. Luego de eso pueden
empezar a cursar en la sección de “mis
cursos”. Además pueden realizar una
busqueda.
Estudio de usabilidad: hallazgos
Realicé 2 rondas de estudios de usabilidad y estos fueron mis hallazgos.
1 Los usuarios necesitan que la función de 1 Los usuarios necesitan visualizar y filtrar
búsqueda sea fácil de utilizar. en los resultados los diferentes niveles
del idioma.
2 Los usuarios necesitan filtrar diferentes 2 Los usuarios necesitan que los botones
opciones en la sección de búsqueda. destaquen más
Refinando ● Mockups
● Prototipo de alta fidelidad
El diseño ● Accesibilidad
Mockups
En estas imágenes podemos visualizar cómo a partir del estudio de usabilidad del prototipo de baja fidelidad se
mejoró la visibilidad de los botones, creando un contraste con los fondos del título.
1 2 3
1 2 3