Ejercicio de diseño de Google: resolver el problema del refugio

Este es un ejercicio de diseño que completé como parte del proceso de contratación en Google.

Después de pasar una entrevista telefónica, los solicitantes pasan a un ejercicio de diseño. El ejercicio luego es revisado por el equipo de contratación. Si todos los miembros están de acuerdo en que el ejercicio es lo suficientemente fuerte, el solicitante pasa a las entrevistas in situ.

Para el ejercicio de diseño se presentan tres posibles desafíos. Elegí el ejercicio que me permitió mostrar el conjunto más amplio de mis habilidades y que se alineó más con mis intereses personales.

El ejercicio me llevó aproximadamente 10 horas para terminar, incluida la redacción de este estudio de caso. El ejercicio me ayudó a superar esta fase del proceso de contratación y más tarde también me ofreció la oferta.

A continuación puede encontrar el resumen de diseño que elegí y la solución que se me ocurrió.

Millones de animales se encuentran actualmente en refugios y hogares de acogida en espera de adopción. Diseñe una experiencia que ayudará a conectar a las personas que buscan una nueva mascota con el compañero adecuado para ellas. Ayude a un adoptante a encontrar una mascota que coincida con su estilo de vida, teniendo en cuenta factores como la raza, el género, la edad, el temperamento y el estado de salud. Proporcione un flujo de alto nivel y marcos de alambre de soporte.

Revisaré el proceso que seguí para completar el ejercicio de diseño y explicaré mi razonamiento y mis pensamientos detrás de las decisiones que tomé.

Tenga en cuenta que descubrí que los perros tienen más problemas para ser adoptados, por lo que en el transcurso de este ejercicio fueron mi principal objetivo. Me aseguré de que todos los diseños funcionarían también para otras especies.

Tiempo dedicado al ejercicio: ~ 10 h (incluida la redacción de este "estudio de caso").

Investigación

No es necesario estar ordenado en este momento

Comencé con una lluvia de ideas para explorar el tema del ejercicio de diseño y reunir mis pensamientos iniciales. Investigué a la competencia para ver cómo otros productos abordaban este problema y tomaban nota de las cosas que hacía y no me gustaban. Simplemente anote aproximadamente qué características necesitaría la aplicación, qué información necesitaría mostrarse y qué elementos de contenido deberían estar enfocados.

Encontrando el problema

Antes de comenzar a resolver cualquier cosa, debemos echar un vistazo al problema en cuestión y desglosarlo en su (s) causa (s) raíz (s).

Queremos facilitar que las personas adopten animales de refugios o hogares de acogida. El problema subyacente es que la gente todavía compra en tiendas, en lugar de adoptar en los refugios. Esto es problemático porque hay más animales yendo a refugios de los que el sistema puede soportar, y como resultado casi 3 millones de animales son sacrificados cada año. Además, los animales comprados en las tiendas a menudo provienen de "fábricas de cachorros" donde se crían en condiciones muy pobres.

Entonces, ¿por qué la gente no adopta? Como descubrí en la fase de investigación, las personas lamentablemente tienen opiniones muy equivocadas cuando se trata de refugios. Para enumerar algunas de estas falsedades:

  • "Los perros viejos no pueden acostumbrarse a los nuevos dueños, y nunca serán tan leales como un perro que tenías desde que era un cachorro".
  • "Los perros viejos son difíciles de entrenar y no pueden desaprender sus viejos (y malos) hábitos".
  • "Los perros en los refugios no son saludables".
  • "Los refugios están sucios y los animales allí son infelices y no quiero una mascota infeliz"

