top of page
.png)
Case
Elos
Sistema para inscrição em trabalhos voluntários
Entregas
Desk Research | User Journey Map | Sitemap | Teste de usabilidade | Avaliação Heurística | Interface do usuário
Meu papel
UI/UX Designer
Resumo do Projeto
O Elos é um aplicativo e site projetado para conectar pessoas interessadas em participar de projetos de voluntariado com diversas iniciativas sociais. O principal objetivo do Elos é facilitar o acesso e a inscrição em trabalhos voluntários, proporcionando uma experiência intuitiva e agradável para os usuários.
O projeto faz parte de uma das entregas necessárias para a conclusão da formação em UX Design do Google.
A jornada projeta foi a relacionada ao processo de inscrição dos usuários que desejam participar de trabalhos voluntários. Seguindo a metodologia mobile frist, primeiro projetei a versão de aplicativo móvel para posteriormente expandi-la em website.
O problema
Através de uma desk research, foi identificado que há uma lacuna no mercado quanto à disponibilidade de aplicativos que facilitem o acesso a oportunidades de voluntariado, especialmente para ações de curto período. Além disso, os poucos sites existentes voltados para essa finalidade apresentam um design poluído e sobrecarregado, o que compromete a usabilidade e a eficiência na busca por projetos.
Portanto, o Elos foi idealizado para preencher essa lacuna, criando uma plataforma que torne a conexão com ações de voluntariado mais acessível e intuitiva. O objetivo é desenvolver um site e aplicativo que ofereçam uma interface limpa e organizada, destacando as informações essenciais e permitindo uma navegação fluida. Visando proporcionar ferramentas de busca eficientes e um design minimalista, o Elos tem o propósito de ser uma solução que facilita a inscrição em projetos voluntários e que promove uma experiência de uso agradável.
Desk research
Realizei pesquisas para uma melhor compreensão do tema e do contexto de voluntariado no Brasil. A principal fonte de dados utilizada foi a Pesquisa Voluntariado no Brasil . Entre outros dados relevantes, a pesquisa apontou que 84% dos usuários desconhecem plataformas e sites para inscrição em trabalhos voluntários. Além disso, também foi evidenciada que a maioria das pessoas realiza trabalhos voluntários de forma mais eventual (22%) do que com frequência definida (12%), o que indica que liberdade de inscrever em ações voluntárias não recorrentes pode ser um grande atrativo para quem busca voluntariados.
Para investigar as soluções já disponíveis atualmente no mercado, realizei um benchmarking com os 3 sites que aparecem em destaque nos resultados do Google ao se procurar por trabalhos voluntários: Atados, Voluntários e SejaVoluntário.
As principais descobertas dessa investigação foram:
-
Nenhum dos sites analisados possui aplicativo próprio, o que dificulta um acompanhamento mais recorrente dos usuário e vai em antemão do conceito de mobile first.
-
Os sites, no geral, possuem uma interface com muitas informações porém com pouca organização, as vezes sobrecarregando uma tela com diferentes cores, fontes e símbolos, removendo o foco do usuário referente as ações principais disponíveis.
-
Em contrapartida, nas telas dedicadas as descrições dos trabalhos voluntários, frequentemente é encontrado uma carência de informações relevantes, como a possibilidade de ter um contato direto com os organizadores das ações.
Persona
Com base nos dados encontrados nas investigações realizadas, construí uma persona para delimitar o perfil de usuário no qual as decisões de design serão pautadas.
User Journey
Para melhor visualização da jornada do usuário, construí um mapa baseado no cenário de inscrição em um trabalho voluntário, visando identificar as principais ações do usuário e refletir sobre possíveis melhorias a serem implementadas no novo sistema.
Wireframes Mobile
Para explorar ideias de layout, desenhei wireframes de baixa fidelidade e depois transferi os esboços iniciais para o Figma, acrescentando mais alguns detalhes e prototipando para melhor visualização do fluxo.
Protótipo Mobile
Realizei o refinamento dos wireframes para criar um protótipo funcional para a versão de aplicativo do Elos. O processo envolveu definição de cores, componentes, estilos e marca. Utilizei alguns elementos do Google Material Design como base para componentes, visando uma otimização de tempo e recursos para desenvolvimento.
O foco foi entregar um MVP que considerasse as principais jornadas do usuário no aplicativo, que seriam o processo de cadastro em uma ação de voluntariado e o acompanhamento desta ação, podendo cancelar sua participação se desejar. As demais telas e jornadas foram projetadas posteriormente.
Avaliação Heurística e Teste de Usabilidade
Tendo projeto a primeira versão do protótipo para aplicativo mobile, conduzi uma análise guiada pelas heurísticas de Nielsen e testes de usabilidade, visando identificar possíveis falhas que comprometam a qualidade do sistema. As tarefas consideradas em ambas as avaliações foram:
-
Criar um cadastro.
-
Pesquisar por um voluntariado.
-
Confirmar participação em um voluntariado.
-
Cancelar participação em um voluntariado.
Os relatórios completos tanto da análise heurística quanto dos testes de usabilidade podem ser encontrados neste link.
A partir dos resultados, elenquei algumas melhorias necessárias de acordo com o grau de severidade dos problemas e impacto na usabilidade do sistema, dando prioridade para os de maior severidade.
Dessa forma, realizei alterações baseadas nos feedbacks dos usuários e implementei-as no protótipo final.
Protótipo Final Mobile
Com as melhorias implementadas, cheguei a uma versão final do protótipo mobile. No vídeo abaixo, demostro como está funcionando a jornada de cadastro de novo usuário e primeira pesquisa por um trabalho voluntário.
As principais funcionalidades que compõe estas jornadas são:
-
Cadastro simplificado, com exigência de poucos dados obrigatórios.
-
Personalização da experiência do usuário, a partir da indicação de trabalhos com base nas preferências de causas, turnos e dias da semana para voluntariado.
-
Pesquisa prática, sendo necessário preencher poucas informações para alcançar resultados.
-
Página de perfil do voluntariado organizada e facilmente navegável, que reúne as informações essenciais para atuação no trabalho.
-
Confirmação de participação em poucos passos, tornando mais ágil o alcance do objetivo do usuário.
As funcionalidades relacionadas ao acompanhamento e cancelamento da participação em trabalhos voluntários e a possibilidade de editar dados do perfil também foram prototipadas, permitindo um maior controle do usuário em relação a suas escolhas e preferências.
Sitemap
Para construção da versão web do aplicativo, iniciei desenhando um sitemap, com objetivo de ter uma melhor visualização da organização das informações em uma nova estrutura de layout.
Wireframes Web
Após definição da estrutura do site, montei wireframes a fim de explorar possibilidades de layout para as páginas, focando nas jornadas de cadastro e inscrição em um trabalho voluntário.
Teste de Usabilidade
Para verificar se a estrutura da versão web do sistema estava funcional, fiz um breve teste de usabilidade com dois usuários. Vide o tempo para a entrega do projeto, a ideia do teste foi extrair insights rápidos sobre possíveis problemas de usabilidade e identificar melhorias a partir da observação da interação com o protótipo de baixa fidelidade.
Apenas um problema de maior severidade foi localizado. Realizei, então, um redesign da página antes de partir para o design de alta fidelidade e refiz o teste com a página atualizada, notando com isso uma navegação bem mais fluída por parte do usuário do que no primeiro teste.
Style Guide
Material de guia de estilo para o projeto.
Resultados e Próximos Passos
A partir desse projeto, pude desenvolver melhor minhas habilidades trabalhando com sistemas responsivos. Por se tratar de um case, o projeto não seguiu para a etapa de desenvolvimento, mas é possível observar que as funcionalidades e aspectos demostrados no design cumpriram os objetivos delimitados na investigação do problema, entregando um sistema com layout clean, navegação fluída e prática.
Como próximos passos, será necessário refinar o protótipo web, já que algumas jornadas como a de cancelamento de participação em um trabalho voluntário e a página de perfil do voluntário ainda não foram concluídas. Além disso, também é necessário construir as jornadas que envolvem a interação do responsável por um projeto voluntário com o aplicativo, como realização do cadastro de um projeto, visualização das inscrições, entre outras, o que envolverá uma nova investigação sobre o perfil de usuário, design e prototipação de telas.
bottom of page