Orange Share

UX / UI Design  •  Research  •  Prototipagem  
Contexto do projeto
Sabendo como é difícil iniciar na área de tecnologia e migrar de carreira, a empresa FCamara está planejando criar uma plataforma, que no começo será exclusiva para seus funcionários, onde os usuários poderão encontrar profissionais da tecnologia com conhecimentos diversos para tirar suas dúvidas ou ter uma orientação no aprendizado de novas habilidades. Para isso a FCamara lançou o desafio para desenvolvermos um MVP durante um período de 15 dias.
Minha atuação
Durante os 15 dias do Hackathon do Programa de Formação da FCamara, atuei como UX Designer em uma equipe composta por 4 pessoas (3 Devs Full Stack e 2 UX Designer), eu e minha companheira de UX atuamos em harmonia em todas as etapas do projeto e focamos na criação de uma experiência centrada ao usuário, partindo desde o entendimento do problema até a entrega final da solução junto com os desenvolvedores do squad. Além disso, ficamos à frente do planejamento e da organização do projeto.

O problema

Antes de partirmos de fato para a execução do projeto, precisávamos entender o problema de forma clara e concisa para então definir o nosso objetivo. Por isso foi criado um enunciado no formato de “Como nós podemos”.

Imagem com o seguinte texto : "Como nós podemos facilitar a troca de conhecimento entre os profissionais da FCamara?"

Nossa abordagem

Imagem detalhando a nossa abordagem no projeto, Descobrir, Definir, Desenvolvier e Entregar.

Descobrir

Desk research

O Desk research ou pesquisa secundária é um método no qual é utilizado para procurar e reunir informações de documentos já existentes para adquirir conhecimento sobre um determinado tópico. Costuma ser um método rápido, fácil e eficaz.

A partir dessas pesquisas iniciais elencamos três tópicos principais :

Hoje em dia é comum as pessoas migrarem de carreira?

Com a chegada da pandemia muitos brasileiros começaram a considerar mudar de carreira por não estarem satisfeitos no emprego atual ou por quererem um propósito profissional. Segundo o relatório Protegendo o Futuro do Trabalho, do Centro Brasileiro de Cursos (Cebrac), mais da metade dos profissionais pretendem mudar de área em 2022. Por quê? As pessoas querem viver melhor.

As empresas passaram a aumentar a busca por profissionais na área de Tecnologia

Durante a pandemia as empresas passaram a aumentar a busca por profissionais na área da Tecnologia. Apenas em 2020, um levantamento da Catho apontou um crescimento de 174% na procura por desenvolvedores e de 252% na posição de cientista de dados. O relatório aponta que essa explosão da demanda ocorreu por conta da necessidade das empresas na adaptação ao trabalho remoto, garantir a segurança da informação e preservar a sustentabilidade das operações.

A procura por cursos rápidos sobre a área da Tecnologia aumentou

Com a alta demanda de profissionais capacitados na área da Tecnologia sobram vagas e os profissionais que estão no mercado são disputados. Mas, muitas pessoas estão migrando de área para ocupar essas vagas e por isso procuram Bootcamps, cursos técnicos de menor duração, workshops e até mesmo vídeos educativos no YouTube para conhecer e se aprofundar na área da Tecnologia.

Benchmarking

Insights

Após essa primeira etapa de pesquisas, nos reunimos e análisamos todos os dados que haviamos coletado até agora, e com isso geramos alguns Insights

Matriz CSD

A ferramenta foi utilizada para dar inicio ao desenvolvimento do projeto, além de auxiliar na etapa do entendimento sobre o contexto em que o problema se encontrava. As informações foram analisadas e debatidas em grupo, juntamente com os desenvolvedores do Squad, para serem adicionadas a cada coluna.

Pesquisa quantitativa

Para a pesquisa quantitativa, com alguns objetivos em mente, elaboramos um questionário online através do Google Forms que foi enviado para os funcionários da empresa responderem, no total conseguimos coletar a resposta de 23 respondentes. Confira os pontos mais relevantes que destacamos :

Pesquisa qualitativa

Nesse momento, para validar ou descartar algumas hipóteses que surgiram nas etapas anteriores, realizamos entrevistas semiestruturadas com os colaboradores da FCamara, que foram realizadas através de chamadas de áudio pelo aplicativo Discord. Ao todo entrevistamos 4 colaboradores com perfis distintos. Após o termino das entrevistas partimos para a análise dos dados, onde elencamos os principais padrões nas respostas dos entrevistados. Confira abaixo :

Definir

Personas

Com base nas pesquisas e entrevistas realizadas anteriormente, idealizamos dois tipos de personas com diferentes necessidades e problemas.
(se estiver com dificuldades de visualizar as imagens, por favor clique com o botão direito nela e selecione abrir imagem em outra guia)

Jornadas do usuário

Também com base nas pesquisas, elaboramos dois tipos de jornadas para os dois tipos expecíficos de personas idealizadas antes, a de buscar mentores e agendar mentorias, e a de se cadastrar como mentor e realizar mentorias.

Brainstorming