Todos estos son simplemente incorrectos, y en realidad los opuestos son a menudo verdaderos. Las ventajas de adoptar desde un refugio son muy reales, pero desafortunadamente no tan conocidas:

  • Los cachorros son más difíciles de entrenar que los perros viejos. Garras, ladran, muerden y mastican todo el tiempo. Los perros viejos han pasado esta fase y están mucho más tranquilos.
  • Además de eso, los perros mayores ya están entrenados para ir al baño e incluso conocen trucos básicos.
  • Los perros de los refugios son generalmente más saludables porque reciben controles médicos con mucha frecuencia.
  • Los viejos animales ya muestran su verdadera personalidad. Un cachorro puede volverse muy diferente años después de que lo compre. (que a menudo es la razón por la que terminan en refugios)
  • Adoptar en los refugios suele ser más barato, incluso si no obtienes el animal gratis. Al comprar en una tienda, los costos médicos serán más altos que el costo de adopción en un refugio, donde los costos médicos ya están incluidos.

Resolviendo el problema

Teniendo en cuenta estas cosas, decidí la siguiente declaración de misión.

Obtenga más animales adoptados de los refugios.

Esto se logrará a través de estos 3 objetivos:

  1. Ayuda a las personas a encontrar una mascota que les quede perfectamente
  2. Disipar los mitos sobre refugios y animales de refugio.
  3. Destaque las ventajas que tienen los refugios sobre las tiendas

Ahora sabemos lo que queremos lograr a través de la interfaz de usuario, por lo que podemos comenzar a diseñar.

Bocetos y tramas

Las características, acciones y piezas de información necesarias ya estaban bastante claras después de las fases anteriores, por lo que pude saltar directamente a un bosquejo rápido para mapear el flujo de usuarios. Traté de incluir todas las características que estaba planeando, y la mayoría de ellas ya se sentía lógica en este punto.

Después de un par de iteraciones en papel, tenía la idea general lista, así que cambié a Sketch, donde es más fácil mover las cosas.

Este fue el resultado final del flujo de usuarios después de un par de iteraciones en Sketch:

Como no tenemos muchas vistas de nivel superior, opté por la navegación inferior con 3 vistas:

  • Explorar
  • Favoritos
  • Contacto (contiene mensajes y citas)

Cada pestaña representa un ciclo diferente en el progreso de los usuarios para encontrar su mascota perfecta, y a medida que el usuario se acerca a su objetivo, se mueve a través de la navegación de izquierda a derecha.

No entraré en detalles para favoritos, visualización de imágenes, mensajes y configuraciones, ya que funcionan más o menos igual que en cualquier otra aplicación.

Las notificaciones son algo que podría olvidarse fácilmente en este caso, pero creo que son muy importantes. Con las notificaciones, la aplicación está prácticamente "configurada y olvidada". Rellene el cuestionario único y, después de eso, recibirá una notificación cada vez que se presente un nuevo animal para adopción que coincida con lo que está buscando. Esto solo ya es un USP muy fuerte. Incluso si el usuario no encuentra una buena coincidencia inicialmente, siempre que mantenga la aplicación instalada, se le notificará de cada nueva coincidencia posible. Esto contribuye en gran medida al logro del objetivo n. ° 1.

Para un animal, esto significa que tan pronto como ingresan al refugio, varias personas reciben un mensaje de inmediato. Esto podría acortar drásticamente el tiempo de espera del animal en el refugio, y en refugios superpoblados posiblemente incluso evitar su muerte.

Entrando en detalle para las dos partes más importantes en el flujo de usuarios:

Incorporación

La pantalla de bienvenida es bastante estándar. Cuenta con un gran ícono de aplicación (preferiblemente animado) para reforzar la marca y agregar algo de deleite visual al primer contacto del usuario con la aplicación. También repite la propuesta de valor que explica al usuario por qué vale la pena completar el cuestionario.

El cuestionario en sí es igualmente simple. Cada página tiene una gran pregunta en la parte superior y varias opciones a continuación. Dado que hay muchas páginas, el asistente pasa automáticamente a la página siguiente después de elegir una opción. El usuario puede regresar para cambiar su respuesta, o avanzar para saltear una pregunta usando las flechas en la parte inferior.

