- 1. Resumen del proyecto
- 2. Definición del producto
- 3. Historias de usuari@s
- 4. Prototipo de baja fidelidad
- 5. Prototipo de alta fidelidad
- 6. Planeación
- 7. Despliegue
El siguiente proyecto es una Red Social de recetas sencillas de postres, para todas las personas que quieran consentir a sus familias.
El uso de la aplicación dependera de estar registrado, por lo que es necesario registrarse con correo y contraseña para tener una cuenta de usuario, si se cuenta con un correo de gmail, tambien por este medio se podra ingresar. Una vez dentro puedes escribir tu receta o visualizar las recetas de otros usuari@s en esta hermosa comunidad Bon-Bon.
Bon-Bon es una red social enfocado a las personas que les gusta cocinar postres, tienen tiempo limitado y les guste consentir a sus seres queridos. Aveces necesitamos nuevas ideas o queremos compartir nuestros conocimiento de cocina y Bon-Bon es un espacio donde podemos compartir y crear comunidad entorno a nuestros gustos y tener un lugar donde almacenar nuestras amadas recetas. Bon-Bon se desarrolla en una Single-page Application (SPA), con mas de una vista en la que se puede leer y escribir datos. Cualquier usuario puede crear una cuenta de acceso y loguearse con ella; crear, editar, borrar y likear publicacciones.
Se desarrollaron 9 historias de usuari@ como se presentan a continuación:
Historia de Usuari@ 1
Historia de Usuari@ 2.1
Historia de Usuari@ 2.2
Historia de Usuari@ 3
Historia de Usuari@ 4
Historia de Usuari@ 5
Historia de Usuari@ 6
Historia de Usuari@ 7
Posteriormente se realizo el prototipo de baja fidelidad considerando las historias de l@s usuari@s.
Con los test de usabilidad se fueron modificando los prototipos conforme a los resultados obtenidos. Se realizaron varios prototipos
Se realizaron test de usabilidad en el prototipo de baja fidelidad mediante una encuesta en google forms. La encuesta contenía el prototipo de baja fidelidad y preguntas a este prototipo.
El resultado de la primera encuesta realizada fue:
- Confirmación de eliminar.
- Botones navegar: inicio, cerrar sesión, mi recetario
- ¿Cuáles son los detalles de la receta? ¿Título, descripción?
- Una manera de ver solo mis publicaciones y otra para ver publicaciones de otros que he guardado
- Color de fondo más inclusivo, tanto para mujeres como hombres
- En vez de ingresar: botón iniciar sesión
- Al registrarse añadir antes el mensaje: "si no tienes cuenta"...
- Ingresar también con facebook - Para ingresar con google ser más específicas en la instrucción
- Promesa: recetas fáciles y económicas (poco tiempo y poco dinero). // Poco dinero >> sencillas!
Del resultado del test de usabilidad se realizaron modificaciones para la realización del prototipo de alta fidelidad como se presenta a continuación:
El prototipo de alta fidelidad se presenta en el siguiente link: Prototipo de alta fidelidad
Se realizaron test de usabilidad en el prototipo de alta fidelidad mediante una encuesta en google forms. La encuesta contenía el link del prototipo de alta fidelidad y unas preguntas especificas en cuanto a la interacción de la página, paleta de colores elegida, comprensión de los iconos del navegador y si era entendible como publicar una receta.
Se obtuvieron los siguientes comentarios especificos:
- Me encanta el diseño de la app, su funcionalidad es bastante clara y la tematica es muy interesante 10 de 10.
- Una interfaz muy fluida con una paleta de colores armoniosa y un diseño visual muy equilibrado y atractivo.
- Me encanto lo fácil e intuitiva que es la navegación por su aplicación, me gusta mucho la gama de colores y la tematica. Lo que agregaria es talvez una descripción para ir a mis publicaciones personales, además del icono, por todo lo demás me encanta.
- Una aplicación muy agradable donde me gustaría conocer más recetas.
- Muy linda la aplicación, tal vez poner el botón de cerrar sesión en la parte superior el boton para ingresar al perfil esta raro, pero una vez que le das click se entiende que es muro propio, quizas un hover con un globo que diga que es el contenido, y los colores me gustan , lo que si recuerdo que Luna dijo lo de buscar sincronia en los icon si son rellenos todos rellenos, si son minimalistas con lineas todos con lineas . eso por lo demás esta genial, ya quiero verlo
De acuerdo a estos comentarios; Se realizarón los siguientes cambios :
- Se adicionó el nombre a cada icono, para que fuera mas entendible su manipulación.
- Se resaltó el nombre del usuari@.
Se aclara que nuestra página ya cuenta con:
- Icono en la parte superior de cerrar sesión
- Solo el usuri@ que pública una receta tiene la opción de eliminarla o editarla, al acceder a su propio recetario.
La planeación de nuestro proyecto se realizo con GitHub Projects. Donde cada historia de usuario fue un Milestones, a los cuales se le asigno diferentes Issuses (tareas definidas).
Esté es el link del despliegue de nuestra red social BON-BON