Culinarium

Aplicação e site para encontrar e visualizar tutoriais de culinária

Cliente

Google / Coursera

ano

2023

#ux #ui #user #conteúdo #design #adobexd

Meu papel

UX UI Designer

Data

Início – Setembro

Finalização – Outubro

Ferramentas

_ Adobe XD
_ Miro
_ Photoshop
_ Illustrator

Processos

_ Entrevistas
_ Wireframes
_ Prototipagem
_ Estudos de Usabilidade
_ Consideração da Acessibilidade
_ Iteração em Designs
_ Arquitetura da Informação
_ Design Responsivo

Visão geral do projeto

Proposito do projeto

Este estudo de caso apresenta o processo de design e desenvolvimento de um site e aplicativo para tutoriais de culinária, denominado “Culinarium”. O projeto foi desenvolvido para formatos desktop e mobile.

 

O projeto teve como objetivo criar uma plataforma intuitiva, fácil de usar e visualmente atraente, que permitisse aos usuários encontrar e visualizar tutoriais de culinária de maneira eficiente e agradável. 

O que é o Culinarium?

Este estudo de caso apresenta o processo de design e desenvolvimento de um site e aplicativo para tutoriais de culinária, denominado “Culinarium”.

 

O projeto teve como objetivo criar uma plataforma intuitiva, fácil de usar e visualmente atraente, que permitisse aos usuários encontrar e visualizar tutoriais de culinária de maneira eficiente e agradável.

 

O projeto foi desenvolvido para formatos desktop e mobile.

Problema

O problema central que o “Culinarium” visa resolver é a dificuldade que muitos usuários enfrentam ao tentar encontrar tutoriais de culinária online que sejam de alta qualidade, fáceis de seguir e que atendam a seus níveis de habilidade e preferências culinárias.

 

Os usuários muitas vezes se deparam com sites desorganizados, com excesso de informações, interfaces confusas e uma grande quantidade de receitas sem curadoria ou avaliações confiáveis.

 

Além disso, muitos sites e aplicativos não oferecem funcionalidades práticas, como salvar receitas favoritas, compartilhar com amigos ou ajustar porções.

Meta do aplicativo

A meta principal do “Culinarium” é simplificar e aprimorar a experiência de busca e visualização de tutoriais de culinária online, proporcionando aos usuários uma plataforma centralizada, intuitiva e visualmente atraente.

 

O aplicativo visa ser uma solução prática e acessível para usuários de todos os níveis de habilidade, desde cozinheiros iniciantes até chefs experientes.

 

Além disso, o “Culinarium” tem como objetivo criar uma comunidade de amantes da culinária, onde os usuários podem compartilhar suas experiências, avaliações e receitas favoritas, ajudando a enriquecer o conteúdo disponível na plataforma.

Entendendo o usuário

Pesquisa com usuários

Antes de começar o design, realizamos uma série de pesquisas para entender melhor nosso público-alvo e suas necessidades. Isso incluiu entrevistas com usuários, questionários e análise de concorrentes.

 

A pesquisa revelou que os usuários desejavam uma plataforma fácil de navegar, com recursos de busca avançada, e que permitisse salvar e compartilhar receitas favoritas.

Desafio

Com o aumento do interesse em culinária e o crescimento do número de pessoas procurando receitas e tutoriais online, identificamos uma oportunidade de criar uma plataforma centralizada que oferecesse uma experiência de usuário superior.

 

O desafio era criar uma interface que atendesse tanto aos usuários iniciantes quanto aos mais experientes, facilitando a busca e visualização de tutoriais de culinária de forma intuitiva e atraente.

Aspectos problemáticos

Desorganização e Excesso de Informação

Muitos sites e aplicativos de culinária apresentam uma grande quantidade de receitas sem uma estrutura clara ou curadoria eficaz. Isso pode ser avassalador para os usuários, que muitas vezes têm dificuldade em filtrar as opções e encontrar o que realmente procuram. A falta de categorização adequada e de filtros de busca avançada pode tornar a experiência de navegação frustrante.

Qualidade Variável e Falta de Avaliações Confiáveis

Outro aspecto problemático é a inconsistência na qualidade das receitas e tutoriais disponíveis. Muitos sites e aplicativos dependem de contribuições de usuários, mas nem sempre há uma avaliação confiável ou moderação para garantir que o conteúdo seja de alta qualidade e fácil de seguir. Isso pode resultar em experiências de cozinha insatisfatórias.

Limitações na Personalização e Interatividade

Muitas plataformas não oferecem funcionalidades práticas, como a possibilidade de ajustar a quantidade de ingredientes com base no número de porções desejado, salvar receitas favoritas para fácil acesso, ou compartilhar receitas e experiências com outros usuários. A falta desses recursos limita a interatividade e personalização da experiência, tornando o aplicativo menos atraente.

Personas

As personas para o projeto “Culinarium” foram cuidadosamente definidas para abranger um espectro diversificado de usuários, desde iniciantes na culinária até chefs experientes. 

 

Essas personas ajudaram a orientar o design e as funcionalidades do aplicativo, garantindo que atendessem às necessidades e expectativas de diferentes tipos de usuários.

Declaração de problema:​

Ana é uma talentosa chef de cozinha apaixonada por criar experiências culinárias únicas. No entanto, seu horário rigoroso de trabalho no restaurante deixa pouco tempo para explorar novas receitas.

 

Ela está em busca de uma plataforma que ofereça tutoriais detalhados e interativos, permitindo que ela aprimore suas habilidades no ritmo dela. Além disso, Ana deseja se conectar com outros chefs e entusiastas da culinária para trocar ideias e compartilhar suas próprias criações.

Declaração de problema:​

Miguel é um pai dedicado e funcionário em tempo integral, muitas vezes sobrecarregado com responsabilidades. Ele aspira a cozinhar refeições saudáveis e saborosas para sua família, mas luta para encontrar tempo e recursos adequados.

 

Miguel está procurando um site de tutoriais de culinária que ofereça receitas práticas, instruções passo a passo e dicas para iniciantes. Ele espera encontrar uma comunidade online onde possa compartilhar suas experiências, aprender com outros entusiastas e, finalmente, desfrutar de momentos de relaxamento na cozinha.

Sitemap

Este sitemap é uma estrutura hierárquica que detalha as principais seções e páginas do aplicativo/site “Culinarium”. Ele serve como um guia para o design e desenvolvimento, garantindo que todas as funcionalidades essenciais sejam contempladas e que a navegação seja intuitiva e fácil para os usuários.

Iniciando o design

Design e Prototipagem

O design foi uma parte crítica do projeto. Trabalhamos na criação de wireframes e mockups para o site e aplicativo, testando diferentes layouts e estilos visuais.

 

Optamos por um design clean, com muitas imagens e uma paleta de cores suaves. O design também incorporou recursos de acessibilidade, como texto legível e botões de fácil clique.

Tipo de estudo

Usabilidade não moderado

Local

Brasil, remoto

Participantes

10 Pessoas

Tempo

30 a 60 minutos

Wireframes digitais - Versão desktop

O wireframe de baixa fidelidade para o aplicativo “Culinarium” é um esboço inicial que destaca os principais componentes da interface, sem foco em detalhes visuais específicos. Ele serve como um guia visual para entender o layout básico e a estrutura de navegação do aplicativo.

Protótipo de baixa fidelidade

O protótipo de baixa fidelidade desempenhou um papel essencial no estudo de caso do nosso aplicativo. Ele nos permitiu experimentar e validar rapidamente nossas ideias, sem a necessidade de investir em desenvolvimento de alta fidelidade desde o início.

 

Isso nos proporcionou uma ferramenta poderosa para testar com usuários reais, coletando feedbacks valiosos sobre a usabilidade e a experiência geral do aplicativo. Além disso, o protótipo de baixa fidelidade facilitou a comunicação entre a equipe de design e os desenvolvedores, garantindo que todos estivessem alinhados com a visão do produto.

 

À medida que iterávamos com base nos insights obtidos, o protótipo evoluiu, tornando-se cada vez mais refinado e pronto para avançar para a próxima fase de desenvolvimento.

Feedback

Estudo de usabilidade não moderado

Tradução

A importância da tradução automática

Feedback

Feedback sobre a usabilidade geral

Modelos

Wireframes digitais - Versão desktop

O wireframe de alta fidelidade para o aplicativo “Culinarium” é um estudo de caso que detalha o processo de design e desenvolvimento de uma plataforma dedicada a tutoriais de culinária.
 
Cada elemento do design foi cuidadosamente planejado para melhorar a usabilidade e maximizar o engajamento, garantindo que a plataforma atenda às necessidades de quem busca aprender novas receitas de forma prática e inspiradora.

Protótipo de alta fidelidade

