Skip to content

verioska/SCL007-Social-Network

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Creando una Red Social

https://red-social-1d44f.firebaseapp.com/

PREÁMBULO

Instagram, Snapchat, Twitter, Facebook, Twitch, Linkedin, etc. Las redes sociales han invadido nuestras vidas. Las amamos u odiamos, y muchos no podemos vivir sin ellas.

Hay redes sociales de todo tipo y para todo tipo de intereses. Por ejemplo, en una ronda de financiamiento con inversionistas, se presentó una red social para químicos en la que los usuarios podían publicar artículos sobre sus investigaciones, comentar en los artículos de sus colegas, y filtrar artículos de acuerdo a determinadas etiquetas o su popularidad, lo más reciente, o lo más comentado.

Una emprendedora nos ha encargado crear una red social, en la cual dentro de una lista de categorias que sugirió, decidimos elegir el tema Alimentación y crear así una aplicación a la cual decidimos llamar SABORES.

SABORES

ENCUESTA DE USUARIOS

Realizamos encuestas de usuarios mediante formularios de google, en los cuales solicitamos a nuestros encuestados respondieran a una cantidad de preguntas enfocadas a si usarian una aplicación que tuviese como temática principal, la alimentación.

encuestap1 encuestap2 encuestap3

En dicha encuesta, nuestros usuarios respondieron que les interesaria que fuese sobre recetas para así poder tener un expectro general sobre recetas y no algo sectorizado como lo sería por ejemplo una red sobre alimentación vegana, vegetariana, etc.

Luego de esta encuesta, realizamos otra en la cual le peguntamos a estos mismos usuarios que caracteristicas específicas les gustaría poder tener en esta aplicación, planteando historias de usuario, a la cual la gran mayoría respondío que les gustaría:

  • Poder colocar el precio estimado de preparación de mi receta.

  • Saber el tiempo estimado de preparación de una receta.

encuestap4

MAQUETACIÓN Y FIGMA

Luego de la encuesta, procedimos a hacer la maquetación de baja fidelidad y luego el figma para crear la experiencia del usuario.

Prototipo de Baja Fidelidad maqueta1

maqueta2

Figma

https://www.figma.com/file/BPjzmn1HibiQoOaf8r2fAZKu/Untitled?node-id=0%3A1

LA APLICACIÓN SABORES\

Decidimos crear una interfaz sencilla al usuario para no saturarlo, ya que la sencillez es una de las caracteristicas en las redes sociales; poder tener acceso a información a pocos clicks.

Utilizamos un color vinotinto, ya que este hace referencia al vino que es un acompañante insigne a la hora de degustar cualquier comida. Por otro lado este color se obtiene de la mezcla entre el rojo, el ver y el amarillo que son los colores de muchos de los vegetales que se usan a la hora de cocinar.

fotologin

Al ingresar a la aplicación, el usuario tiene la posibilidad de poder ingresar de manera "manual", creando un usuario con su correo y una clave o puede loguearse automaticamente mediante facebook o gmail.

luego que el usuario se loguea, pasa a la segunda pantalla, en la cual encontrará un formulario para colocar sus recetas y debajo de esta la galería con las recetas agregadas por los distintos usuarios.

galería

en la galería el usuario podrá ver la imagen de la receta junto con el usuario que coloca la receta, las porciones de dicha preparación, tiempo total de preparación de la receta y el costo de los materiales necesarios para dicha preparación.

cara1

al situarse en la tarjeta, esta girará y el usuario podrá tener acceso a la preparación

cara2

Si el usuario desea salir de la aplicación, en la parte superior derecha encontrará el botón para cerrar sesión.

cara3

PLANIFICACIÓN

https://trello.com/b/TqL6pqrh/social-network

About

Proyecto de especialización para generación 7 de Santiago de Chile

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 44.4%
  • CSS 42.1%
  • HTML 13.5%