top of page

Ferramenta de feedback para portfólios de UX Design

Cliente

Comunidade UXis

MEU PAPEL

Product Designer

EQUIPE
  • Ricardo Schmidt (Product Designer)

  • Barbara Rosário (Product Designer)

DURAÇÃO DO PROJETO

Setembro 2023 - Outubro 2023 (4 semanas).

FERRAMENTAS UTILIZADAS
  • Notion;

  • Figma;

  • Figjam;

  • Google forms;

  • Discord.

RESPONSABILIDADES
  • Pesquisa de mercado;

  • Pesquisa com recrutadores e líderes de UX;

  • Análise e insights;

  • Fluxos dos usuários;

  • Wireframes;

  • Protótipo de alta fidelidade.

Nota: O protótipo navegável está no final do case.

 


RESUMO DO PROJETO

Este foi um projeto voluntário na Comunidade UXis, onde eu e minha parceira desenvolvemos e entregamos um protótipo em alta fidelidade de uma ferramenta de avaliação de portfólio para o site da Comunidade UXis com o potencial de impactar positivamente a carreira de mais de 100 membros.


CONTEXTO

A Comunidade UXis possui um site repleto de recursos úteis, incluindo um fórum de discussões e uma página de vagas nacionais e internacionais.


O principal objetivo da comunidade é auxiliar tanto UX designers juniores quanto aqueles mais experientes buscando recolocação, a encontrar seu lugar no mercado de trabalho.


O líder da comunidade constatou que uma das principais dores de designers iniciantes é a incerteza sobre seus portfólios, que é um sintoma da falta de experiência.



PROBLEMA

UX Designers iniciantes não têm certeza se seus portfólios atendem às expectativas do mercado.


IMPACTO DO PROBLEMA
  • Desalinhamento entre as expectativas dos recrutadores/líderes de design e o portfólio dos designers;

  • UX designers não conseguem uma oportunidade de trabalho;

  • O problema afeta tanto os designers, quanto a eficiência e a precisão dos processos de seleção.


Dinâmica para definição de problema



OBJETIVO

Desenvolver o protótipo de uma ferramenta para o site da comunidade que avalie portfólios de forma rápida, fornecendo feedback construtivo e orientações práticas.


DESAFIOS E LIMITAÇÕES
  • Compreender as expectativas do mercado;

  • Definir parâmetros de avaliação;

  • Idealizar o mecanismo de feedback e sugestões;

  • Gerenciamento de prazo apertado.


A Matriz CSD ajudou a identificar qual deveria ser o foco da pesquisa



PESQUISA

Iniciamos um estudo para explorar os principais métodos de avaliação de portfólios online e constatamos que:


  • A maneira mais comum para os UX Designers receberem feedback sobre seus portfólios é através da análise de profissionais experientes;

  • Não identificamos uma solução de avaliação rápida que oferecesse feedbacks e sugestões de melhorias de maneira eficiente.


Diante dessas descobertas, decidimos realizar uma pesquisa com recrutadores e líderes de UX. O objetivo era compreender quais são os aspectos mais importantes de um portfólio de UX.


A pesquisa foi conduzida por meio de um formulário contendo perguntas abertas e fechadas, permitindo uma análise tanto quantitativa quanto qualitativa. Essa abordagem foi escolhida devido ao prazo limitado.


Obtivemos 33 respostas, de recrutadores e líderes de design de grandes empresas como Itaú, Hotmart, Mercado Pago, Zé Delivery, Accenture, etc.


PRINCIPAIS INSIGHTS DA PESQUISA:

  • Alta valorização da facilidade de navegação do portfólio, validação da solução proposta e clareza narrativa quanto aos problemas, objetivos, métodos e resultados;

  • Portfólios muito detalhados não ajudam os recrutadores; eles apreciam informações concisas e claras, especialmente em relação aos resultados alcançados;

  • A estética é importante, mas nem sempre é um fator decisivo nas contratações.



GERAÇÃO DE IDEIAS

Com base nos insights obtidos na pesquisa, concluímos que a maneira mais eficaz de lançar a primeira versão da ferramenta, respeitando o prazo estabelecido, seria através de um formulário na plataforma da Comunidade UXis. O funcionamento do formulário foi estruturado da seguinte forma:


1ª etapa (Instruções de uso da ferramenta)

A primeira tela fornece as instruções de uso da ferramenta.

Tela de instruções


2ª etapa (responder perguntas)

O usuário, responde a questões projetadas para avaliar sete parâmetros, que são:


  • Pesquisa;

  • Identificação e resolução de problemas;

  • Design da Interface do Usuário (UI Design);

  • Teste de usabilidade;

  • Estrutura e organização;

  • Habilidade em storytelling (contar a história do projeto);

  • Acessibilidade do portfólio.



