Case study: La importancia de entender a nuestra mascota (Parte 2/2)

Marina Martínez García
7 min readMar 7, 2019

No empieces por el final! Pásate por la primera parte aquí para saber todo el proceso de investigación

Prototipar

La función principal de mi producto consiste en informar a la persona del porqué del comportamiento de su mascota y en los casos que sea necesario informar a qué tipo de profesional acudir (veterinario, adiestrador, etólogo..) además de facilitar consejos claros y útiles para corregir ese comportamiento.

El producto clasifica el comportamiento de la mascota en los tres grupos que he considerado mas importante:

  • Señales de calma.
    En este caso la app informa al usuario de las expresiones que le muestra su mascota ya sean felicidad, confort o agobio.
  • Estereotipias.
    Si el producto detecta que el comportamiento de la mascota puede ser por una estereotipia, este informa a la persona qué son, porqué se inician y da opciones al usuario para buscar un especialista en su zona o hacer una consulta de videollamada.
  • Enfermedades.
    Las mascotas muestran el mismo patrón de movimientos con algunas enfermedades leves, como por ejemplo la otitis (infección de oídos) nuestras mascotas lo muestran sacudiendo la cabeza continuamente.
    La app tendría una base de datos para ellos y mostraría al usuario el resultado, recomendándole acudir al veterinario dándole la opción de la videollamada o pedir cita desde la app.

Y, ¿cómo analiza el producto los síntomas?

Dos opciones:

  • Búsqueda por palabras clave.
    Introduce en el buscador las palabras clave del comportamiento como “sacudir cabeza en exceso” y muestra las probabilidades del resultado utilizando datos de la ficha de la mascota.
  • Analisi de video
    Graba a tu mascota desde la app o sube un vídeo y esta analiza los movimientos para dar un resultado.

Teniendo entonces claro el core de mi producto, dibujo un storyboard donde visualizo de forma gráfica un momento en que el usuario interactúa con mi producto:

Arquitectura de la información

Con el objetivo de clasificar y etiquetar la información creo la arquitectura de la información para poder asimilar el acceso a los contenidos y asegurar la consistencia y escalabilidad de la estructura del contenidos.

Arquitectura de la informcación

Moodboard, logo, naming

Con el fin de definir el look&feel y estilo visual, empiezo por crear el moodboard:

Logo

Decidí diseñar el isotipo mezclado los dos conceptos principales del producto: las mascotas y la comunicación.

Con las mascotas me he centrado sólo en la nariz y boca ya que es algo que puede definir tanto a gatos como a perros ya que es a quien va dirigido el producto. Con el tema del bocadillo era la manera más sencilla y clara que se me ocurrió para representar el lenguaje.

Con el naming lo tuve más complicado. Vereis en el primer prototipo que lo llamé My pet talks para que tuviese relación con el logo y presenté la idea con ese nombre pero la verdad, era bastante difícil de pronunciar.

Una vez hecho el test de usuarios le seguí dando vueltas hasta acabar con Hi pet que seguía teniendo relación con el logo, era más fácil de pronunciar y plantea el vínculo de la persona- mascota con el inicio de una “conversación”.

Vistas finales

HOME

1- Calendario
Programación de visitas y cuidados para facilitar al usuario recordarlos.

2- Peligros comunes.
Información útil que toda persona con mascota debe saber para evitar cualquier clase de problemas como por ejemplo: alimentos tóxicos, peligro de temporada de orugas, comportamientos problemáticos…

3- Código del cuidador.
Un nuevo servicio donde en caso de dejar temporalmente la mascota a alguien tendría los cuidados, alergias, rutinas etc. en la app y esta le recordaría de los cuidados.

Pantalla presentación, splash screen y home

CÁMARA

Al grabar un video este se analiza y da un resultado. El usuario puede informarse más o volver a la cámara.

En los resultados indica a la persona los pasos a seguir, añadir el síntoma a la ficha de la mascota, ampliar información y un mensaje fijo en la parte inferior ofreciendo pedir cita o consultar al profesional correspondiente con una videollamada.

La videollamada facilita a las personas con movilidad reducida consultar con un profesional cuando les sea necesario.