O protótipo de alta fidelidade representou um marco significativo no desenvolvimento do nosso aplicativo, trazendo a visão do produto à vida com detalhes e interatividade. Ao contrário dos protótipos de baixa fidelidade, este era mais detalhado e próximo do produto final, incluindo design de interface, interações, transições e até mesmo simulação de funcionalidades.

 

O protótipo de alta fidelidade serviu como uma ferramenta valiosa para apresentar o produto a stakeholders, investidores e futuros usuários, gerando entusiasmo e compreensão sobre o valor que estávamos criando. Em última análise, foi uma etapa crucial para validar a viabilidade do aplicativo antes de entrar na fase de desenvolvimento completo.

Considerações de acessibilidade

Este estudo de caso demonstra nosso processo completo de design, desde a pesquisa inicial até a implementação, destacando como nossos designs e soluções evoluíram para atender às necessidades dos imigrantes de primeira geração em sua busca por emprego.

Compatibilidade com leitores de tela

Compatibilidade com leitores de tela.

Navegação

Navegação simples e lógica para facilitar o uso por pessoas com dificuldades cognitivas.

Suporte

Suporte a gestos e interações alternativas para usuários com mobilidade reduzida.

Wireframes digitais - Versão mobile

A versão mobile tem o objetivo de criar uma experiência intuitiva, fácil de usar e visualmente atraente para os usuários. Com foco na versão mobile, o wireframe do “Culinarium” assegura que os usuários possam encontrar e visualizar tutoriais de maneira eficiente e agradável, proporcionando uma navegação fluida e uma interface amigável.

Pontos importantes

01. Impacto

O projeto resultou em um aplicativo de ingressos que atende às necessidades dos fãs de rock, oferecendo informações detalhadas sobre bandas, recursos de compartilhamento de ingressos e uma experiência de compra simplificada. Aprendi a importância da pesquisa de usuários e iteração contínua para criar designs eficazes.

02. O que eu aprendi

Como UX Designer, aprendi a traduzir empatia em soluções tangíveis, priorizar a usabilidade e a acessibilidade, e criar experiências que unem as necessidades do usuário com os objetivos do negócio.

Próximas etapas

01. Testes de Usabilidade Detalhados

Após o desenvolvimento inicial, conduziremos uma série de testes de usabilidade com usuários reais para avaliar a eficácia do design e identificar áreas de melhoria. Isso incluirá testes A/B de diferentes elementos de design, testes de usabilidade remotos e presenciais, e a coleta de feedback detalhado dos usuários.

02. Aprimoramento de Design e Funcionalidades

Com base nos resultados dos testes de usabilidade, faremos ajustes e melhorias no design e nas funcionalidades do aplicativo. Isso pode incluir a otimização de imagens e vídeos, aprimoramento de filtros de busca, ajustes na interface do usuário, e a adição de novos recursos solicitados pelos usuários.

03. Desenvolvimento de Aplicativo Móvel

Paralelamente às melhorias no site, iniciaremos o desenvolvimento do aplicativo móvel “Culinarium“. Isso envolverá a criação de wireframes e mockups específicos para dispositivos móveis, o desenvolvimento do aplicativo usando tecnologias apropriadas, e testes de usabilidade em diferentes dispositivos e sistemas operacionais.

04. Marketing e Lançamento

Antes do lançamento oficial, desenvolveremos uma estratégia de marketing para promover o “Culinarium“. Isso incluirá a criação de conteúdo promocional, campanhas em redes sociais, parcerias com influenciadores de culinária, e outras iniciativas para gerar buzz e atrair usuários para a plataforma. dispositivos e sistemas operacionais.

05. Monitoramento Contínuo e Atualizações

Após o lançamento, monitoraremos continuamente o desempenho do aplicativo e coletaremos feedback dos usuários. Isso nos permitirá fazer atualizações regulares, corrigir bugs, adicionar novos recursos e conteúdo, e garantir que o “Culinarium“ continue a atender às necessidades e expectativas dos usuários.

Conclusão

Este projeto foi uma oportunidade incrível para aplicar as melhores práticas de UX/UI design em um contexto real.

 

Através de pesquisa, estratégia, design e desenvolvimento cuidadosos, conseguimos criar uma plataforma que atende às necessidades dos usuários e oferece uma experiência de usuário excepcional.

 

O sucesso do “CookTutor” é um testemunho do poder de um design centrado no usuário e da importância de ouvir e responder ao feedback dos usuários.

Obrigado​

Obrigado pelo seu tempo ao analisar meu estudo de caso no app JobMigra.