Carrate Chop - Estudo de caso de UX

Problema

Os estudantes universitários estão constantemente ocupados entre atividades acadêmicas e sociais que, às vezes, colocam a comida como uma segunda prioridade e se sentem sobrecarregados em como incorporar a culinária em seus horários. Especialmente durante os horários de pico, como as provas intermediárias e as finais, onde muitos estudantes passam a comer principalmente, e eu e minha parceira Serena queríamos saber como lidar com isso.

Em resumo, como resolver esta questão: “Como podemos criar uma maneira de os estudantes universitários cozinharem refeições rápidas e fáceis para sua agenda lotada?”

Objetivo

O objetivo era criar um aplicativo de culinária que ajudasse os estudantes universitários a fazer uma transição melhor da culinária mal, seja porque é a primeira vez que vivem sozinhos ou estão saindo de um plano de refeições para cozinheiros eficientes.

Itens indispensáveis ​​para o aplicativo

  • Processo de integração
  • Inscrever-se / Entrar
  • Principais funções da pesquisa de página de alimentos / favoritos, página de planejamento e plataforma atraente para os usuários compartilharem dicas de culinária

Calendário e entregas

  • 1 semana para apresentar
  • Pesquisa, definição e ideação, crie uma página de destino, wireframes de baixa fidelidade, maquete e protótipo de alta fidelidade
  • Teste e reprojeto de usabilidade (e um pouco mais de reprojeto)

Pesquisa de Usuário

1. Entrevistas não dirigidas

As principais conclusões das cinco conversas mais casuais com estudantes universitários foram que atualmente elas são:

  • Não usando receitas
  • Pesquisando como cozinhar ingredientes individuais (ou seja, abóbora em vez de procurar a caçarola que a inclui)
  • Receba dicas de amigos e pais também

Dicas compartilhadas por alunos para aluno:

  • Ter um fornecimento constante de ingredientes básicos / a granel
  • Especiarias!
  • Preparação de refeições

Isso nos deu um impulso para que os alunos continuassem a se envolver, porque todos estão aprendendo novos truques e dicas na cozinha!

2. Pesquisa on-line

A pesquisa on-line realmente nos ajudou a obter mais dados quantitativos. Abaixo estão os gráficos dos principais tópicos de mais de 20 respostas de estudantes universitários:

Oportunidade chave para ajudar ao máximo o jantarOportunidade chave para ajudar a saltar de um 4 para um 5

Existe um interesse geral em cozinhar e o jantar é o local principal para este aplicativo, para ajudar os alunos a alcançar seu objetivo de cozinhar em casa. Além disso, muitas das razões pelas quais os alunos tinham 3 ou 4 anos em termos de gostar de cozinhar levaram muito tempo e / ou não o planejaram bem. Também aprendemos que o tempo médio que os alunos desejam cozinhar é de 30 minutos, assegurando o objetivo de ajudar os alunos a serem mais eficientes na cozinha, mantendo isso em mente ao criar um inventário para as receitas.

3. Dos dois métodos de pesquisa

Citações diretamente dos usuários sobre o motivo pelo qual eles gostam de cozinhar:

“Melhor que comida no refeitório”
“Tentando comer mais saudável”
"Relaxante"
"Meditativo"
"Experiencia recompensadora"
"Une as pessoas"

Persona do Usuário

A partir da pesquisa, foi criada a Busy Betty. Ela é representante da principal base de clientes que atingiríamos.

Biografia: “Café e exames”

Dados demográficos:

  • 19 anos de idade
  • solteiro
  • Renda de classe média
  • Estudante universitário do segundo ano

Valores:

  • Eficiência

Metas:

  • Acabou de sair do plano de refeições e quer poder cozinhar em casa com mais frequência e economizar dinheiro este ano!
  • Aprecia refeições saborosas e saborosas

Desafios:

  • Agenda lotada
  • Não sabe cozinhar uma grande variedade de alimentos

Gestão de marca

Nomeação

Carrate Chop foi um pouco brincalhão com as palavras (punny) e memorável por ser distinguível com a demografia da faculdade.

Logotipo

Foram necessárias várias iterações antes de acertarmos o logotipo. Abaixo você pode ver o processo em evolução antes de obtermos o seguinte:

Rodada 1Removida esta versão em escala de cinzaTrês versões finais!

Era importante mantê-lo fresco e moderno, enquanto ainda era facilmente reconhecível em preto e branco para páginas diferentes ou mercadorias futuras.

Tipografia

Escolhemos Delius para mantê-lo sem serifa e cheio de curvas, sabendo que sans serif lê as melhores fontes on-line e curvas, mais quentes e acolhedoras.

Esquema de cores

A paleta de cores girava em torno de tons quentes, com base na psicologia, mostrando que o vermelho deixa os usuários mais famintos. Afinal, é um aplicativo de culinária!

Página de destino

Agora, com a marca e as idéias em mente (e um pouco de HTML / CSS), a página de destino foi criada:

Acima da dobra

Aplicativo para telefone - Wireframes

Mas a página de destino foi tudo para finalmente fazer com que o cliente baixasse nosso aplicativo. Reunimos inspiração em outros aplicativos de culinária, como Tastee e Allrecipes.com, mas adaptamos nossas funções e simplificamos para não sobrecarregar os alunos ocupados.

Abaixo está a versão de baixa fidelidade do aplicativo:

Processo de integraçãoPop-up de personalização e receitaPlanejar e interagir com outras funções do usuário

Maquetes Versão 1

Alta fidelidade do aplicativo que foi mostrado ao nosso usuário para o teste de usabilidade:

Processo de integração para despertar interesse nos usuários das principais funções do aplicativoPágina de loginMantendo o aplicativo acessível com recursos de personalizaçãoPágina Inicial e Página FavoritosFunção do planoDicas de compartilhamento e leitura

Testando usabilidade

Essa é uma das etapas mais críticas do design, na qual assistimos o usuário acessar o aplicativo no InVision e ver onde estavam confusos ou presos. Definitivamente, havia um punhado de comentários que levamos em conta para melhorar a versão 2.

O bom:

  • Logotipo e cores

O mal:

  • A rolagem / toque no lado direito das telas integradas não parecia intuitiva
  • Não entendia completamente a função do calendário

O terrível:

  • Depois que as opções personalizadas são selecionadas, não há botão próximo → usuários muito confusos sobre o que fazer a seguir

Versão 2

As principais correções estavam na página “personalizando a dieta”, na qual incluímos marcas de seleção e um botão seguinte para ajudar a orientar os usuários. De maneira semelhante, adicionamos setas no processo de integração, caso o usuário não percebesse que poderia tocar para seguir em frente. Também expandimos as restrições alimentares e as opções de alimentos nas quais você pode clicar para ajudar os usuários a ter mais clicabilidade em nosso protótipo.

Protótipo no InVision

O design tem tudo a ver com reprojetar e repensar; portanto, se você passar pelo protótipo, informe-nos se ainda há algo que possa ser corrigido!