U p h o l d
DISEÑO UX / DISEÑO UI
Uphold será una app que proporcione mentorías a personas que lo requieran en el ámbito de tecnología, su principal objetivo son los usuarios recién egresados de la carrera universitaria y que se encuentran con problemas al encontrar su primer trabajo.

**El presente caso de estudio fue desarrollado durante el certificado profesional de Diseño de Experiencia del Usuario (UX) de Google, por lo que es un caso ficticio, sin embargo los estudios y diseños que a continuación se presentan son reales.
Fecha
Enero 2024 - Febrero 2024

Rol
Diseñadora UX/UI

Curso / Certificado profesional
Diseño de Experiencia del Usuario (UX) de Google

Responsabilidades
Investigación de usuario, realización de entrevistas, wireframing en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad e iteración de diseños.
____
Problema.
La necesidad de orientación en herramientas de tecnología y habilidades blandas para las personas recién egresadas de universidad.

____
Objetivo.
Diseñar un sitio web que proporcione mentorías en tecnología multiplataforma destinado a universitarios recién graduados y gente interesada en aprender.
____
Entendiendo al usuario.​​​​​​​
Investigación del usuario.

Use la encuesta como método de investigación, construí mapas de empatía para comprender a mi usuario objetivo y conocer sus necesidades. Un grupo de usuarios que se identificaron fueron personas recién egresadas de la universidad que aún no se sienten preparados para trabajar y egresados que aún no encuentran trabajo.
Declaración del problema / Personas.

Persona 1
Ricardo es un recién egresado de la universidad, que necesita tener mentores que lo guíen en herramientas para conseguir su primer trabajo.

**Por fines prácticos a continuación solo se presentaran datos de la Persona 1
Mapa de recorrido del usuario.

Al realizar el mapa de recorrido del usuario nos basamos en una auditoría competitiva que fue elaborada previamente, con la finalidad de conocer las posibles actividades que el usuario hace y cómo es su experiencia durante todo el proceso.
Mapa del sitio.

Se trató de pensar en las posibles pantallas que tendrá la app así como la información que contendrá, basándonos en la investigación previamente realizada, se propuso lo siguiente.
____
Comenzando el diseño.
Ideación (Crazy Eights).

Se realizó un ejercicio de ideación llamado crazy eights para que surgieran algunas ideas de las posibles soluciones para comenzar a diseñar la app.
Esquemas de página en papel.

Se diseñaron cuatro pantallas que brindan el acceso al flujo desde cualquier sitio de la app.
Esquemas de página en digital.
(Móvil)

Después de realizar los diseños de los esquemas de página en papel, los pasé a modo digital tratando de plasmar lo más neutral y sin entrar en detalles.
Inicie con una página de inicio que contenga una vista hacia los cursos disponibles y en la parte inferior la barra de navegación, también contiene un espacio que invita al usuario a conocer más sobre la app.
Prototipo de baja fidelidad (Lo-fi).
(Móvil)

Se creó un prototipo de baja fidelidad usando los esquemas digitales.
En este prototipo de baja fidelidad se implementaron algunos iconos y títulos más específicos, al igual que un flujo de usuario algo accesible.
Vista al prototipo.
Estudio de usabilidad: Conclusiones.

Se realizaron dos estudios de usabilidad, en el primero se evaluó el prototipo de baja fidelidad y en el segundo el prototipo de alta fidelidad, algunos de los temas principales obtenidos a partir de los estudios son los siguientes.
____
Refinando el diseño
Maquetas (Mockups).
(Móvil)

De acuerdo con el feedback recibido se cambiaron los botones de la parte superior, al igual que, el diseño de la barra de navegación, se agregaron imágenes de acuerdo al curso, los iconos se cambiaron, se añadieron los colores de la marca y algunas fuentes se cambiaron de acuerdo a la jerarquía del texto.
Variaciones de tamaño de maquetas (Mockups).
(Tablet / Computadora)

Para este trabajo se diseñaron dos variaciones de la pantalla de inicio, la primera es una pantalla de tablet y la segunda es de computadora.
La finalidad de esta parte del proyecto es hacer diseños adaptables para distintos tamaños de pantallas. 
Prototipo de alta fidelidad (Hi-fi).

El prototipo de alta fidelidad muestra el flujo de usuario que va desde iniciar sesión / crear cuenta hasta descargar clases de un curso.
Se agregaron más pantallas a comparación de un principio, como perfil del usuario, inicio de sesión y creación de cuenta.
Vista al prototipo.
Consideraciones de accesibilidad.
____
conclusiones.
- Impacto: 
El sitio web de Uphold ayuda a los usuarios que recién egresaron a adquirir conocimientos sobre tecnología y cómo buscar trabajo.

- Qué aprendí:
Aprendí mucho sobre la investigación de los usuarios, a comprender la problemática y pensar en maneras en las que los diseños los pueden ayudar.
Uphold
Published:

Uphold

Published: