Skip to content

vmirella/lim-2018-05-bc-core-pm-socialnetwork

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Red Social para Salud de Mascotas

Link a la Red Social

Introducción

El mundo actual en el que vivimos es tecnológico. Las redes sociales se han convertido en parte importante de nuestras vidas. Las usamos para comunicarnos, establecer relaciones con grupos o comunidades con las que tenemos intereses comunes y podemos interactuar con personas de todas partes del mundo. Podemos compartir opiniones, fotos, videos, etc.

En esta oportunidad, hemos decidido crear una red social enfocada en la salud de mascotas.

Definición del producto

Elementos básicos de una red social

Una red social permite la conexión entre personas, formar algún tipo de relación entre ellas. En el caso de una red social en internet, se caracteriza por permitir compartir información en esa plataforma, es decir, generar contenido que otras personas puedan ver en un dispositivo a través de la web. Además, hay comunicación recíproca, el receptor puede expresar lo que piensa del mensaje que el emisor ha dado, muchas veces con un "Me gusta" o un comentario.

Definición del usuario de SoyTuPata

Los principales usuarios del producto son los llamados pet lovers, amantes de mascotas, entre 23 y 34 años, que buscan una plataforma en la que puedan obtener información general sobre la salud y bienestar de sus mascotas. Asimismo, los veterinarios son usuarios de la red social, ya que son los que mayormente proveen el conocimiento científico sobre el tema. Esta red social será usada como un intercambio de información y ayuda general.

Usuarios (detalles)

Descubrimos las necesidades de los usuarios mediante las preguntas que les hicimos. La entrevista es muy importante ya que permite observar y escuchar las preocupaciones y opiniones que tienen ellos.

Esta red social resuelve el problema de escasez de comunicación que hay entre personas amantes de mascotas. En internet puede haber mucha información sobre animales, pero una red social se enfoca en la información que requieren exactamente y obtienen respuestas de otras personas a tiempo real o en poco tiempo.

El objetivo principal de los usuarios es tener una red social donde puedan preguntar sobre salud y bienestar para sus mascotas y puedan encontrar respuestas de profesionales. Poder encontrar una red en la que obtengan apoyo y sepan adónde acudir ante una inquietud, que no sea una emergencia.

Sus mascotas son parte de la familia, entonces también es importante poder encontrar consejos e información sobre productos que pueden adquirir para sus mascotas. Asimismo, poder compartir momentos mediante fotos y videos.

El público objetivo se estableció utilizando las entrevistas y las encuestas, las que arrojaron que el target eran las personas de 23 a 34 años de edad.

Producto (detalles)

Esta red social tiene como prioridad facilitar la comunicación de los usuarios para que puedan encontrar la información y el apoyo que necesitan.

En esta aplicación se puede hacer publicaciones en el muro, editarlas o eliminarlas, especificar la categoría a la que pertenecen y poner “Me gusta” a una publicación.

Para verificar que el producto está resolviendo los problemas del usuario hicimos un testing del prototipo con algunos de estos usuarios, incluyendo un veterinario.

Para asegurar que la red social sea usada se hizo una investigación previa, con entrevistas a usuarios para saber que esta sea lo que ellos requieren. Pero además de este research, debe haber una etapa de crecimiento que permitirá asegurar que la red social siga siendo utilizada. Esta etapa de crecimiento es un trabajo en equipo que también exige del continuo contacto con el usuario para saber sus necesidades.

Proceso de diseño

El diseño del Log in se pensó como una idea de dinamismo, es por eso que implementamos la animación que permite deslizar la caja al querer registrarse o ingresar.

Los colores que usamos son el verde y el blanco, colores orgánicos, que denotan salud y bienestar. Proporciona una sensación de tranquilidad y seguridad.

Para la página de la red social en sí, decidimos usar el color verde más claro que se puede observar en el log in y el blanco, para darle una vista minimalista y sobria.

Entrevista

