Hay redes sociales de todo tipo y para todo tipo de intereses. El proyecto de MeetArcade pretende la simulación de una Red Social para gamers que buscan encontrar parejas o equipos de juego.
Permite a cualquier usuario crear una cuenta de acceso mediante Gmail y correo electrónico y loguearse con ellas; crear, editar, borrar y "likear" publicacciones.
El objetivo principal de este proyecto fue construir una Single-page Application (SPA) responsive (con más de una vista / página) en la cual se puede leer y escribir datos, almacenamiento de datos mediante firebase y firestore.
Se realizó una rápida investigación en forma de prueba de usabilidad para verificar que la app fuera intuitiva para los usuarios finales, estos fueron algunos de los hallazgos:
Para la pantalla de registro,
- Esta pantalla la nombramos Join Us por la temática de juego shooter, sin embargo se observó que no comprendían el término.
- Tanto la pantalla como los botones se renombraron por register para hacerla más intuitiva.
- El botón de login con gmail de igual forma de dejó al centro de la pantalla.
Para la pantalla de Login,
- Al igual que en la de Join Us, esta se llamaba Shoot in, se cambió el nombre por Login.
- el botón también se renombró como Login.
Se tomaron en cuenta 3 Historias de Usuario principales:
- H.U. 1: Como usuarix de MeetArcade, quiero poder hacer sign up (crear cuenta) en la aplicación por medio de correo electrónico.
- H.U. 2: Como usuarix de MeetArcade, quiero poder LOGIN en la aplicación por medio de correo electrónico y Gmail.
- H.U. 3: Como usuario de MeetArcade quiero poder crear post para compartir lo que estoy pensando, editarlo, borrarlo y dar like a mis amigos.
Basándonos en las historias de usuario, utilizamos la herramienta Figma, para la creación del prototipo de baja fidelidad. Así como para la elaboración de los prototipos de alta fidelidad, en las versiones desktop y móvil.
Durante la creación de la página se mostraron a usuarias los prototipos en sus diferentes etapas para recibir retroalimentación y con base en ella, llegar al producto terminado. Algunas de las recomendaciones fueron:
- Mejorar la distribución de los botones.
- Modificar los textos de los botones de las pantallas de registro.
- Centrar los inputs y textos.
- Mejorar tamaño de las imagenes de usuario.