Después de completar el asistente, el usuario obtiene una vista con un indicador de carga artificial. En casos como este, es importante aumentar el valor percibido del producto. Si el usuario pasa ~ 5 minutos respondiendo preguntas, pero los resultados aparecen instantáneamente, puede parecer que el producto realmente no está haciendo nada y que todo su trabajo fue en vano. Mostrar una buena animación de carga durante unos segundos evitará esto.

Si el usuario presiona el botón Omitir en la pantalla de bienvenida, inmediatamente obtiene la vista de listado. Mientras no haya completado el asistente, hay una tarjeta en línea que repite el valor de apoyo e insta al usuario a responder las preguntas.

Explorador

La vista de exploración no tiene muchos controles. Los únicos dos filtros disponibles son la distancia y el tipo de animal. Alguien que está buscando un perro y está dispuesto a hacer un esfuerzo, puede establecer el tipo de animal en Perro y establecer la distancia a 100 km. Esto asegura que encontrará fácilmente la mejor combinación para él.

Las preguntas que el usuario ha respondido previamente no sirven como "filtros", sino que se utilizan para calificar, clasificar y personalizar todos los resultados.

Los animales que son una buena combinación para el usuario se mostrarán en la parte superior de la lista. Cada tarjeta también muestra un resumen de las características del animal, destacando las razones principales por las que esta sería o no una buena opción para el usuario.

Los animales no se ocultan de la lista si no cumplen con algunas de las preferencias del usuario, ya que podría estar dispuesto a comprometerse en un área determinada, si todo lo demás encaja perfectamente. Simplemente se clasifican más abajo en la lista.

La mayoría de los productos de la competencia muestran toda la información posible, lo que complica el producto y dificulta que el usuario tome una decisión debido a la sobrecarga de información.

Aquí he optado por mostrar solo la información relevante para la situación del usuario. El objetivo de la aplicación es encontrar una mascota que se ajuste a ti, no buscar toda la información posible sobre una raza específica.

La parte superior de la página básicamente ya tiene toda la información necesaria: una imagen del animal, su raza y edad, y si es o no una buena combinación.

En base a esta información, el usuario podría elegir marcar el animal como favorito o contactar al refugio.

Para eliminar por completo la fricción para los usuarios que están considerando un animal, agregué la opción de organizar salir a caminar con el perro sin salir de la aplicación. Al tocar el botón se abre un cuadro de diálogo con un selector de tiempo en línea. En solo unos pocos toques, el usuario puede hacer arreglos para conocer a su potencial mascota futura.

A continuación se encuentran las características relevantes del animal, agrupadas por conveniencia.

Las características que requieren más explicación tienen una línea de información de segundos. Cuando se toca, se abre una hoja inferior que brinda más información.

Para ayudarnos a alcanzar el objetivo # 2 y # 3, las características que generalmente se ven como malas, pueden resaltar sus beneficios. Por ejemplo, si un perro tiene 5 años, eso podría parecer una desventaja para el usuario. Pero si el usuario ha indicado previamente que está buscando un perro que requiera poco entrenamiento, entonces, debajo de la edad del perro, explicará cómo los perros mayores requieren mucho menos entrenamiento que los cachorros. De esta manera, podemos educar al usuario cuándo y dónde es relevante, y deshacernos de cualquier noción errónea que pueda haber tenido.

En la parte inferior de la vista, el usuario puede encontrar información sobre el hogar actual del animal. Para ayudarnos a lograr el objetivo # 2, tiene fotos del refugio para mostrar que es mucho más agradable de lo que la mayoría de la gente piensa. Además, hay un breve texto sobre el animal de uno de los empleados. Esto humaniza el refugio y al mismo tiempo muestra que los empleados cuidan a los animales y los tratan bien.

