Made by Sonia Sayago, Julissa H. & Maria Cris T.
Social Network project
- 1. Resumen del proyecto
- 2. Definición del producto
- 3. Historias de usuario
- 4. Diseño de Interfaz de Usuario
- 5. Test de usabilidad
El presente proyecto, Izychoice, es una Red social destinada a jóvenes en búsqueda de orientación vocacional interesadas en compartir sus experiencias de reflexión sobre su vacación y sobre su proyecto de vida, y a identificar las opciones de estudio, financiamiento que más se puede adaptar a su perfil. Consideramos que las comunidades y el networking de jóvenes que buscan informarse sobre las carreras, y el mundo laboral. Así podrán contactarse con jóvenes con las mismas dudas y pasiones & buscar soluciones y orientación en conjunto. Podrán formar comunidades donde puedan compartir, tips, recomendaciones, oportunidades de becas y demás que puedan ser de utilidad para otros jóvenes que están definiendo una de las decisiones más importantes de sus vidas. Esta red social te permitirá crear una cuenta de acceso y loguearse con ella; crear, editar, borrar, comentar y dar "me gusta" publicacciones, todo de forma dinámica.
Este aplicativo web busca solucionar 3 insigth importantes:
* 1. La información existe ¿Pero cómo acceden a ella?
* 2. Ante la pregunta: "¿qué vas a estudiar?" surge una decisión poco reflexiva..
* 3. A los jóvenes les cuesta contactar con instituciones educativas, organizaciones de orientación vocacional, organizaciones que ofrecenbecas e instituciones de financiamiento estudiantil. Les cuesta conseguir información sobre oportunidades post colegio.
IzyChoice nace inspirada en las redes sociales actuales, tales como Instagram, Facebook, Twitch, Linkedin, etc. Estas redes sociales han invadido nuestras vidas, aunque muchos la amamos u odiamos, hay otros que no podemos vivir sin ellas.
Es por ello, que decidimos crear una red social destinada a un objetivo en común, **ayudar a más jóvenes a **. Las redes sociales ya mencionadas, se concentran en captar personas con diferentes intereses. Es por ello, que la red social que hemos realizado se centra en un público usuario que quiera compartir sus experiencias de búsqueda vocacional o motivar a otros usuarios a buscar alternativas de financiamiento estudiantil mediante becas o créditos estudiantiles.
El proyecto se basó en un sistema de cuentas de usuario, siendo lo que las redes sociales actuales utilizan para garantizar la seguridad y la organización en un sistema con muchos usuarios. Ajustándonos a los requerimientos, contamos con las siguientes secciones:
- Log in
- Registro
- Recuperar contraseña dónde el usuario podrá recuperar su contraseña
- Comunidad dónde el usuario podrá crear, editar, comentar eliminar y reaccionar (Like ) publicaciones tanto suyas como de otros usuarios
- Perfil que es el perfil del usuario y dónde verá sus propias publicaciones, sean públicas o privadas y también editarlas, y
- Log out con el que cerrará sesión.
Las siguientes historias de usuario se han organizado de acuerdo a órdenes de prioridad, siendo 1 el más importante.
1- Como usuario nuevo debo poder crear una cuenta con email y password válidos para ingresar
a la red social.
2- Como usuario nuevo debo poder iniciar sesión con mi cuenta de Google para ingresar a la red social (sin necesidad de crear una cuenta de email válido).
3- Como usuario registrado debo poder iniciar sesión con email y password válidos para ingresar
a la red social.
4- Yo como usuario loggeado debo poder visualizar los datos de mi perfil creado y editarlos para actualizar mi información.
5- Como usuario loggeado debo poder crear, guardar, modificar en el mismo lugar (in place) y eliminar una publicación (post) privada o pública, que puede ser una frase o una imagen.
6- Como usuario loggeado debo poder ver todos los posts públicos y privados que he creado hasta ese momento, desde el más reciente hasta el más antiguo, así como la opción de poder cambiar la configuración de privacidad de mis posts para poder elegir la privacidad de mis publicaciones.
7- Yo como usuario loggeado, puedo dar like y llevar un conteo de likes en las publicaciones para poder indicar que me gusta una publicación.
8- Yo como usuario loggeado debo poder escribir, guardar, editar o eliminar un comentario en una publicación para poder compartir mi opinión o hacer preguntas.
A continuación presentamos un layout (diseño) de la vista mobile y desktop de alta fidelidad en Figma.
-
Vista mobile
![mobile]("https://github.com/SoniaSayago/LIM014-social-network/blob/Sonia/src/img/readme/mobile.png">
) -
Vista Desktop
Gracias al Feedback recibido por parte de nuestros usuarios, compañeras y coaches, pudimos iterar varias veces antes de llegar a nuestra versión final. Tomándose en cuenta principalmente: