S.O.S Arara Azul
Case para a certificação Google UX Design
Visão geral do projeto
O produto:
Um app e site para uma ONG especializada na defesa de uma espécie de ave ameaçada de extinção. Público-alvo: 18 a 70 anos.
Duração do projeto:
Outubro de 2024 – Novembro de 2024
O problema:
Baixo engajamento da sociedade com as ações de proteção de espécies ameaçadas de extinção.
A meta:
Incluir a sociedade na importância da preservação da espécie Arara-azul-de-lear e incentivar o financiamento por meio de doações.
Minha função:
Designer líder de UX, designer visual, escritor de UX e pesquisador de UX.
Responsabilidades:
- Criação de persona;
- Pesquisa com usuários;
- Construção de wireframes de baixa e alta fidelidade;
- Prototipagem de modelos de baixa e alta fidelidade;
Pesquisa com usuários: resumo
Realizei pesquisas e entrevistas para entender os usuários para quem estou projetando e as necessidades deles.
Um grupo de usuários primário identificado por meio de pesquisa foram pessoas engajadas com causas sociais de proteção ao meio ambiente entre 18 e 70 anos.
Protótipo de baixa fidelidade
Clique aqui para visualizar o protótipo de baixa fidelidade
A partir dos designs dos wireframes digitais, criei um protótipo de baixa fidelidade. O fluxo de usuário principal que conectei foi escolher um valor para doação e adicionar as informações de pagamento, para que o protótipo pudesse ser usado em um estudo de usabilidade.
Estudo de usabilidade: parâmetros
Tipo de estudo:
Estudo de usabilidade não moderado
Local:
São Paulo, Brasil, remoto
Participantes:
5 participantes
Comprimento:
30 minutos
Estudo de usabilidade: resultados
Estes são os insights obtidos através do estudo de usabilidade. As descobertas do estudo ajudaram a guiar os designs de wireframes e mockups:
- Doação:
Foi observado que os 5 participantes tiveram dificuldade para encontrar o botão para iniciar a doação. Isso significa que o botão de doação é difícil de encontrar para todos os usuários. - Confirmação:
Foi observado que os 5 participantes tiveram dificuldade para sair da tela de confirmação de doação. Isso significa que sair da tela de confirmação de doação é difícil para todos os usuários. - Acessibilidade
Alguns participantes sugeriram adicionar botões com valores para doação predefinidos. Isso significa que digitar o valor da doação pode ser um problema de acessibilidade para alguns usuários.
Modelos
Após estudo de usabilidade, adicionei um botão chamativo na tela inicial que direciona para a página de doação.
Protótipo de alta fidelidade
Clique aqui para visualizar o protótipo de alta fidelidade
O protótipo final de alta fidelidade foi aprimorado conforme os resultados dos estudos de usabilidade conduzidos durante o curso. A navegação pelo fluxo é simples e rápida, concluindo a jornada de doação em apenas 5 passos/telas.
Considerações de acessibilidade
- A apresentação visual de textos e imagens de texto têm uma taxa de contraste de pelo menos 7:1, conforme as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1
- Ícones são usados para dar contexto em ações
- As imagens contém texto alternativo, permitindo que usuários com deficiência visual possam entender o contexto através de leitores de texto.
Pontos importantes
Impacto:
O app e site S.O.S Arara-Azul conecta toda a comunidade na importância de contribuir com ações de preservação ambiental, proporcionando uma experiência simples e intuitiva.
O que eu aprendi:
Ao desenvolver o projeto S.O.S Arara-Azul, pude perceber como é importante considerar o usuário durante todo processo de criação.
O resultado final fica muito mais alinhado com o que o usuário final espera.
Próximos passos
- Conduzir mais um estudo de usabilidade do protótipo final, para verificar se todos os pontos abordados foram resolvidos.
- Planejar estudos e pesquisas com usuários após o lançamento do produto, para colher feedbacks do app final.
Descrição
Projeto acadêmico
27 de maio de 2024