Tendo em mente a Teoria do Pensamento Criativo que afirma que a melhor forma de chegar a uma ideia brilhante é ter muitas ideias. Assim, mesmo as ideias mais absurdas foram levadas em consideração para, no fim, possibilitar uma “filtragem” que permitiria elencar as ideias que se mostrariam mais apropriadas para lidar com o objetivo proposto e com as necessidades dos usuários.

Matriz MosCow

Dividimos as ideias para funcionalidades geradas nos seguintes quadrantes :

Userflow

Tendo em mente as possíveis ações que o usuário poderia tomar ao usar a plataforma, criamos um UserFlow Simplificado, para a construção de um fluxo simples elencando as possíveis rotas e interações que o usuário poderia realizar.

Desenvolver

Rabiscoframes

Com o propósito de avaliar as informações e a estrutura básica das telas optamos por elaborar um protótipo de baixa fidelidade, mas, sem deixar de lado quais seriam as principais tarefas que o usuário teria que realizar e as funções que elencamos nas etapas anteriores.

Wireframes

Com a criação dos rabiscoframes conseguimos ter uma ideia básica do que realmente seria víavel e necessário fazer para nosso produto, então a partir disso fomos para a criação dos protótipos de média fidelidade. Confira abaixo as principais telas :

Homepage

Optamos por fazer uma espécie de fórum para homepage, onde as pessoas podem rapidamente perguntar ou responder perguntas para quem estiver ativo no momento. Achamos essa uma boa ideia para solucionar a falta de tempo dos funcionários.

Busca por mentores

Aqui os usuários tem a opção de pesquisar por mentores com quem eles desejam marcar sua mentoria, com a opção de filtragem por nome, área de atuação, habilidades e disponibilidade essa idéia foi levantada nas entrevistas pelos funcionários.

Perfil do mentor

Dentro do perfil do mentor irá conter algumas informações sobre o ele, como uma breve apresentação, suas habilidades, experiências, formação academica e avaliações deixadas por outros usuários que já foram mentorados por ele. Você também terá a oportunidade de mandar uma mensagem privada, se conectar e marcar uma mentoria.

Agendamento

Para marcar uma mentoria, irá abrir um pop-up com algumas informações para você preencher, como a opção de selecionar entre uma mentoria de um assunto expecífico ou apenas um bate-papo. Você também poderá visualizar os dias e horários disponíveis do mentor.

Confirmar sessão

Se você selecionou a opção de mentoria, aqui você irá escolher o tema que será abordado nela.

Sessões agendadas

Após o devido agendamento da mentoria, aqui você poderá visualizar todas as suas mentorias agendadas, com a opção de remarcar ou cancelar ela.

Teste de usabilidade

Para essa fase inicial de testes não moderados com o protótipo de média fidelidade, elaboramos um teste na plataforma Maze, onde listamos 3 tarefas para que o usuário realize, sendo elas :

Realizamos esse teste com os seguintes objetivos :

Diante dos resultados apresentados, elencamos as principais descobertas e feedbacks que obtivemos dos usuários, confira abaixo :

Style guide

Após o termino dos testes, partimos para idealização da identidade visual da nossa interface, priorizamos usar as cores da própria empresa, seguindo o seu brandbook que foi disponibilizado para o Squad.

Para a tipografia separamos ela em dois tipos, uma para Dekstop e outra para Mobile, onde usamos apenas dois tipos de fonte, para os Títulos a fonte Lato, e para os Body a fonte Montserrat, também seguindo o brandbook da empresa.

Entregar

Protótipos iniciais

Seguirmos então para a etapa inicial de Prototipação, onde criamos os primeiros protótipos em alta fidelidade da versão Mobile e Dekstop da nossa plataforma Orange Share. Confira abaixo a primeira versão da nossa plataforma :

Teste de usabilidade moderado

Para essa etapa, entramos em contato com 6 funcionários da empresa que concordaram em participar do teste, entramos em call com eles via Dicord. Pedimos então para que o colaborador compartilhasse sua tela com o protótipo de alta fidelidade navegável aberto no Figma. Então demos a ele as seguintes tarefas para realizar :

Após o término dos testes, seguimos para a análise dos mesmos, onde verificamos que os usuários tiveram uma resposta positiva em relação ao fluxo de agendamento. No entanto, eles destacaram alguns pontos de melhoria em relação à interface.

Protótipos finais

Considerando os feedbacks que recebemos durante os testes, nós realizamos as seguintes alterações na interface :

Com as devidas alterações feitas , o nosso protótipo final estava pronto. Confira abaixo o nosso protótipo em alta fidelidade com os devidos ajustes implementados.

FIM.

Os 15 dias de Hackhaton foram bem intensos e corridos, mas foi extremamente gratificante projetar e desenvolver a Orange Share do zero. Além disso, foi incrível poder trabalhar e se conectar com uma equipe multidisciplinar, composta por pessoas de diversos cantos do Brasil, além de podermos pensar juntos na solução para o desafio que nos foi proposto. Se você chegou até aqui, obrigado por disponibilizar o seu tempo para ler o meu projeto!

Link para os protótipos no Figma
Link do artigo no Medium