O projeto do rastreador para cães
Mishiko foi desenvolvido desde 2015 e, durante esse período, passamos por dezenas de iterações no design - tanto o rastreador em si quanto o aplicativo móvel.
Especialmente para o nosso blog, pedimos à designer-chefe da Mishiko Daria Ivashchenko que conte a história do design do aplicativo Mishiko.
Daria Ivashchenko, Mishiko:Quando um projeto é criado ao longo de vários anos, a mudança global não pode ser evitada. No caso de Mishiko, o aplicativo móvel é apenas uma parte de um grande ciclo que inclui a plataforma, o hardware e a produção. A evolução - ou melhor, uma mudança nos vetores de desenvolvimento do projeto - já pode ser rastreada pelo ícone do aplicativo e quão dramática ela foi alterada de tempos em tempos:
Mas vamos começar em ordem.
Então, a primeira coisa que encontramos foi o desenvolvimento da página principal do aplicativo. No início, refletimos sobre o conteúdo que deve ser exibido aqui. Pode ser um feed do tipo Facebook ou apenas informações básicas sobre a atividade do cão. Ou a função principal é a localização do cachorro, e todo o resto deveria estar em guias adicionais?
Pensamos muito nos diferentes elementos de gamificação, conquistas e emblemas do tipo Quadrangular e, portanto, queríamos colocar na primeira página o máximo de informações possível sobre os donos de cães do dono do gadget. A funcionalidade paralela (que nós, no entanto, não recusamos) era a idéia de uma rede social para procurar cães perdidos. Portanto, ao mesmo tempo, tivemos uma ideia com um mapa de cães por perto (incluindo anúncios sobre "perdas"), bem como a oportunidade de apenas encontrar novos amigos perto de casa.
De acordo com nossa lógica, para obter conquistas, não era necessário obter novos registros sempre. Pelo contrário, você conquista a todos: ficou em casa o dia todo? Pegue a pedra. Mas essas recompensas cômicas não interferiram na linha principal com a conquista de novos objetivos e competições em atividade com cães vizinhos.
Pensamos muito sobre gamificação e socialização no aplicativo. E, idealmente, queríamos fazer essas duas coisas também juntas. Achamos que seria legal não apenas compartilhar informações com amigos sobre novos objetivos, mas também sobre recordes quebrados. Ou seja, quando o seu cão foi o mais ativo em toda a história do uso do Mishiko.
Por fim, também queríamos realizar conquistas especiais. Por exemplo, para visitar os mesmos lugares muitas vezes: você vai com o cachorro à loja de animais, vai e bam: você tem um distintivo "principal na área". Ou você tem 50 amigos de criadores de cães - viva, consiga uma conquista. Ou o seu pug se tornou naquele dia o cão mais ativo da região! Mantenha um novo crachá.
A idéia de realizações foi especialmente estonteante quando escolhemos inicialmente o estilo geral de desenho animado do projeto. Então esse cara deve se tornar o personagem principal da mascote:
Por que decidimos recusar? Porque nossos objetivos de negócios mudaram.
Sim, é um pouco triste quando eu tive que redesenhar tudo, mas no geral a situação é normal. É importante entender que estávamos constantemente ligados ao “hardware”, que estava mudando constantemente, ao preço final do dispositivo e outras questões - e tudo isso influenciou o estilo de Mishiko. O estilo dos desenhos animados começou a parecer ridículo quando chegamos às versões mais ou menos finais do design industrial do rastreador, seu layout e, é claro, quando aprendemos o preço final - cerca de 10 mil rublos.
Tchau, estilo cartoon!
Testando mais
Ao desenvolver os primeiros aplicativos MVP, começamos desenvolvendo quadros de rascunho de wifi. Aqui estão elas:
E já nessa fase surgiu uma das primeiras hipóteses, que rejeitamos quase imediatamente - essa é a navegação “para a esquerda”, como aqui:
Os primeiros testes mostraram que a navegação de baixo no nosso caso aumenta o tempo do usuário no aplicativo várias vezes. O uso do aplicativo Mishiko é muito mais parecido com o Instagram do que qualquer aplicativo de rastreamento, como o compartilhamento de carros. Não queremos que o usuário efetue login, veja a localização do animal de estimação - e fuja. Em vez disso, nosso objetivo é que ele entre, observe dados interessantes sobre a atividade do cão, estude os dados da atividade da semana ou do mês nos gráficos e lembre-se de suas caminhadas. Bem, ou entrou no calendário de eventos e atualizou a lista de "assuntos de cães", como ir ao veterinário ou salão de beleza. Não queremos que o usuário use o aplicativo com pressa.
Mudanças dolorosas
Entendendo que não podemos passar do MVP para o produto final em uma única etapa, começamos a cortar os recursos em básicos e opcionais. A primeira coisa que tive que me recusar a liberar foi de um feed do tipo Facebook.
A segunda mudança - começamos a medir a atividade em pontos, e não no "tempo da atividade", como era no início. Os testes mostraram que é muito mais fácil perceber as realizações em pontos do que no “tempo” de quanto tempo o cão passou em qual modo (atividade forte / fraca / sono).
Entendemos que as pontuações também são, obviamente, um sistema abstrato de medidas. Mas ela explica o objetivo: para o seu cão, você precisa de muitos pontos. E o usuário médio não é tão importante quanto é considerado - e quem se importa, ele já estudará os gráficos detalhados e nossa metodologia de cálculo. Talvez, eventualmente, nos afastemos do sistema de bola, mas a maioria dos aplicativos de fitness também mede tudo em pontos. Isso facilita o trabalho com diversos tipos de atividades - seja em corrida, natação, caminhada, qualquer que seja.
Em terceiro lugar, alteramos o formato de exibição da tela principal de atividades. Vamos falar sobre isso com mais detalhes.
Mostrar atividade
Ao trabalhar na tela de atividades - a principal no aplicativo Mishiko - recebeu uma introdução básica de uma equipe de engenheiros. Portanto, o dispositivo coleta dados de aceleração do acelerômetro, suficientes para distinguir a atividade dos três tipos. Paz, atividade média e alta atividade.
Para visualizar esses dados (aparentemente simples), encontramos vários problemas técnicos. Aqui está uma das primeiras opções de visualização que criamos:
O que confundiu as pessoas aqui? No mínimo, os tipos de atividade eram da mesma cor que os registros diários. Pareceu a todos que, se o dia estava pintado de azul, o cachorro ficou inativo por tanto tempo. Embora, na verdade, esse simplesmente não seja o dia mais ativo na soma dos três tipos de atividades. Este foi um erro de design. Outro ponto - nesse estágio, ainda considerávamos a atividade em minutos, não em pontos, e isso também era terrivelmente inconveniente para o usuário.
Então tentamos esta opção:
Como você pode ver, ficou muito mais fácil e compreensível. Em azul, marcamos um dia “normal” em que o cão não alcançou a meta em pontos. À medida que você alcança seu objetivo, a cor muda primeiro para azul e depois para amarelo - quando um novo registro já foi realizado.
Paralelamente, testamos a opção com um círculo que envolve novos círculos de uma cor diferente em si. Aqui está esta opção:
Qual foi o problema? Decidimos testar esta hipótese na visualização: um de nossos designers estava em Berlim e andava de bicicleta. E ele tinha o seguinte: quando os pontos cruzaram a primeira rodada, a cor mudou de azul escuro para azul (ou seja, a segunda rodada começou). Mas quando o sujeito excedeu o segundo círculo e passou para o terceiro, o círculo começou a girar simplesmente em um novo. Foi muito inconveniente e incompreensível. Portanto, adicionamos extra. cores em cima disso para evitar essas sobreposições.
Durante uma série de experimentos com visualização, por exemplo, estes:
... Chegamos a esta versão final:
Eliminamos todos os "círculos" desnecessários, deixando apenas o mínimo básico. Ao longo do dia, foi decidido eliminar os gráficos, porque, de acordo com os resultados dos testes, vimos que essa era uma informação desnecessária para a maioria dos criadores de cães.
E os gráficos de atividades? Oh, isso é outra história. Vamos lá
Mostrar estatísticas de atividades
A primeira coisa que pensamos quando começamos a trabalhar com estatísticas é que ela é sempre incondicional para o usuário médio. Pareceu-nos que, quando o usuário entra nos dados, ele está imediatamente pronto para a "lata". E quanto mais “zangados” os dados parecerem, mais gráficos bonitos existirão, mais interessante será o usuário. E tentamos experimentar isso. Acabou sendo interessante, mas, em geral, os usuários de gráficos complexos causaram mais perguntas do que respostas. Veja você mesmo e tente descobrir aqui:
Uma questão relacionada que discutimos com frequência é a necessidade de reduzir números quando falamos em pontuação. O motivo é simples: a princípio, dividimos os detalhes em 1000-2000 pontos ou centenas em geral. Centenas de águas rasas primeiro: muitas vezes são confundidas com interesse e essa é uma péssima associação.
Em seguida, adicionamos outro "zero", começamos a testar os algoritmos do dispositivo e vimos que, com o número de pontos em torno de 2000, você recebe pontos adicionais para um grande número de etapas. Ou seja, você recebe um ponto +1 condicional, não em 15 etapas, mas pelo menos cem. E como todo o rastreamento ocorre quase em tempo real, parece que não há atualizações ou elas não funcionam quando você percorre uma curta distância. Chegamos então a números mais assustadores (20 a 30 mil), que, por sua vez, fornecem um resultado tangível para qualquer número de pontos. Andou - conseguiu alguns milhares, deu alguns passos - conseguiu algumas dezenas de pontos.
Como resultado, levamos o design das estatísticas a uma forma tão minimalista:
Como ele está com você? Vamos discutir)