Pulsando “pedir cita” indicarías día y hora de las disponibles con tu profesional habitual o de no tener ninguno guardado la app ofrecería los más próximos o abiertos a la hora que buscas.

Análisis del video y pantallas con los resultados

BÚSQUEDA

Los resultados de la búsqueda funcionan igual que en el apartado anterior, aunque previamente ofrece varias opciones de las palabras introducidas y los posibles resultados. La app utiliza la información guardada en la ficha de la mascota para concretar los resultados.

FICHA DE LA MASCOTA Y PROFESIONALES

Las primeras tres pantallas pertenecen a la sección de mascotas, con toda la información guardada de la mascota, las citas y cuidados necesarios para conseguir una salud preventiva, el historial medico y las ultimas búsquedas y síntomas guardados.

La siguiente pantalla es la sección de profesionales donde el usuario encontraría sus profesionales habituales guardados y podría buscar nuevos dependiendo de la localización. En “buscar” también aparecerían los veterinarios 24h más próximos.

Por último, el wireflow, una combinación de wireframes con vistas finales y el diagramas de flujo que nos ayuda a documentar las interacciones complejas:

Evaluar

Salí a la calle en busca de usuarios que tuviesen mascota que pudieran probar el prototipo y ver cómo navegan en él.

Un prototipo está limitado a las pantallas desarrolladas, por eso les dije dos situaciones dónde yo vería si les era intuitivo y rápido desenvolverse en él.

El resultado

En general quedaron muy sorprendidos con los servicios e información que ofrece la app. Creen que realmente les puede ser útil. Pero gracias al test he podido comprobar que hay errores importantes a solucionar:

Errores 🤦‍♀

1- Colores
Con contrast-ratio comprobé el contraste de los textos para que la lectura fuese cómoda. Pero no pensé que el poco contraste de blanco y verde fuese a dar problemas de visibilidad. Pero lo ha hecho. Ninguno de los usuarios se ha quejado de esto pero he podido ver claramente las dificultades que tienen para verla bien a la luz del día.

2- Abuso de la videollamada.
He descrito un escenario dónde la mascota actúa de manera extraña, imposible de describir en pocas palabras para buscarlas en el buscador. La intención era que utilizaran la cámara para el reconocimiento de video, pero 4 de 6 utilizan la consulta de videollamada para enseñarle al veterinario directamente el comportamiento.

3- Home muy saturada.
En general, la pantalla de inicio ha provocado confusión, sobretodo por el calendario. Por eso he decidido eliminarlo para la nueva versión que muestro más adelante.

4- Búsqueda de profesionales.
Quizás ha sido por el tema de colores o diseño de iconos del menú inferior nadie buscaba los profesionales en su apartado. Si no que han utilizado el mismo buscador de síntomas para buscar los veterinarios de su zona.

5- Un poco escépticos
Algunos de ellos creen peligroso fiarse de los resultados de la app aunque se muestre como posibles resultados. Para solucionar esto se debe explicar el funcionamiento de esta nueva tecnología y añadir una pantalla explicando que la app no pretende substituir el trabajo de los profesionales si no orientar a la persona para saber a quién acudir o ayudarla a corregir malos hábitos.

Puntos positivos!🎉

1- Muy útil la recomendación de productos según el resultado.

2- La sección de “peligros comunes” la han encontrado muy interesante y querían informarse más.

3- Abaratar el precio de las consultas gracias a la videollamada incluso con sus limitaciones es un servicio al que todos harían uso en algún momento por comodidad y accesibilidad.

4- Tener en el móvil el historial médico de la mascota, con los cuidados, últimas búsquedas y síntomas desarrollados les resulta muy práctico.

Después de este feedback obtenido y pese a los errores puedo afirmar que la app cumple con los objetivos marcados de informar, prevenir y facilitar.

Prototipo final

Y concluyo el proyecto dejando el video con las interacciones de la app renovada después de aplicar algunas correcciones de diseño y con su respectiva landing page :)

Hasta la próxima!

Gracias por llegar hasta el final! Espero que te haya parecido interesante y ameno :) Si es así dale al 👏👏👏

🤗

--

--