Estudo de Caso

Eixo Museu

Realizado durante o Curso de Certificação em UX Design do Google, o projeto foca na otimização da experiência digital para um museu público, tornando o processo de busca, agendamento e compra de ingressos intuitivo e rápido.

Declaração do Problema

O Museu Eixo precisa de uma estratégia digital clara que consiga equilibrar a necessidade de um público de alto poder aquisitivo e com tempo limitado que busca conveniência, com a necessidade de um público jovem que busca acessibilidade financeira e oportunidades de interação social.

Minha Função

UX/UI Designer

Conteúdo

  • Pesquisa: personas e declarações de problema
  • Arquitetura: sitemap e mapeamento de fluxos
  • Validação: protótipo de baixa fidelidade e insights do estudo de usabilidade
  • Solução Final: guia de estilos e mockups de alta fidelidade (mobile e desktop)

Sandra

Sandra é diretora de arte, possui uma rotina corrida, mas adora visitar museus e estar em contato com arte para ter inspiração para os seus projetos. Com um marido e dois filhos, ela valoriza o tempo em família e procura por exposições que ofereçam recursos didáticos e atividades interativas para o filho mais novo. Normalmente descobre sobre as exposições através de redes sociais e gosta de se planejar antecipadamente.

Idade:45
Cidade:São Paulo
Família:Casada, um filho pequeno e uma filha adolescente
Profissão:Diretora de Arte

Objetivos:

  • Procurar com facilidade por eventos de arte que estejam alinhados com seus interesses criativos.
  • Encontrar exposições que sejam interessantes para crianças e adolescentes.

Frustrações:

  • Ela e o marido trabalham muito e por isso não tem tanto tempo para ficar procurando por exposições.
  • Dificuldade em alinhar os seus horários disponíveis com os do marido e filhos.

Descrição do Problema - Sandra

Sandra, uma Diretora de Arte com rotina corrida, precisa de um sistema digital intuitivo e com filtros de busca para encontrar exposições adequadas para adultos e crianças, porque seu tempo livre é limitado e o processo de agendamento e alinhamento de horários com a família deve ser rápido e eficiente.

Miguel

Miguel é nascido e criado em Salvador, mas se mudou recentemente para São Paulo para estudar Física. No seu tempo livre gosta de explorar a cidade nova e se conectar com os espaços culturais, como forma de relaxamento, especialmente museus que possuem oficinas e experiências imersivas. Gostaria de fazer amigos que tenham os mesmos interesses, mas é muito quieto e tímido.

Idade:20
Cidade:Salvador → São Paulo
Família:Mora sozinho
Profissão:Estudante de Física

Objetivos:

  • Conhecer mais espaços artísticos dentro da cidade e saber com detalhes da programação.
  • Participar de experiências que o coloquem em contato com outras pessoas que estejam abertas a fazer amizades.

Frustrações:

  • Por conta da sua timidez e por ser novo na cidade, não conhece ninguém que possa indicar bons museus e espaços de arte.
  • Possui limitações financeiras, por ser estudante e estar se mantendo sozinho em uma nova cidade.

Declaração do Problema - Miguel

Miguel, um estudante recém-chegado em São Paulo, precisa de uma plataforma cultural que ofereça informações claras e com ênfase em eventos participativos, pois sua timidez e a falta de contatos na nova cidade dificultam a descoberta de espaços e a conexão com pessoas de interesses semelhantes.

Objetivos de Design

  • • Garantir a eficiência do fluxo de compra
  • • Manter a consistência em todas as plataformas
  • • Simplificar a navegação recorrente e o planejamento futuro

Sitemap

Fluxo do Usuário - Sandra

Fluxo do Usuário - Miguel

Wireframes

Teste de Usabilidade

Este teste foi a etapa de validação do protótipo de baixa fidelidade, essencial para confirmar a Arquitetura da Informação e os fluxos do usuário antes da criação dos Mockups de alta fidelidade, com o objetivo de identificar pontos críticos e guiar o processo de iteração do design.

Tipo: teste de usabilidade moderado

Participantes: 3 usuários (com idades entre 20 e 50 anos)

Objetivo: avaliar a usabilidade e clareza do fluxo principal (compra de ingressos) e de outras funcionalidades (cadastro e favoritos)

Resultados

  • Baseado no tema "confirmação de sucesso", um insight é que a ausência de um aviso de sucesso claro no fluxo login/cadastro e na ação de favoritar, leva o usuário a duvidar se a ação foi realmente concluída.
  • Baseado no tema "interface de filtros", um insight é que o design da interface precisa mostrar o que acontece quando se tenta utilizar o filtro, para guiar o usuário na aplicação dos critérios.
  • Baseado no tema "indicação de interatividade dos elementos", um insight é que os cards e ícones que levam à próxima tela devem ter indicadores visuais que sinalizem sua função de navegação.
  • Baseado no tema "confirmação de pagamento" e continuidade da jornada", um insight é que a tela deve incluir um botão que redirecione o usuário para a página inicial, garantindo que a jornada possa continuar de maneira efetiva.
  • Baseado no tema "texto e consistência", um insight é que a área de cadastro/login deve ser unificada com um único termo (perfil ou conta).

Modificações Implementadas

Confirmação de sucesso:

Antes o fluxo não possuia um feedback visual claro após a conclusão das ações. Portanto, foram implementados avisos de sucesso para cada etapa de favoritar, entrar, cadastro e verificação, garantindo que o usuário tenha certeza de que a ação foi concluída.

Texto e consistência:

Antes os termos (conta/perfil) eram inconsistentes. Portanto foram atualizados para garantir uniformidade.

Interface de filtros:

Antes a seção de filtros na programação não indicava as opções disponíveis. Portanto, o design foi atualizado para exibir as opções de filtro, tornando a aplicação dos critérios de escolha mais eficiente.

Indicação de interatividade dos elementos:

Antes o conteúdo não possuía indicação de interatividade. Portanto, o design foi aprimorado com hierarquia visual e setas indicativas sinalizando que são clicáveis.

Confirmação de pagamento e continuidade da jornada:

Antes a tela de compra confirmada não oferecia um direcionamento claro após a conclusão da compra. Portanto, foram incorporados à tela, botões de "continuar comprando" e "ver meus ingressos", garantindo continuidade da jornada do usuário.

Guia de Estilos

Cores

  • #765B94
  • #FF7DBA
  • #F4F0E9
  • #F1E4ED
  • #333333

Tipografia

Rubik
Rubik BoldRubik ExtraBold
Lato
Lato Regular

Cards

Título

Descrição

Título

Descrição

Título
Valor

1

Mockups (mobile)

Busca e compra de ingressos

Minha Agenda

O Museu

Entrar/Cadastrar

Mockups (desktop)

Resultados

Garantir a eficiência do fluxo de compra: foi alcançado ao simplificar o processo, exigindo o login/cadastro apenas antes da confirmação de compra e aprimorando a usabilidade dos filtros de busca.

Manter a consistência em todas as plataformas: foi alcançado através do design responsivo para mobile e desktop, utilizando um guia de estilos como base para ambos. Para aumentar a confiança do usuário, foram incluídas avaliações e depoimentos na página de detalhes da programação, complementando o feedback de sucesso após ações (entrar, cadastrar, favoritar) e aumentando a previsibilidade do projeto

Simplificar a navegação recorrente e o planejamento futuro: foi alcançado com o agrupamento das informações das visitas do usuário na página "Minha Agenda", essa área centraliza o histórico e os favoritos, fazendo com que sejam ferramentas úteis para organizar novas visitas.

Lições Aprendidas

  • Necessidade de prototipagem progressiva: para evitar retrabalho, o design responsivo para desktop deve ser validado nos wireframes de baixa fidelidade antes da criação dos mockups finais.
  • Aumentar a amostra de participantes do estudo de usabilidade: embora tenham sido identificados insights significativos, mais vozes garantiriam uma visão mais abrangente do comportamento do usuário.