Grecia2727 / lim-2018-05-bc-core-am-socialnetwork

Q-Nutrition es una Red Social de Comida Consciente

Home Page:https://grecia2727.github.io/lim-2018-05-bc-core-am-socialnetwork/src/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo Q-nutrition red social sobre alimentación saludable

INTRODUCCIÓN

UX

La comida es esencial para el bienestar de nuestro organismo y ¿A quién no le gusta la comida?, muchos solemos compartir cada día videos y fotos en redes sociales de recetas, lo que comemos a diario o si vamos a un restaurant es típico tomar foto del plato y subirla en Facebook o Instagram ¡Es la Moda!.

La comida actúa como lenguaje universal y la búsqueda por comidas y alimentos cada vez más saludables han derivado en una tendencia que apuesta por lo natural y consciente.

Entregables

1) Definición del producto

Q- Nutrition apunta a ser una red social sumamente visitada con usuarios activos y con contenido dinámico

Entre las características de nuestro producto están:

Registrarse, loguearse con correo, facebook y google, el tener un muro donde postear poder publicar contenido que se pueda editar, borrar, seleccionar la privacidad de esto y poder llevar con conteo de likes de publicación y en un futuro poder seguir a otros usuarios, crear colecciones de fotos, tener un perfil y chatear con otros usuarios.

¿Cuáles son los elementos básicos que tiene una red social?

El elemento que se destaca y gracias a ello el éxito de las principales Redes Sociales como Facebook, Instagram, Twitter, etc., es el de crear comunidad, la interacción entre los miembros de la red es muy importante para el éxito de estas, más técnicamente se deben tener en cuenta los siguientes elementos:

Formulario de registro: Este debe ser claro, intuitivo, debe de guiar a la persona a concretar rápidamente la acción.

Perfil y feed: El poder ser visible es muy importante en las redes, personalizar tu nombre, colocar una foto y decir "qué estás pensando / haciendo". son elementos esenciales en las redes sociales.

Fácil interacción entre usuarios: el éxito de una red social se basa en la conversación entre sus usuarios, se debe permitir el acceso rápido a esta parte de la plataforma.

Tener una interfaz de usuario simple pero atractiva e interactiva es una necesidad para una experiencia de usuario exitosa, para esto es necesario acceder fácilmente al menú de navegación, el diseño debe ser responsivo adaptable a los diversos tamaños de visualización, el logotipo debe estar perenne en la visualización de la página.

Posibilidad de importar usuarios de otros sitios, gracias a ello el éxito de Facebook ante sus competidores. . Búsqueda: su sitio debe tener la opción de buscar a través de usuarios, comunidades, etc.

Entre otras se debe considerar poder dar likes, compartir y comentar, en cuanto al funcionamiento interno se debe poder llevar los datos cualitativos y cuantitativos de los usuarios registrado, interacciones etc..

En nuestra Red social Q-Nutrition mostramos estas funcionalidades básicas:

*Registro de nuevo usuario. *Login de usuario con correo electrónico. *Login de usuario con Google y facebook. *Reseteo de contraseña. *Acceso al muro. *Capacidad de publicar un post de forma privada o pública. *Capacidad de editar y eliminar un post. *Capacidad de dar likes y dislikes a los posts. *Capacidad de ir a una sección: mis publicaciones.

¿Quiénes son los principales usuarios de producto?

Según los resultados de nuestras entrevistas y el sondeo con encuesta, nuestros User Persons ideales son jóvenes en su mayoria de 20 a 30 años, amantes de la vida sana y los deportes, entre ellos estudiantes, atletas, personas que asisten frecuentemente al gimnasio, este usuario tiene constante acceso a internet, gustan mucho de participar en comunidades y publicar constantemente sobre sus alimentos y la importancia de estos en su día a día, en un segundo tipo de usuario están personas entre 30 a 45 años entre ellas madres de familia que quieren mejorar su alimentación y la de su familia.

¿Cómo descubriste las necesidades de los usuarios?

A traves del Benchmarking, en la búsqueda de información sobre alimentación sana, encontramos diversos artículos, estudios de mercado, sondeos sobre alimentación y de cuán preocupada está la población por mejorar sus hábitos alimenticios, en la búsqueda de redes sociales que se enfoquen únicamente en un tipo de alimentación saludable y consciente vimos que muchas de estas no cumplian con lo requerido por los usuarios, entre los cuales están el tener un lugar donde aprender sobre comida consciente y de cómo ésta beneficia su salud, compartir dudas, postear sobre menús, consejos, recetas en un panel que muestre de manera amigable y responsive estos datos, por lo general las aplicaciones utilizadas por estos usuarios no tenían la posibilidad de realizar post, solo podían comentar en redes y muchas veces sus preguntas o dudas se perdían entre otros comentarios .

¿Qué problema resuelve el producto para estos usuarios?

En nuestra web encontrarán personas interesadas específicamente en el tema propuesto Alimentación consciente, en otro aspecto la plataforma resuelve el problema visual que fue claramente detectado en las entrevistas, los usuarios querían encontrar un diseño armonioso con tonalidades naturales, una web que sea responsive y amigable, de fácil navegación, el poder postear y seleccionar la privacidad fueron requerimientos importantes expresados por nuestros futuros usuarios, que logramos implementar.

¿Cuáles son los objetivos de estos usuarios en relación con el producto?

Lograr un beneficio, en este caso el mejorar su salud aprender sobre alimentación consciente y conocer a otras personas y su forma en que viven esta nueva corriente.

