- i. Acerca de "Journey Mates"
- ii. Historias de Usuario
- iii. Prototipos
- iv. Consideraciones t茅cnicas UX
- v. Proyectos desplegados
El proyecto "Journey Mates" surge con la finalidad de brindar a las usuarias que disfrutan de viajar y conocer nuevos lugares en Latinoamerica, una red social en la cual, puedan compartir sus experiencias y recomendaciones, y descubrir a trav茅s de las recomendaciones de otras usuarias, nuevos lugares, ciudades y otros sitios de inter茅s.
Las historias de usuario las realizamos en funci贸n de los hallazgos de una investigaci贸n con personas que disfrutan de viajar.
Nuestras Historias de Usuario fueron 7:
- ** HU | Crear Cuenta:** Como viajera, quiero registrarme en JourneyMates para crear un perfil.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
* Al presionar el bot贸n "Registrarme" permite crear una cuenta usando un correo electr贸nico o a trav茅s de gmail.
* Permite crear una contrase帽a de acceso.
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*La p谩gina muestra un bot贸n "Registarme".
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
*La p谩gina muestra un input a trav茅s del cual se puede crear una cuenta usando un correo electr贸nico.
*Se puede crear una contrase帽a para poder acceder a la cuenta.
*Se muestra un error si el correo electr贸nico ya se registr贸 anteriormente.
*Se muestra un error si la contrase帽a no cumple con los requisitos (m铆nimo 6 caracteres).
- HU | Login: Yo como viajera quiero ingresar a mi cuenta de JourneyMates con mi usuario y contrase帽a o con mi cuenta de google para tener acceso a mi perfil.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*La p谩gina permite ingresar a un perfil al momento de iniciar sesi贸n con usuario y contrase帽a.
*La p谩gina muestra un error si la contrase帽a y/o correo son incorrrectos.
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
*Al presionar el bot贸n de "iniciar sesi贸n" te dirige a la p谩gina de Timeline.
*La p谩gina muestra error si el correo ya est谩 registrado o si no es v谩lido.
- HU | Mostrar timeline/home: Yo como viajera quiero ver la p谩gina de timeline para visualizar las publicaciones de mis amigas.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*Se visualizan las publicaciones de las mujeres que est谩n registradas en esa red social.
*Se muestran las publicaciones de la m谩s reciente a la m谩s antigua.
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
- HU | Mostrar perfil: Yo como viajera quiero ver/acceder a mi perfil de Journey Mates para visualizar mi informaci贸n.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*Se visualiza la informaci贸n de la usuaria.
*Se muestra mi foto de perfil.
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
*Se muestra la secci贸n de informaci贸n y contiene foto de perfil e informaci贸n de la persona (nombre, edad, pa铆s).
- HU | Publicar: Yo como viajera quiero publicar recomendaciones de pa铆ses que he visitado para compartirlas con otras usuarias.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*Existe un input para poder agregar mi estado y un bot贸n para publicarlo.
*Se muestra la opci贸n de "publicar".
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
- HU | Editar: Yo como viajera quiero editar mis publicaciones para poder modificar errores o publicaciones/recomendaciones en general.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*Existe un logo/bot贸n para poder editar mis publicaciones.
*Se muestra el input de la publicaci贸n para poder editarlo.
*Se muestra la opci贸n de "publicar".
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
*Puedes editar cada una de tus publicaciones a trav茅s de un logo/bot贸n de editar.
*Tu estado se publica nuevamente y sin recargar la p谩gina se muestra editado.
- HU | Likear: Yo como viajera quiero poder dar y quitar like a las publicaciones para interactuar con otras usuarias.
Criterios de aceptaci贸n:
*La p谩gina tiene que ser responsive.
*Existe un bot贸n/logo que al momento de dar click, muestra un like y cambia de color.
*Se puede quitar el like de la publicaci贸n.
*Existe un conteo de likes.
*Fiel a prototipo.
Definici贸n de terminado:
*Debe ser una SPA.
*El c贸digo pasa los tests necesarios.
*La p谩gina se puede abrir tanto en computadora como en dispositivos m贸viles y es funcional.
*Cada publicaci贸n cuenta con un logo que al momento de darle click, se agrega un like al conteo.
- Prototipo de baja fidelidad
- Prototipo de alta fidelidad
-
Usuaria #1: Como usuaria de Journey Mates, considero que la interfaz es muy amigable. La idea detr谩s de la p谩gina es valiosa, ya que me permite compartir y leer recomendaciones y rese帽as de otros viajeros. Adem谩s, la p谩gina es responsive, lo que significa que puedo abrirla tanto en mi computadora como en mi celular y sigue siendo funcional en ambos dispositivos. La navegaci贸n es clara y f谩cil de seguir, lo que hace que sea sencillo encontrar la informaci贸n que estoy buscando. La interfaz de usuario es atractiva y la disposici贸n de la informaci贸n es clara y legible. En general, estoy muy contenta con la experiencia de usuario en Journey Mates.
-
Usuaria #2: Como usuaria de Journey Mates, me gust贸 especialmente la funcionalidad de dar "like" a las recomendaciones y rese帽as de otros viajeros, ya que me permite destacar aquellas que realmente me gustaron. Adem谩s, los colores elegidos para la p谩gina me parecen adecuados y ayudan a crear una atm贸sfera acogedora y amigable.
Sin embargo, me gustar铆a ver un mapa o im谩genes en la p谩gina para hacerla m谩s atractiva visualmente. Creo que ser铆a una excelente manera de mostrar los diferentes pa铆ses de las recomendaciones que se pueden encontrar en la p谩gina y hacer que sea m谩s f谩cil para las usuarias visualizarlos. En general, estoy muy contenta con la experiencia de usuario en Journey Mates, pero creo que un mapa o im谩genes a帽adir铆an un toque adicional de atractivo visual a la p谩gina.
- 馃捇 Daniela: https://journey-mates.netlify.app/
- 馃捇 Carmen: https://journey-mates.netlify.app/
- 馃捇 Miriam: https://journey-mates.netlify.app/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent