Saw, Shura: cómo diseñamos la aplicación móvil de seguimiento de perros Mishiko

El proyecto del rastreador para perros Mishiko se ha desarrollado desde 2015, y durante este tiempo pasamos por docenas de iteraciones en el diseño, tanto el rastreador como la aplicación móvil.

Especialmente para nuestro blog, le pedimos a la diseñadora principal de Mishiko, Daria Ivashchenko, que contara la historia del diseño de la aplicación Mishiko.

Daria Ivashchenko, Mishiko:

Cuando se crea un proyecto durante varios años, no se puede evitar el cambio global. En el caso de Mishiko, la aplicación móvil es solo una parte de un gran ciclo que incluye la plataforma, el hardware y la producción. La evolución, o, más bien, un cambio en los vectores de desarrollo de proyectos, ya se puede rastrear mediante el icono de la aplicación y la forma en que cambió de vez en cuando:



Pero empecemos en orden.

Entonces, lo primero que encontramos fue el desarrollo de la página principal de la aplicación. Al principio, reflexionamos sobre el contenido que debería mostrarse aquí. Podría ser un feed de tipo Facebook, o simplemente información básica sobre la actividad del perro. ¿O la función principal es la ubicación del perro, y todo lo demás debería haber estado en pestañas adicionales?

Pensamos mucho en los diferentes elementos de gamificación, logros e insignias del tipo Cuadrangular y, por lo tanto, queríamos colocar en la primera página la mayor cantidad de información posible sobre los dueños de perros del propietario del gadget. La funcionalidad paralela (que, sin embargo, no rechazamos) fue la idea de una red social para buscar perros perdidos. Por lo tanto, al mismo tiempo, tuvimos una idea con un mapa de perros cercanos (incluidos anuncios sobre "pérdidas"), así como la oportunidad de conocer nuevos amigos cerca de la casa.



Según nuestra lógica, para obtener logros, no era necesario tomar nuevos registros cada vez. Por el contrario, le das a todos un logro: ¿mentiste en casa todo el día? Atrapa la piedra. Pero tales recompensas cómicas no interfirieron con la línea principal con el logro de nuevos objetivos y competencias en actividad con perros vecinos.

Pensamos mucho sobre la gamificación y la socialización dentro de la aplicación. E idealmente, queríamos hacer estas dos cosas también juntas. Creemos que sería genial no solo compartir información con amigos sobre nuevas metas, sino también sobre registros rotos. Es decir, cuando su perro fue el más activo en toda la historia del uso de Mishiko.

Finalmente, también queríamos hacer logros especiales. Por ejemplo, para visitar los mismos lugares muchas veces: vas con el perro a la tienda de mascotas, ve y bam: tienes una insignia "principal en el área". O tienes 50 amigos de criadores de perros: hurra, consigue un logro. ¡O ese pug se convirtió ese día en el perro más activo de la zona! Mantenga una nueva insignia.

La idea de los logros fue especialmente vertiginosa cuando elegimos inicialmente el estilo general de dibujos animados del proyecto. Entonces este tipo debería convertirse en el personaje principal de la mascota:




¿Por qué decidimos rechazarlo? Porque nuestros objetivos comerciales han cambiado.

Sí, es un poco triste cuando tuve que volver a dibujar todo, pero en general la situación es normal. Es importante comprender que estábamos constantemente atados al "hardware", que cambiaba constantemente, al precio final del dispositivo y otros problemas, y todo esto influyó en el estilo de Mishiko. El estilo de dibujos animados comenzó a parecer ridículo cuando obtuvimos opciones más o menos finales para el diseño industrial del rastreador, su diseño y, por supuesto, cuando descubrimos su precio final: alrededor de 10 mil rublos.

¡Adiós, estilo de dibujos animados!



Pruebas adicionales


Al desarrollar las primeras aplicaciones MVP, comenzamos desarrollando borradores de marcos wifi. Aquí están:



Y ya en esta etapa surgió una de las primeras hipótesis, que rechazamos casi de inmediato: esta es la navegación "hacia la izquierda", como aquí:



Las primeras pruebas mostraron que la navegación desde abajo en nuestro caso aumenta el tiempo del usuario en la aplicación varias veces. El uso de la aplicación Mishiko es mucho más parecido a Instagram que cualquier aplicación de seguimiento como compartir el automóvil. No queremos que el usuario inicie sesión, vea la ubicación de la mascota y salga corriendo. En cambio, nuestro objetivo es que él ingrese, mire datos interesantes sobre la actividad del perro, estudie los datos de actividad para la semana o el mes en los gráficos y recuerde sus paseos. Bueno, o entré en el calendario de eventos y actualicé la lista de "asuntos caninos" como ir al veterinario o al salón de belleza. No queremos que el usuario use la aplicación a toda prisa.

Cambios dolorosos


Al comprender que no podemos pasar del MVP al producto final en un solo paso, comenzamos a cortar las funciones en funciones básicas y opcionales. Lo primero que tuve que negarme a publicar fue un feed tipo Facebook.

El segundo cambio: comenzamos a medir la actividad en puntos, y no en el "tiempo de actividad", como era al principio. Las pruebas han demostrado que es mucho más fácil percibir los logros en puntos que en el "tiempo" de cuánto tiempo pasó el perro en qué modo (actividad fuerte / débil / sueño).

Entendemos que los puntajes son, por supuesto, también un sistema abstracto de medidas. Pero ella explica el objetivo: para tu perro necesitas tantos puntos. Y el usuario promedio no es tan importante como se los considera, y a quién le importa, ya estudiará los gráficos detallados y nuestra metodología de cálculo. Quizás eventualmente nos alejemos del sistema de pelota, pero la mayoría de las aplicaciones de fitness también miden todo en puntos. Esto facilita el trabajo con una variedad de tipos de actividad, ya sea correr, nadar, caminar, lo que sea.

En tercer lugar, cambiamos el formato de visualización de la pantalla de actividad principal. Hablemos de esto con más detalle.

Mostrar actividad


Al trabajar en la pantalla de actividad, la principal en la aplicación Mishiko, recibió una introducción básica de un equipo de ingenieros. Por lo tanto, el dispositivo recopila datos de aceleración del acelerómetro, suficiente para distinguir la actividad de los tres tipos. Paz, actividad media y alta actividad.

Para visualizar estos datos (aparentemente simples), encontramos una serie de problemas técnicos. Aquí está una de las primeras opciones de visualización que se nos ocurrió:



¿Qué confundió a la gente aquí? Como mínimo, los tipos de actividad eran del mismo color que los registros diarios. A todos les parecía que si el día estaba pintado de azul, entonces el perro estaba inactivo durante tanto tiempo. Aunque, de hecho, este simplemente no es el día más activo en la suma de los tres tipos de actividad. Este fue un error de diseño. Otro punto: en esta etapa, aún consideramos la actividad en minutos, no los puntos, y esto también fue terriblemente inconveniente para el usuario.

Luego probamos esta opción:



Como puede ver, se ha vuelto mucho más fácil y más comprensible. En azul marcamos un día "normal" cuando el perro no alcanzó la meta en puntos. A medida que alcanza su objetivo, el color cambia primero a azul y luego a amarillo, cuando ya se ha tomado un nuevo registro.

Paralelamente, probamos la opción con un círculo que "envuelve" nuevos círculos de un color diferente sobre sí mismo. Aquí está esta opción:



Cual era el problema Decidimos probar esta hipótesis sobre la visualización: uno de nuestros diseñadores estaba en Berlín y montaba una bicicleta. Y tenía lo siguiente: cuando los puntos cruzaron la primera ronda, el color cambió de azul oscuro a azul (es decir, comenzó la segunda ronda). Pero cuando el sujeto superó el segundo círculo y cambió al tercero, el círculo comenzó a girar simplemente en uno nuevo. Fue muy inconveniente e incomprensible. Por lo tanto, agregamos extra. colores encima de esto para evitar tales superposiciones.

Durante una serie de experimentos con visualización, por ejemplo, estos:




... Hemos llegado a esta versión final:


Hemos eliminado todos los "círculos" innecesarios, dejando solo el mínimo básico. En el transcurso del día, se decidió eliminar los gráficos, porque de acuerdo con los resultados de la prueba, vimos que esta era información innecesaria para la mayoría de los criadores de perros.

¿Qué pasa con los gráficos de actividad? Oh, esa es otra historia. Vamos

Mostrar estadísticas de actividad


Lo primero que pensamos cuando comenzamos a trabajar con estadísticas fue que siempre es hardcore para el usuario promedio. Nos pareció que cuando el usuario ingresa a los datos, está inmediatamente listo para la "lata". Y cuanto más "enojados" se vean los datos, más bonitos son los gráficos, más interesante es el usuario. Y tratamos de experimentar con esto. Resultó interesante, pero en general, los usuarios de gráficos complejos causaron más preguntas que respuestas. Compruébelo usted mismo y trate de resolverlo aquí:



Un tema relacionado que discutimos a menudo es la necesidad de reducir los números cuando hablamos de puntajes. La razón es simple: al principio dividimos los detalles en 1000-2000 puntos o cientos en general. Cientos de aguas poco profundas primero: a menudo se confunden con el interés y esta es una mala asociación.




Luego agregamos otro "cero", comenzamos a probar los algoritmos del dispositivo y vimos que con la cantidad de puntos alrededor de 2000, se le otorgan puntos adicionales para una gran cantidad de pasos. Es decir, obtienes un punto condicional +1 no en 15 pasos, sino al menos cien. Y dado que todo el seguimiento se realiza casi en tiempo real, parece que no hay actualizaciones o que no funcionan cuando caminas una distancia corta. Luego llegamos a números más aterradores (20-30 mil), que a cambio dan un resultado tangible para cualquier número de puntos. Caminé, obtuve un par de miles, di algunos pasos, obtuve un par de decenas de puntos.

Como resultado, llevamos el diseño de estadísticas a una forma tan minimalista:



¿Cómo es él para ti? Hablemos)

Source: https://habr.com/ru/post/es402383/


All Articles