O projeto
O projeto
O projeto consistiu no desenvolvimento de um site de receitas que atende às necessidades de praticidade e acessibilidade para usuários. O site foi projetado para ser responsivo, garantindo uma experiência fluida em dispositivos móveis, tablets e desktops. Para facilitar a navegação, foram implementadas opções de busca avançada por palavras-chave, categorias e filtros específicos, permitindo encontrar receitas de forma rápida e precisa. O design intuitivo priorizou a facilidade de uso, com funcionalidades simples para salvar receitas favoritas e compartilhar conteúdos de maneira prática em diferentes plataformas.
A principal ferramenta usada para execução deste projeto foi o Adobe XD.
Desafios
1) Criar um site responsivo
2) Permitir que usuários façam a busca por pesquisa, categorias e filtros
3) Criar um design intuitivo e fácil de salvar e compartilhar receitas
Ponto Inicial
A pesquisa inicial com os usuários em potencial revelou diversos insights que foram cruciais para a elaboração deste projeto. Dentre as informações coletadas, foi possível perceber que pessoas que consideram que sabem cozinhar usam sites de receitas com mais frequência, pois estão sempre em busca de pratos e processos mais complexos.
Além disso, pude perceber que vídeos e fotos de redes sociais ou programas de TV funcionam como gatilho para que os usuários pesquisassem receitas em sites de culinária.
O tamanho do vídeo foi outro aspecto que a maioria dos usuários concordou: para receitas mais complexas, os usuários preferem vídeos mais longos e com processos muito bem explicados e para receitas mais simples ou que os usuários já haviam preparado antes preferem vídeos mais curtos.
Personas
33 anos, Publicitário
Wilson Chaves adora se desafiar na cozinha e dedica várias horas de seu dia consumindo conteúdo sobre culinária. Adora cozinhar para os amigos e família. Acredita que cozinhar bem é um ato de carinho e atenção consigo e com os outros. Geralmente, testa receitas que viu em redes sociais e apesar de adorar o hobby e estar sempre em busca de aprendizados, não tem intenção de se tornar um chef profissional.
21 anos, Estudante
Manu Farias é vegana há pouco mais de um ano e sente a necessidade de testar novas receitas para não ter uma alimentação muito restrita. Como há poucas opções de restaurantes veganos com pratos diversificados em sua cidade, Manu costuma cozinhar marmitas para a semana inteira. Usar sites de receitas ajuda bastante para descobrir novos pratos e sabores.
Declarações de Problemas
Vitor Chaves é um cozinheiro amador que precisa de um site com tutoriais de receitas que expliquem as técnicas e processos usados porque além de cozinhar, ele gosta de entender a importância por trás de cada passo para testar em outras receitas do dia a dia.
Manu Farias não consome alimentos de origem animal, por isso precisa filtrar receitas veganas dentro do site para não perder tempo procurando receitas que não irá consumir.
Wireframes
A ideia inicial era dar ênfase aos vídeos, mas já durante a criação dos wireframes de papel percebi que as fotos podem ser muito mais atrativas na escolha de uma receita. Além disso, a lista de ingredientes é outro fator crucial para a decisão de preparar ou não uma receita.
Por isso, ao criar o segundo rascunho troquei o vídeo por imagem e trouxe a lista de ingredientes para a coluna ao lado da foto.
Protótipo de baixa fidelidade
O protótipo de baixa fidelidade foi testado por 5 participantes com idades entre 21 e 38 anos. A tarefa definida no estudo de usabilidade para testar a taxa de erro de usuário foi "escolher uma receita vegana: a coxinha de jaca". 100% dos participantes chegaram na receita seguindo o mesmo fluxo dentro do site: Página Inicial> Categorias > Veganas> Coxinha de Jaca. A partir de informações na primeira pesquisa, adicionei um botão abaixo do vídeo, onde o usuário pode optar por escolher a versão mais longa ou mais curta do tutorial. A maioria dos participantes da pesquisa viram utilidade nesta função e declararam que provavelmente a usariam.
Para cada desafio, uma solução
1) Site responsivo
O principal desafio era criar um site responsivo. Então, além de criar o mockup para a versão desktop, também adaptei o design para uma tela mobile, respeitando as proporções de uma tela menor de forma que não houvesse prejuízo para os usuários que optassem por acessar o site por um dispositivo móvel.
2) Busca e filtros
Além da barra de pesquisa na página inicial, também criei um menu com diversas categorias, já que o produto oferecia uma infinidade de possibilidades. Além disso, também criei uma barra de menu com as categorias mais pesquisadas na página inicial.
4) Login
Ao adicionar a opção de salvar receitas, percebi que seria necessário também criar uma página para login. Sendo assim, os usuários cadastrados no site, poderiam além de ver sua lista de receitas salvas, também poderiam deixar comentários nas receitas.
3) Compartilhando e salvando receitas
Durante a pesquisa com usuários em potencial, foi possível identificar que ver um prato em uma rede social era um dos principais gatilhos para que o usuário pesquisasse uma receita em site de culinária. Sendo assim, quis facilitar o compartilhamento dessas receitas em redes sociais. Além disso, adicionei um botão para "favoritar" uma receita.
Wireflow
Conclusão
Durante a execução desse projeto, pude notar a minha evolução em diversas etapas do processo de design.
Em relação ao primeiro projeto, considero que dessa vez fiz escolhas mais ajustadas às necessidades dos usuários e isso foi resultado das escolhas que fiz, principalmente na primeira entrevista com os usuários em potencial, pois consegui fazer perguntas mais assertivas e em troca recebi melhores respostas, o que resultou em insights mais pertinentes.
Entre eles, posso citar a possibilidade de escolher assistir o tutorial mais curto ao invés do mais longo, a possibilidade de ter uma lista de receitas salvas no perfil do usuário, a possibilidade de compartilhar "o segredinho" no seu preparo e a aba de sugestão de pratos que harmonizam com a receita escolhida.
Apesar de não ter implementado ainda todas as ideias que tive para o site do Eu Chef, acredito que projetei uma experiência agradável para a maioria dos usuários.