Si hubiera interacciones, gestos o animaciones desafiantes, me mudaría a Framer en este punto para hacer algunos prototipos. Como no hay ninguno, (desafortunadamente) salté esta etapa.

Alta fidelidad

El asistente tiene muchas preguntas, por lo que para acelerar el proceso, el usuario debe poder escanear la página lo más rápido posible. Sin distracciones, solo el contenido.

Después de seleccionar una respuesta, el contenido se mueve fuera de la vista hacia la izquierda mientras entra la siguiente pregunta.

El número en la parte inferior aumenta en uno y el indicador progresa ligeramente.

La vista de resultados pone imágenes de los animales al frente y al centro.

El primer nombre de los animales se está utilizando para establecer una conexión emocional.

La parte inferior de cada tarjeta tiene todas las características relevantes que le dicen al usuario por qué este animal es o no es una buena combinación.

En este punto, estamos tratando principalmente de llevar al usuario a la vista de detalles, por lo que buscaremos una reacción de "OMG tan lindo" que conduciría a un clic.

Cuando obtenemos al usuario en la vista detallada, queremos abordar sus preocupaciones sobre los refugios y enfatizar los beneficios de la adopción.

Toda la información central y la acción son visibles arriba del pliegue.

Aunque el contacto puede parecer la acción más esencial, puse el favorito en el FAB porque queremos alentar al usuario a mantener una lista corta. Mientras más esfuerzo haya puesto el usuario en personalizar la aplicación, es menos probable que la abandone.

La acción BOOK A WALK aparece en la parte superior de la página y se muestra tan prominente como las otras acciones. Esto es ideal para los usuarios que están considerando adoptar y desean ver al animal en persona, pero se ven obstaculizados por el compromiso de decirle al refugio que están interesados ​​en adoptar. El usuario debe pensar "por qué no, vamos a intentarlo".

Amplíe su meta

El ejercicio decía diseñar esto como si fuera un producto real de Google. Si bien no es exactamente parte de la aplicación, si realmente estuviera diseñando esta aplicación para Google como empleado de Google, también trataría de lograr nuestros objetivos aprovechando otras partes del ecosistema masivo de Google.

Hay muchos otros servicios en los que se podría integrar un producto como este. Piense en las tarjetas dentro de Google Now, o en un diseño mejorado para Google Maps para refugios, donde los empleados pueden cargar imágenes de todos los animales de manera organizada (similar a cómo los restaurantes ahora tienen una sección de "menú").

Una integración que creo que podría ser especialmente interesante es Chromecast.

Siempre me han gustado las imágenes que aparecen cuando el dispositivo está inactivo, y aunque se ven geniales, creo que hay mucho potencial perdido allí.

Fuera de tema: Desearía que Google Flights y Google Trips fueran una sola aplicación, donde puedo explorar, reservar y planificar mis viajes. Mi solicitud número 1 para esta aplicación no existente es la integración de Chromecast.
A menudo veo lugares increíbles en mi Chromecast y desearía poder decir "OK ​​Google, agrega esto a mi lista de deseos de viaje". Esto agregaría la ubicación que está actualmente en mi Chromecast a la aplicación Google Flights + Trips como ubicación destacada.

Volviendo al tema: en vano similar, algo que contribuiría en gran medida a lograr nuestro objetivo de aumentar la tasa de adopción en los refugios sería crear conciencia.

Una excelente manera de hacerlo sería mostrar imágenes bonitas de animales cercanos en refugios / hogares de acogida en Chromecasts inactivos.

A todos les gustan las fotos de gatos y perros lindos, y crea conciencia sobre el tema y brinda una enorme cantidad de exposición a los refugios locales. Ganar ganar ganar.

Un lindo perro, gato, tortuga o conejito podría aparecer en uno de los más de 30 millones de televisores conectados a Chromecast, y un par de clics más tarde el animal ya podría ser adoptado.

¡Gracias por leer!

Más en twitter.com/kuijkenpol