Aprendesign

Case Certificação Google UX Design

Visão geral do projeto

image

O produto:

Um site para encontrar e visualizar tutoriais de design. Público-alvo são estudantes de design entre 16 e 25 anos.

image

Duração do projeto:

Maio de 2024 – Junho de 2024

image

O problema:

Escassez de sites de qualidade especializados em tutoriais de design.

image

A meta:

Ser um site de referência no aprendizado de assuntos relacionados ao design e arte.

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 jovens adultos que tem interesse em adquirir conhecimentos na área do design para alavancar suas carreiras.

Persona: Arthur

Declaração de problema:

Arthur é jovem estudante de design gráfico que necessita encontrar tutoriais de ferramentas específicas de design, porque ele quer aperfeiçoar seus conhecimentos de design para alavancar a sua carreira.

Wireframes digitais

Wireframes digitais, mostrando a estrutura principal do site.

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. Seguir tutores:

    Alguns participantes sugeriram uma maneira de seguir os perfis dos tutores do site.

  2. Salvar tutoriais:

    Alguns participantes sugeriram adicionar um botão para salvar os tutoriais para assistir mais tarde.

  3. Avaliações:

    Alguns participantes sugeriram adicionar botões para avaliar os tutoriais.

Modelos

Alterações nos designs do site após o estudo de usabilidade.

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 do estudo de usabilidade conduzido.

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 site proporciona uma experiência de aprendizado unificada que beneficia os estudantes de design, reunindo tutoriais em diferentes tipos de mídias.

Uma citação de feedbacks de colegas:

"...Muito bacana, adorei as cores!!!.”

O que eu aprendi

O que eu aprendi:

Ao desenvolver o projeto AprenDesign, 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 e colher feedbacks para futuras melhorias.

Descrição

  • Projeto acadêmico

  • 12 de junho de 2024