¿Cuáles son las principales funcionalidades del producto y cuál es su prioridad?

La función principal es la de postear texto (comentarios, preguntas, frases, etc), que se puedan editar, eliminar, seleccionar la privacidad, dar likes y puedan ver su muro con las publicaciones realizadas.

¿Cómo verificaste que el producto les está resolviendo sus problemas?

En las entrevistas detectamos las necesidades, y según nuestros avances testeamos constantemente el producto, desde su etapa de sketch a mano alzada a la de diseño de alta fidelidad y en forma conjunta conforme se implementaba.

¿Cómo te asegurarás que estos usuarios usen este producto?

Creando campañas digitales en otras redes sociales, compartiendo enlaces con otras webs, utilizando en un futuro google AdWords :)

Benchmarking

Como guía para el diseño de nuestro producto tomamos en cuenta a las grandes redes sociales como pinterest en el Login, Facebook en su estructura postear,como instagram para registro, en la busqueda de paginas afines con nuestro contenido, logramos ver que existen muchas de comida comida sana pero que ofrecen servicios de delivery de comida o directorios de restaurantes saludables, más no específicamente una red social de comida saludable consejos etc, aun así listamos algunas otras del medio que tienen contenido, mucho tráfico y seguidores.

*Alimenta: web de nutricionistas que comparten dietas, asesorías, fotos y tips de comida saludable es la unica web en español que encontramos de consejos y tips mas esta no permite la interacción entre usuarios por web, solo por redes, no permite poder postear.

*Choosemyplate: una iniciativa del gobierno norteamericano contiene información de alimentos y comida saludable, así como porciones en los platos, el contenido en inglés y español te permite suscribirte para recibir boletines, la interacción de usuarios de la red se da solo por otros canales como facebook etc.

RESUMEN ENTREVISTAS CON USUARIOS:

Llevamos a cabo 5 entrevistas 2 de ellas grabadas en la que dejamos a los entrevistados expandirse en el tema, para guiar las mismas y tener resultados que nos ayudacen a planificar el producto llevamos esta guía de preguntas clave

¿Cuál fue tu última experiencia usando una red social sobre comida consciente?
¿Qué te gusta de ellas?
¿Qué les hace falta?
¿Con qué frecuencia usas esta aplicación?
¿Lograste algún beneficio siguiendo o usando estas redes?

Entrevista 1 : Alexis Reyes / 23 años / estudiante / deportista

El entrevistado manifestó que no conocía una red social o fan page sobre nuestro tema de “comida consciente”, si tenía conocimiento de esta nueva práctica de alimentación. En las webs que normalmente usa encuentra dietas, más no podía interactuar con otros usuarios como el.

Entrevista 2 : Beatriz Castiglia / psicóloga/ training manager/ deportista

La Entrevista manifestó conocimiento amplio del tema, indicó seguir cuentas de personas que viven esta práctica de alimentación, estas cuentan con webs abiertas, más no tienen un registro con un perfil que se pudiera modificar, usa con frecuencia estas cuentas para seguir consejos, tips, gusta mucho de la fotografía de estas webs, ha conseguido ampliar su conocimiento en cuanto a esta práctica.

Entrevistas

2) Diseño de la Interfaz de Usuario (prototipo)

sketch mano alzada Q-nutrition red social sobre alimentación saludable

altafidelidad1

  • Primer Prototipo diseñado en Figma - modo Movil:

Drawing


  • Primer Prototipo diseñado en Figma - modo Desktop:

Drawing

3) Implementación de la Interfaz de Usuario

En este proyecto trabajamos en 3 sprint, se organizó el flujo de trabajo con la herramienta de organización trello y con el método de kanba. Trabajamos con la herramienta de diseño Figma para hacer el prototipo, se utilizó photoshop para el retoque de imágenes e íconos, la implementación de la interfaz se utilizó el Framework Materialize junto con ajusten de CSS, respecto al almacenamiento de la Base de Datos se utilizó Firebase, la programación la realizamos con JavaScript.

Login: Desktop Vista final cellphone

Registro: Desktop Vista final cellphone

Muro: Desktop Vista final Desktop

Vista final Modo Responsive: Vista final cellphone


CONCLUSIONES TEST ALTA FIDELIDAD Y HTML

En el test de HTML, los usuarios manifestaron afinidad por el diseño, les pareció sencillo y fácil de usar, indicaron malestar por la demora del tiempo de carga, indicaron mejorar el tamaño de los botones, tener imágenes que identifiquen más el fin de la red social, se confirmó el correcto funcionamiento de la aplicación, este permitía:

  • Registro y logueo de usuarios (Correo, Google y Facebook).
  • Publicar post.
  • Editar, guardar y eliminar post, éste último con un mensaje de confirmación.
  • Sección de "Mis Publicaciones".
  • Like's de post.

Además, tomamos las sugerencias para una futura implementación como: Buscador, perfil, subir imágenes, agregar amigos, comentar post, chat con especialistas en alimentación.

Porcentaje del Test alcanzado

Los Tests unitarios pasan el 70% de statements mínimos requeridos.
Test index.html
Porcentaje de Test alcanzado

About

Q-Nutrition es una Red Social de Comida Consciente

https://grecia2727.github.io/lim-2018-05-bc-core-am-socialnetwork/src/


Languages

Language:JavaScript 63.5%Language:HTML 24.2%Language:CSS 12.3%