Projetos de UX e UI

sobre Usabilidade Jornadas Wireframes Protótipos

O Desafio

No Brasil, há mais de 100 milhões de cães e gatos em lares. No entanto, a adoção responsável ainda é um grande desafio para ONGs e abrigos, que lidam com a capacidade exaustiva devido ao número crescente de resgates de animais abandonados. O projeto PetLink surgiu para preencher essa lacuna. O objetivo era criar uma ferramenta que unisse tutores solidários e aptos, dispostos a oferecer um lar para esses pets, com as necessidades das ONGs.

O Processo de Design e a Solução

O ponto de partida foi uma análise de mercado e de concorrentes. Descobri que aplicativos de adoção existentes apresentavam falhas como falta de comunicação entre os usuários e problemas com a distância entre os pets e os adotantes. Para organizar todas as informações, utilizei a Matriz CSD. Ela me ajudou a constatar que o número de animais abandonados é crescente, enquanto a adoção não acompanha esse ritmo

A Pesquisa e o Diagnóstico

A partir da pesquisa, criei duas personas Felícia Neves, que busca adotar, e Alan Júnior, que precisa doar seu pet para entender as diferentes dores e motivações dos usuários. Em seguida, mapeei a Jornada do Usuário de cada persona para identificar as oportunidades de melhoria e as falhas nos processos de adoção e doação.
A solução foi um protótipo focado em resolver esses pontos de dor. A interface foi desenhada para otimizar a comunicação, facilitar a busca por pets e simplificar o processo de adoção.

Identidade e Conceito da Marca

Com o objetivo de criar uma marca que transmitisse alegria, esperança e afeto, o nome PetLink foi escolhido para representar a “ligação com o animal de estimação”. A identidade visual segue essa mesma personalidade. O logo foi criado com cores alegres e que remetem aos animais, e a tipografia escolhida traz alegria e diversão para a marca. Essa identidade visual foi a base para a criação da experiência do usuário, garantindo uma interface amigável e acolhedora.

Da Estratégia ao Protótipo

A partir dos insights de pesquisa e das jornadas do usuário, a estrutura do projeto foi definida por meio de wireframes, focados em uma navegação intuitiva. Com esse esqueleto pronto, o passo seguinte foi a criação do protótipo de alta fidelidade, que aplicou a identidade visual alegre e acolhedora da marca. A união da estratégia de navegação com o design visual resultou em uma interface atrativa e amigável, que guia o usuário por toda a jornada de adoção e doação. personalidade. O logo foi criado com cores alegres e que remetem aos animais, e a tipografia escolhida traz alegria e diversão para a marca. Essa identidade visual foi a base para a criação da experiência do usuário, garantindo uma interface amigável e acolhedora.

O protótipo final ganhou vida em uma primeira versão que explorou um modo escuro. Abaixo, você pode ver a navegação e a interação fluida da interface, que serviu como base para os testes de usabilidade e o aprimoramento do projeto.

Teste de Usabilidade e Validação

Para validar o protótipo e garantir a usabilidade, apliquei um teste com dois usuários. Criei uma jornada com tarefas específicas para que eles interagissem com a interface, enquanto eu filmava a navegação e registrava as reações. O objetivo era diagnosticar o que os usuários faziam além de seguir o roteiro, identificando as suas principais dificuldades.

Após a realização das tarefas, apliquei um questionário para avaliar a experiência. A segurança, facilidade e indicação de uso receberam nota máxima, enquanto a clareza das informações recebeu uma nota ligeiramente menor, o que atribuo ao problema de interação com o botão de localização.

Interação e Clareza

Os usuários consideraram os objetos de interação da interface claros, objetivos e fáceis de usar.

Pontos de Atenção

Identificamos que o botão “localização”, mesmo sem estar no roteiro, gerou um clique automático, mostrando que a sua função precisava ser mais clara.

Ajustes de Design

Outro ponto de aprimoramento foi a dificuldade dos usuários em perceber que a tela rolava para baixo no navegador, sugerindo a necessidade de uma melhor indicação visual para essa ação.

Conclusão e Próximos Passos

Este projeto de imersão foi uma prova da minha capacidade de navegar por todas as etapas de UX e UI em um prazo apertado. Por não ter ido para o ar, ele se tornou um laboratório valioso. A principal lição que tiro é a importância de uma pesquisa contínua e da validação com usuários, que guia o design por um caminho estratégico e focado em resolver problemas reais.

Olhando para o futuro, os próximos passos seriam aprimorar as funcionalidades a partir dos feedbacks dos testes, como melhorar a usabilidade do botão de localização, e desenvolver um plano de lançamentos para a ferramenta.

StreamMe: Uma Rede Social de Filmes e Séries

Em minha busca por aprendizado em UX e UI, desenvolvi o StreamMe, uma rede social para amantes de filmes e séries. O projeto foi um laboratório onde pude aplicar metodologias como Lean UX e Heurísticas de Nielsen. O objetivo era criar uma experiência fluida para os usuários darem suas opiniões, compartilharem com os amigos, criarem listas e explorarem funcionalidades como recomendações de amigos e troféus de ranqueamento.

Assista ao vídeo do protótipo funcional para ver como a ideia ganhou vida.