Después de un proceso de investigación y elaboración de preguntas, estas son las que se utilizaron para las entrevistas:

  1. ¿ Alguna vez tuviste o tienes en este momento una mascota? ¿Qué tipo de mascota es?
  2. ¿Cómo se llama(n)? Cuéntame una anécdota.
  3. ¿Qué significa NOMBRE DE MASCOTA para ti?
  4. ¿Que tipo de mascotas has tenido anteriormente, en toda tu vida?
  5. Dime tus top 3 mascotas favoritas.
  6. ¿Qué te gusta de cada una de ellas?
  7. ¿Qué cosas sueles comprarle a NOMBRE DE MASCOTA?
  8. ¿Qué cuidados le das a tu mascota?
  9. ¿Lo llevas a bañar a un centro especializado, a un chequeo al veterinario? ¿Qué tan seguido?
  10. ¿Cuáles son los factores que suelen preocuparte más acerca del bienestar de tu mascota?
  11. ¿NOMBRE DE MASCOTA ha tenido o tiene algún problema de salud? Cuenta tu experiencia.
  12. ¿Cuál es tu experiencia en cuanto a enfermedades con tus mascotas anteriores?
  13. ¿Qué redes sociales sueles utilizar? (Dar ejemplo de redes conocidas si es que el entrevistado lo requiere) ¿Con qué frecuencia?
  14. ¿En qué tipos de dispositivos usas estas redes?
  15. Cuando has tenido alguna dificultad con tu mascota, ¿adónde has acudido en búsqueda de respuestas o ayuda?
  16. ¿Qué información has buscado con más frecuencia?
  17. ¿Perteneces a alguna comunidad online enfocada a mascotas? Cuenta tu experiencia.
  18. ¿Con qué frecuencia entras a esa comunidad?
  19. ¿Con qué objetivo o finalidad perteneces a esa comunidad?
  20. ¿Qué es lo que te gusta de esa comunidad online?
  21. ¿Qué necesidades no están siendo satisfechas ahí?
  22. ¿Qué te frustra de la comunidad?
  23. ¿Utilizarías una red social donde puedas encontrar ayuda profesional para tu mascota, donde puedas encontrar casos de otras mascotas y compartir varios temas de salud sobre ellas?

Preguntas adicionales para Veterinarios:

  1. ¿Perteneces a un grupo o comunidad donde brindas tu conocimiento sobre medicina veterinaria? Cuenta tu experiencia.
  2. ¿Con qué propósito das ese apoyo?
  3. ¿Te interesaría pertenecer a una red social enfocada en salud de mascotas?

Conclusiones

La mayoría de los entrevistados tienen un perro; y en segundo lugar, tienen un gato. Además, los animales que han tenido en el pasado mayormente han sido loros, conejos y hamsters. Todos consideran a su mascota como parte de la familia. Piensan que los perros son buena compañía, y los gatos son independientes y fáciles de cuidar.

Lo que más les preocupa de sus mascotas es que coman saludable, que no se sientan solos y que estén bien de salud. Cuando han tenido alguna dificultad con sus mascotas, especialmente de salud, han acudido al internet para buscar ayuda y soluciones. También han acudido a un veterinario cuando el problema era más grave.

Todos los entrevistados usan Facebook como red social primaria, algunos también utilizan Instagram. La mayoría pertenece o ha pertenecido a una comunidad o grupo online sobre mascotas. El uso que le dan a esos grupos varía. Unos buscan información sobre salud y alimentación para sus animales. Otros solo ven si hay algún evento al que puedan llevar a su mascota. Algunos usan los grupos para ayudar a encontrar casa a animales abandonados.

Algunos de los problemas que han tenido en una comunidad de animales es haberse encontrado con personas irrespetuosas y postear información irrelevante.

Al entrevistar a un veterinario, en general las respuestas no variaron; pero la diferencia se dio en ciertos puntos. Uno es que los veterinarios cuidan mejor a sus mascotas, y previenen enfermedades. Ellos pertenecen a varios grupos de Facebook en los que la idea es compartir información sobre enfermedades de mascotas, actualizaciones, ayuda, etc. El problema es que se perdió la finalidad de esas comunidades y ahora mayormente hacen publicidad de varios productos.

Los dispositivos que usan en primer lugar son los celulares, y en segundo lugar las computadoras.

Todos estaban interesados en una red social que se enfoque en la salud de mascotas.

