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.
