S.O.S Arara Azul

Case para a certificação Google UX Design

Visão geral do projeto

image

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.

image

Duração do projeto:

Outubro de 2024 – Novembro de 2024

image

O problema:

Baixo engajamento da sociedade com as ações de proteção de espécies ameaçadas de extinção.

image

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.

image

Minha função:

Designer líder de UX, designer visual, escritor de UX e pesquisador de UX.

image

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.

Persona: Bruno

Declaração de problema:

Bruno é um biólogo e entusiasta da ornitologia que necessita doar para ONGs ambientais, porque se preocupa com as aves ameaçadas de extinção.

Auditoria competitiva

Realizei a pesquisa de 4 ONGs de preservação ambiental, sendo 3 concorrentes diretas e 1 sendo concorrente indireta.

Ideação

Realizei a atividade Crazy Eights para esboçar 8 ideias diferentes para o layout do site/app.

Wireframes digitais

Criei os wireframes digitais, utilizando como base os desenhos dos wireframes de papel.

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

image

Tipo de estudo:

Estudo de usabilidade não moderado

image

Local:

São Paulo, Brasil, remoto

image

Participantes:

5 participantes

image

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:

  1. 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.
  2. 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.
  3. 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.

Principais modelos

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

  1. 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
  2. Ícones são usados para dar contexto em ações
  3. As imagens contém texto alternativo, permitindo que usuários com deficiência visual possam entender o contexto através de leitores de texto.

Sitemap

Organização das páginas do site em um sitemap.

Designs responsivos

Adaptação do layout do site aos diversos dispositivos.

Pontos importantes

Impacto

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

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

  1. Conduzir mais um estudo de usabilidade do protótipo final, para verificar se todos os pontos abordados foram resolvidos.
  2. 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