Benchmark

Para obtener ideas de cómo diseñar la red social hicimos benchmarking de algunas páginas. Buscamos en Adopta Pet, Doggy Bnb, Catster, Dogster, FacePets, las cuales son dedicadas a mascotas. Y también revisamos Facebook y Google+.

Lo principal red social a la que acudimos es a Facebook, ya que es una de las más usadas y podíamos obtener buenas ideas de ahí.

La mayoría de páginas de mascotas que encontramos son de blogs o adopción u otros temas. FacePets sí es una red social de mascotas, pero no guiada a la salud de ellas. Entonces, como pudimos ver, no hay muchas aplicaciones del tema.

La sección de inicio, donde se observan las publicaciones de los usuarios, así como la sección de nueva publicación, fueron ideadas tomando en cuenta el benckmark hecho en Facebook.

Sketch

El sketch del Log in fue ideado al investigar y hacer benchmarking de redes sociales y otras páginas.

Este es el Log in en modo desktop:

Sin titulo Sin titulo

  • El sketch de la página de inicio se dio con la idea general de redes sociales.

Para desktop, el primer sketch fue como lo muestra la imagen:

Sin titulo

Para móvil, el primer sketch de la página de incio fue de la siguiente manera:

Sin titulo

En el camino, con el testing de usuarios y el feedback en general, realizamos los siguientes cambios:

Sin titulo Sin titulo Sin titulo

Prototipo de Alta Fidelidad

Usamos Figma para realizar el diseño de la idea que teníamos para la red social de salud para mascotas.

Link del Prototipo Desktop

Link del Prototipo Móvil

Sin titulo Sin titulo

Testing con usuarios

Conclusiones del testing de Prototipo

Los usuarios reaccionaron positivamente ante el testing final con el prototipo. Les pareció un flujo comprensible, con sentido. A la mayoría les gustó el color y la simpleza de la aplicación.

Los primeros testings arrojaron varias opiniones que conluyeron en algunos cambios del diseño. Por ejemplo, algunos veían la página como algo más parecido a un blog, no entendían el parecido con una red social, así que cambiamos eso. Asimismo, el menú general de la página contenía la sección de categorías dentro, pero con el testing comprobamos que el usuario no encontraba bien esa sección, por lo que tuvimos que hacerlo más visible.

Conclusiones del testing con el producto HTML

A los usuarios en general les gustó la red social, les pareció bastante intuitiva.

Solo uno dio un comentario sobre qué pasaba si olvidaba su contraseña, veía necesario poner esa funcionalidad. También otro usuario comentó que había mucho color y no había alguna imagen como parte del diseño.

Todo este feedback sirve para el crecimiento del producto.

Maquetación

Para construir el Log in utilizamos Bootstrap con los colores acordados. En este caso se puede ingresar con el correo electrónico del usuario, habiéndose registrado previamente, también con su Facebook o con Gmail.

El Log in se inspiró al hacer la investigación y el benchmarking.

Maquetación del Home

La maquetación de la página principal se hizo utilizando Bootstrap con CSS. Resultó ser un reto que ha resultado bastante enriquecedor para el aprendizaje de nuevas herramientas digitales.

Utilizamos un navbar para la barra principal, donde podemos encontrar las principales funciones de la página. Y en el container usamos diversos div para maquetar usando Bootstrap. Tenemos una opción de categorías, en las que podemos filtrar las publicaciones del usuario.

La idea de la red social se dio de una forma y en el camino fue cambiando un poco después de hacer testings y pedir feedback.

Firebase

Para registrar a los usuarios usamos Firebase para obtener la base de datos y autenticación.

Con la documentación que se encuentra en la misma página web, hemos podido implementar Firebase en nuestro código.

Test

Realizar los tests ha sido bastante complicado debido al uso de Firebase. Aún estamos tratando de realizar los test. Intentamos con el Firebase Mock para evitar usar el mismo Firebase, pero todavía no funciona el testing.

Metodología y organización

Usamos la metodología ágil para desarrollar este producto. Además del Kanban utilizamos Trello para la organización.

Sin titulo

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 51.7%
  • HTML 29.9%
  • CSS 18.4%