Tela do formulário


3ª etapa (feedback e sugestão de conteúdo)

Ao completar o formulário, o usuário é levado a uma página de relatório que exibe um gráfico comparativo. Esse gráfico ilustra as pontuações do usuário em relação a um padrão ideal definido previamente.


O desenvolvimento do gráfico se baseia nas respostas do formulário, as quais são transformadas em valores numéricos para cada um dos sete parâmetros. Cada parâmetro é avaliado através de perguntas de múltipla escolha, onde cada resposta tem um valor de pontuação associado. A média das pontuações de cada parâmetro é calculada e exibida no gráfico para uma visualização clara.


Além disso, a página de relatório detalha a importância de cada parâmetro e fornece sugestões personalizadas para fortalecer as áreas menos desenvolvidas no portfólio do usuário. Estas orientações são criadas com base em uma variedade de recursos e materiais educativos que serão disponibilizados em breve na plataforma da Comunidade UXis.

Tela do relatório



FLUXOS E WIREFRAMES

Definir claramente as funcionalidades a serem implementadas simplificou a organização da arquitetura de informação ao longo do fluxo das telas. O uso de wireframes nos ajudou a aprimorar as ideias iniciais e definir o layout final.

Fluxo do site



Fluxo da ferramenta



Esboços das telas e componentes principais



Esboços das telas e componentes principais



PROTOTIPAGEM

Definido o layout, avançamos para o desenvolvimento do protótipo de alta fidelidade. Utilizamos o UI Kit da plataforma, adaptando componentes e aplicando a paleta de cores da marca, o que otimizou nosso tempo de execução.



Componentes


Encontramos um contratempo técnico com os botões de seleção das perguntas, mas não pudemos corrigi-lo imediatamente. Após o alinhamento com a equipe de desenvolvimento, asseguramos que este detalhe não impactaria o andamento do projeto.


TESTES DE USABILIDADE

Realizamos testes de usabilidade com 13 membros da comunidade UXis, e esses testes mostraram que:

  • 92% elogiaram a clareza do design

  • 85% acreditam que a ferramenta será muito útil,

  • 78% acharam a navegação intuitiva.

Não houveram feedback negativo ou sugestões de melhoria.



RESULTADOS

A expectativa é que a ferramenta traga um impacto positivo na carreira dos mais de 100 membros da comunidade. Projetamos que ela auxilie os UX designers, especialmente os iniciantes, a aprimorar seus portfólios, tornando-os mais alinhados com as expectativas do mercado.


Esperamos que isso resulte em melhores oportunidades de emprego para os membros.



PRÓXIMOS PASSOS

Nosso próximo passo é iniciar um monitoramento contínuo da ferramenta com o objetivo de entender como ela está sendo utilizada pelos membros da comunidade, avaliando sua eficácia em auxiliá-los. Buscaremos, assim, insights para futuras melhorias e ajustes.

  • Integração com APIs para personalizar o feedback.

  • Testes das funcionalidades, para garantir a precisão das sugestões.

  • Novos testes de usabilidade, ajustando a ferramenta conforme o feedback dos usuários.



APRENDIZADO

No geral estou satisfeito com o resultado da entrega, dado as limitações. Durante este projeto, aprendi na prática algumas lições importantes:


  • Ficar preso a ideias que parecem ótimas mas não são viáveis é um grande erro;

  • Compreender todos os aspectos de um projeto desde o início é crucial para evitar problemas e garantir uma abordagem eficaz;

  • Ser flexível e adaptar-se às mudanças e desafios é essencial para o sucesso de um projeto;

  • É fundamental manter uma comunicação clara com as pessoas envolvidas para garantir o alinhamento e compreensão dos objetivos e progressos feitos durante o projeto.

PROTÓTIPO NAVEGÁVEL


NOTA:

  • Se estiver visualizando pelo desktop ou tablet, utilize o menu lateral esquerdo para alternar entre "Versão Desktop" e "Versão Mobile";

  • Clique no ícone no canto superior direito para utilizar o protótipo em tela cheia.




Protótipo navegável

Instruções para navegação:

No menu lateral esquerdo, escolha em qual versão do protótipo deseja navegar, como mostrado na imagem abaixo.

O ícone mostrado na imagem abaixo, que fica no canto superior direto, permite visualizar o protótipo em tela cheia.

Otimizando o módulo financeiro de uma das maiores comunidades evangélicas do Brasil

Cliente

Sara Nossa Terra

Plataforma de aprendizagem para profissionais de tecnologia em início de carreira

Cliente

SouJunior

Veja outros projetos

bottom of page