Voltar
COMUNIDADE
SEM CODAR
UX research & redesign da Comunidade Sem Codar
UX research & redesign da Comunidade Sem Codar
UX research & redesign da Comunidade Sem Codar
A Comunidade Sem Codar é um ecossistema de aprendizado e prática voltado para pessoas que desejam criar produtos digitais, negócios e soluções tecnológicas sem a necessidade de programar.
A Comunidade Sem Codar é um ecossistema de aprendizado e prática voltado para pessoas que desejam criar produtos digitais, negócios e soluções tecnológicas sem a necessidade de programar.
A Comunidade Sem Codar é um ecossistema de aprendizado e prática voltado para pessoas que desejam criar produtos digitais, negócios e soluções tecnológicas sem a necessidade de programar.
UX Research
UX Design
UI Design
Empresa
Empresa
Comunidade Sem Codar (by Renato Asse)
Função
Função
Product designer
Período
Período
6 meses
Categoria
Categoria
Redesign
Responsabilidades
Responsabilidades
Research
Colaboração
Planejamento
Recrutamento de usuários
Condução de pesquisa
Análise e síntese dos dados
Comunicação dos resultados
Sobre o projeto
Sobre o projeto
Overview do projeto
Overview do projeto
Overview do projeto
A Comunidade Sem Codar é um ecossistema de aprendizado e prática voltado para pessoas que desejam criar produtos digitais, negócios e soluções tecnológicas sem a necessidade de programar.
Por meio de ferramentas no-code e low-code, a comunidade capacita empreendedores, designers, product managers e profissionais de diferentes áreas a tirarem ideias do papel de forma rápida, acessível e escalável.
Além do conteúdo educacional, a Comunidade Sem Codar oferece troca ativa entre membros, estudos de caso reais, desafios práticos, mentorias e acesso a frameworks que ajudam na construção de MVPs, automações, aplicativos e plataformas digitais com foco em negócio, produto e validação de mercado.
Em essência, é um espaço para quem quer construir, testar e evoluir produtos digitais com autonomia, reduzindo custos, tempo de desenvolvimento e dependência técnica.
Objetivo
Objetivo
Por que redesenhar a plataforma?
Por que redesenhar a plataforma?
Com o crescimento da Comunidade Sem Codar, o aumento no volume de conteúdos trouxe novos desafios de usabilidade, principalmente relacionados à orientação, descoberta de aulas e clareza da jornada do usuário. Diante disso, surgiu a necessidade de compreender, a partir de dados reais, como os membros utilizavam a plataforma e quais barreiras impactavam sua experiência.
O redesign teve como base um processo estruturado de escuta dos usuários, com o objetivo de validar hipóteses, identificar problemas e propor melhorias alinhadas tanto às necessidades do usuário quanto à evolução do produto.
Além de aprimorar a experiência da comunidade, o projeto também teve um papel educacional, servindo como um exemplo prático da aplicação de UX em um produto real para empreendedores que estão desenvolvendo suas próprias plataformas digitais.
“Este projeto não se tratou apenas de redesenhar interfaces, mas de estruturar uma experiência capaz de crescer junto com a comunidade e servir como referência prática de UX para quem está construindo produtos digitais.”
“Este projeto não se tratou apenas de redesenhar interfaces, mas de estruturar uma experiência capaz de crescer junto com a comunidade e servir como referência prática de UX para quem está construindo produtos digitais.”
“Este projeto não se tratou apenas de redesenhar interfaces, mas de estruturar uma experiência capaz de crescer junto com a comunidade e servir como referência prática de UX para quem está construindo produtos digitais.”
O processo
O processo
Processo de execução
Processo de execução
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
1
Mapeamento das features, problemas e hipóteses de solução.
Mapeamento das features, problemas e hipóteses de solução.
Mapeamento das features, problemas e hipóteses de solução.
2
Definição da metodologia de validação e roteiros de pesquisa
Definição da metodologia de validação e roteiros de pesquisa
Definição da metodologia de validação e roteiros de pesquisa
3
Pesquisas qualitativas com 13 usuários e quantitativas com 300 usuários
Pesquisas qualitativas com 13 usuários e quantitativas com 300 usuários
Pesquisas qualitativas com 13 usuários e quantitativas com 300 usuários
4
Análise e síntese dos dados coletados nas pesquisas
Análise e síntese dos dados coletados nas pesquisas
Análise e síntese dos dados coletados nas pesquisas
5
Apresentação dos insights e handoff para o time de ideação
Apresentação dos insights e handoff para o time de ideação
Apresentação dos insights e handoff para o time de ideação
1 º Etapa
1 º Etapa
Mapeamento das features problemas e hipóteses
Mapeamento das features problemas e hipóteses
Para a iniciação do projeto, foi realizado um mapeamento completo do sistema, seguido de uma análise heurística que permitiu a definição de hipóteses sobre possíveis problemas e oportunidades de melhoria.
Para a iniciação do projeto, foi realizado um mapeamento completo do sistema, seguido de uma análise heurística que permitiu a definição de hipóteses sobre possíveis problemas e oportunidades de melhoria.
As hipóteses
Com base nas heurísticas de Nielsen e nos feedbacks recebidos pelo time de suporte da comunidade, as principais hipóteses de problemas concentram-se na forma como o conteúdo é organizado e em como o usuário realiza a busca por esse conteúdo. Como solução inicial, foi conduzido um brainstorming em equipe para discutir uma nova hierarquia visual e de conteúdos, além da criação de um sistema de trilhas que guie o usuário ao longo da jornada de estudos.
Com base nas heurísticas de Nielsen e nos feedbacks recebidos pelo time de suporte da comunidade, as principais hipóteses de problemas concentram-se na forma como o conteúdo é organizado e em como o usuário realiza a busca por esse conteúdo. Como solução inicial, foi conduzido um brainstorming em equipe para discutir uma nova hierarquia visual e de conteúdos, além da criação de um sistema de trilhas que guie o usuário ao longo da jornada de estudos.
Filtro de busca complexo e com dados sem hierarquia visual
Filtro de busca complexo e com dados sem hierarquia visual
Filtro de busca complexo e com dados sem hierarquia visual
Falta de padronização nos cards (provavelmente causado pelos banners)
Falta de padronização nos cards (provavelmente causado pelos banners)
Falta de padronização nos cards (provavelmente causado pelos banners)
Página inicial sem direcionamento, causando efeito de “não sei para onde ir” em novos usuários
Página inicial sem direcionamento, causando efeito de “não sei para onde ir” em novos usuários
Página inicial sem direcionamento, causando efeito de “não sei para onde ir” em novos usuários
Poluição visual na página do curso
Poluição visual na página do curso
Poluição visual na página do curso
Menu lateral com conteúdo “infinito” causando um efeito maximalista indesejado
Menu lateral com conteúdo “infinito” causando um efeito maximalista indesejado
Menu lateral com conteúdo “infinito” causando um efeito maximalista indesejado
Página de aula com layout desconexo e sem hierarquia
Página de aula com layout desconexo e sem hierarquia
Página de aula com layout desconexo e sem hierarquia
Falta de agrupamento de conteúdos com assuntos semelhantes ou complementares
Falta de agrupamento de conteúdos com assuntos semelhantes ou complementares
Falta de agrupamento de conteúdos com assuntos semelhantes ou complementares
Fluxo e hierarquia de “cursos → módulos → aulas” construídos de forma complexa e desorganizada
Fluxo e hierarquia de “cursos → módulos → aulas” construídos de forma complexa e desorganizada
Fluxo e hierarquia de “cursos → módulos → aulas” construídos de forma complexa e desorganizada
Problemas - Hipóteses
Problemas - Hipóteses
Problemas - Hipóteses
Melhorar a página inicial trazendo mais direcionamento para novos usuários
Melhorar a página inicial trazendo mais direcionamento para novos usuários
Melhorar a página inicial trazendo mais direcionamento para novos usuários
Implementar submódulos para categorizar melhor as aulas e ajudar na busca
Implementar submódulos para categorizar melhor as aulas e ajudar na busca
Implementar submódulos para categorizar melhor as aulas e ajudar na busca
Aplicar estilos mais atuais nas interfaces e criar padrões nos elementos
Aplicar estilos mais atuais nas interfaces e criar padrões nos elementos
Aplicar estilos mais atuais nas interfaces e criar padrões nos elementos
Remover funcionalidades que não estão sendo utilizadas pela maior partes do público
Remover funcionalidades que não estão sendo utilizadas pela maior partes do público
Remover funcionalidades que não estão sendo utilizadas pela maior partes do público
Aplicar conceitos de trilha para melhorar o engajamento dos usuários.
Aplicar conceitos de trilha para melhorar o engajamento dos usuários.
Aplicar conceitos de trilha para melhorar o engajamento dos usuários.
Agrupar as informações na página de aulas de forma conexa e em categorias de uso
Agrupar as informações na página de aulas de forma conexa e em categorias de uso
Agrupar as informações na página de aulas de forma conexa e em categorias de uso
Simplificar a busca de aulas na filtragem, e aplicar uma hierarquia mais acentuada nas informações
Simplificar a busca de aulas na filtragem, e aplicar uma hierarquia mais acentuada nas informações
Simplificar a busca de aulas na filtragem, e aplicar uma hierarquia mais acentuada nas informações
Soluções - Hipóteses
Soluções - Hipóteses
Soluções - Hipóteses
Aulas
Aulas
Aulas
Anotações
Anotações
Anotações
Notificações
Notificações
Notificações
Filtros
Filtros
Filtros
Certificados
Certificados
Certificados
Features
Features
Features
Trabalho em equipe no FigJam
Trabalho em equipe no FigJam
Equipe multidisciplinar envolvida no processo de estudo, com atuação conjunta ao time de UX Design para ampliar e aprofundar a visão do usuário.
Equipe multidisciplinar envolvida no processo de estudo, com atuação conjunta ao time de UX Design para ampliar e aprofundar a visão do usuário.
Equipe multidisciplinar envolvida no processo de estudo, com atuação conjunta ao time de UX Design para ampliar e aprofundar a visão do usuário.
2º Etapa
2º Etapa
Planejamento para validação das hipóteses
Planejamento para validação das hipóteses
Na segunda etapa de execução do projeto, foi realizada a fase de planejamento para validação das hipóteses, na qual foram construídos os roteiros de pesquisa e definidas as metodologias para coleta e análise de dados.
Na segunda etapa de execução do projeto, foi realizada a fase de planejamento para validação das hipóteses, na qual foram construídos os roteiros de pesquisa e definidas as metodologias para coleta e análise de dados.
Na segunda etapa de execução do projeto, foi realizada a fase de planejamento para validação das hipóteses, na qual foram construídos os roteiros de pesquisa e definidas as metodologias para coleta e análise de dados.
Metodologias e estratégias escolhidas:
Pesquisa qualitativa:
Foram selecionados 13 usuários para a realização de entrevistas individuais.
Pesquisa qualitativa:
Foram selecionados 13 usuários para a realização de entrevistas individuais.
Pesquisa quantitativa:
Foi criado um formulário com perguntas estruturadas e distribuído para 246 usuários.
Pesquisa quantitativa:
Foi criado um formulário com perguntas estruturadas e distribuído para 246 usuários.
3º Etapa
3º Etapa
Validação das hipóteses
Validação das hipóteses
Na terceira etapa, foi realizada a coleta de dados para validação das hipóteses. Foram conduzidas entrevistas com mais de 200 usuários, que, além de validar as hipóteses levantadas, permitiram a identificação de novos problemas e oportunidades de solução ainda não mapeados.
Na terceira etapa, foi realizada a coleta de dados para validação das hipóteses. Foram conduzidas entrevistas com mais de 200 usuários, que, além de validar as hipóteses levantadas, permitiram a identificação de novos problemas e oportunidades de solução ainda não mapeados.
Seleção dos usuários para pesquisa:
Os usuários foram divididos em dois grupos: usuários novatos, com menos de 3 meses de participação na comunidade, e usuários veteranos, com mais de 3 meses de uso da plataforma.
Essa segmentação foi necessária para avaliar a experiência de onboarding e adaptação dos novos usuários, além de compreender como os usuários veteranos se ajustaram ao uso da plataforma apesar dos problemas previamente mapeados.
Os usuários foram divididos em dois grupos: usuários novatos, com menos de 3 meses de participação na comunidade, e usuários veteranos, com mais de 3 meses de uso da plataforma.
Essa segmentação foi necessária para avaliar a experiência de onboarding e adaptação dos novos usuários, além de compreender como os usuários veteranos se ajustaram ao uso da plataforma apesar dos problemas previamente mapeados.
Pesquisa quantitativa
Pesquisa quantitativa
Utilizando técnicas adequadas para a seleção de perguntas que realmente validassem as hipóteses levantadas, foi desenvolvido um formulário com dois fluxos distintos. Esses fluxos permitiram a clusterização dos dados em dois grupos de usuários: Grupo 1 – Novatos e Grupo 2 – Veteranos.
O Grupo 1 foi composto por uma amostra de 42 usuários novatos, enquanto o Grupo 2 contou com uma amostra de 217 usuários veteranos.
Após 7 dias de coleta, os dados foram analisados, tratados e organizados, sendo posteriormente armazenados e visualizados em uma dashboard no Power BI, facilitando a interpretação e a tomada de decisão.
Utilizando técnicas adequadas para a seleção de perguntas que realmente validassem as hipóteses levantadas, foi desenvolvido um formulário com dois fluxos distintos. Esses fluxos permitiram a clusterização dos dados em dois grupos de usuários: Grupo 1 – Novatos e Grupo 2 – Veteranos.
O Grupo 1 foi composto por uma amostra de 42 usuários novatos, enquanto o Grupo 2 contou com uma amostra de 217 usuários veteranos.
Após 7 dias de coleta, os dados foram analisados, tratados e organizados, sendo posteriormente armazenados e visualizados em uma dashboard no Power BI, facilitando a interpretação e a tomada de decisão.
Distinção das respostas entre os dois grupos:
Observou-se que cada grupo apresentava comportamentos levemente distintos; no entanto, os principais dados analisados não indicaram diferenças significativas nos resultados gerais nem nos padrões de uso da plataforma.
Observou-se que cada grupo apresentava comportamentos levemente distintos; no entanto, os principais dados analisados não indicaram diferenças significativas nos resultados gerais nem nos padrões de uso da plataforma.
Novatos:
Novatos:
Veteranos:
Veteranos:
Pesquisa qualitativa
Pesquisa qualitativa
Foram realizadas entrevistas com usuários novatos e veteranos com o objetivo de compreender, de forma aprofundada, como esses perfis utilizavam a plataforma.
Para a condução das entrevistas, foi elaborado um roteiro estruturado, visando reduzir vieses e evitar a coleta de dados imprecisos. As entrevistas foram agendadas em momentos estratégicos e tiveram duração média de 30 minutos por participante, garantindo profundidade sem comprometer o engajamento dos usuários.
Foram realizadas entrevistas com usuários novatos e veteranos com o objetivo de compreender, de forma aprofundada, como esses perfis utilizavam a plataforma.
Para a condução das entrevistas, foi elaborado um roteiro estruturado, visando reduzir vieses e evitar a coleta de dados imprecisos. As entrevistas foram agendadas em momentos estratégicos e tiveram duração média de 30 minutos por participante, garantindo profundidade sem comprometer o engajamento dos usuários.
4º Etapa
4º Etapa
Análise e síntese dos dados
Análise e síntese dos dados
Nesta etapa todos os dados são consolidados e estudados para propor melhorias direcionadas por dados.
Nesse processo são criadas dashboards para centralizar os dados e facilitar o momento da apresentação dos dados ao restante do time e aos stakeholders.
Nesta etapa todos os dados são consolidados e estudados para propor melhorias direcionadas por dados.
Nesse processo são criadas dashboards para centralizar os dados e facilitar o momento da apresentação dos dados ao restante do time e aos stakeholders.
Principais problemas identificados:
dos usuários tinham dificuldade em buscar e encontrar aulas através dos filtros.
dos usuários tinham dificuldade em buscar e encontrar aulas através dos filtros.
dos alunos utilizam o marketplace de vagas. Número pequeno para quantidade de alunos ativos.
dos alunos utilizam o marketplace de vagas. Número pequeno para quantidade de alunos ativos.
dos alunos sentem necessidade de uma estruturação mais organizada da listagem/hierarquia das aulas.
dos alunos sentem necessidade de uma estruturação mais organizada da listagem/hierarquia das aulas.
dos alunos utilizam ferramentas secundárias como: anotações, comunicados e outras ferramentas que agregam no aprendizado.
dos alunos utilizam ferramentas secundárias como: anotações, comunicados e outras ferramentas que agregam no aprendizado.
A SOLUÇÃO
Decisões tomadas para solução dos problemas:
Decisões tomadas para solução dos problemas:
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Antes
Depois
1
Melhoria na experiência de busca
Experiência visual mais agradável e alinhada às tendências atuais de design, com foco em clareza e escaneabilidade;
Utilização de filtros básicos, restritos à categorização do conteúdo, priorizando a exibição de informações realmente relevantes, como nível de dificuldade, hierarquia do conteúdo e uma breve descrição do curso ou aula;
Ênfase no campo de busca como principal ponto de interação, valorizando um padrão já familiar aos usuários, reduzindo a curva de aprendizado e minimizando a carga cognitiva.
Experiência visual mais agradável e alinhada às tendências atuais de design, com foco em clareza e escaneabilidade;
Utilização de filtros básicos, restritos à categorização do conteúdo, priorizando a exibição de informações realmente relevantes, como nível de dificuldade, hierarquia do conteúdo e uma breve descrição do curso ou aula;
Ênfase no campo de busca como principal ponto de interação, valorizando um padrão já familiar aos usuários, reduzindo a curva de aprendizado e minimizando a carga cognitiva.
Antes
Depois
3
Otimização da página inicial
Aulas e cursos destacados na página inicial, mantendo o foco no conteúdo mais utilizado e prioritário para os usuários ao longo da experiência.
Implementação do recurso “Continue de onde parou” para facilitar a retomada das aulas, reduzir fricções na jornada e estimular o uso contínuo da plataforma.
Redução do esforço necessário para iniciar ou dar continuidade aos estudos.
Aulas e cursos destacados na página inicial, mantendo o foco no conteúdo mais utilizado e prioritário para os usuários ao longo da experiência.
Implementação do recurso “Continue de onde parou” para facilitar a retomada das aulas, reduzir fricções na jornada e estimular o uso contínuo da plataforma.
Redução do esforço necessário para iniciar ou dar continuidade aos estudos.
Depois
Antes
2
Funcionalidades secundárias
Diante do uso reduzido das funcionalidades secundárias, optou-se por reposicioná-las estrategicamente em um menu colapsado, assegurando fácil acesso quando necessário, sem comprometer o foco principal nas aulas.
Priorização das aulas como elemento central da experiência, evitando distrações e garantindo que o foco do usuário permaneça no conteúdo mais relevante para o aprendizado e não nas funcionalidades secundárias.
Diante do uso reduzido das funcionalidades secundárias, optou-se por reposicioná-las estrategicamente em um menu colapsado, assegurando fácil acesso quando necessário, sem comprometer o foco principal nas aulas.
Priorização das aulas como elemento central da experiência, evitando distrações e garantindo que o foco do usuário permaneça no conteúdo mais relevante para o aprendizado e não nas funcionalidades secundárias.
4
Marketplace de vagas
Apesar de apenas 12% dos usuários utilizarem a ferramenta, observou-se uma alta taxa de sucesso entre aqueles que a utilizam, o que embasou a decisão de mantê-la na plataforma.
A ferramenta foi alocada estrategicamente como funcionalidade secundária em um menu colapsado, garantindo acesso quando necessário sem competir visualmente com o conteúdo principal da experiência.
Apesar de apenas 12% dos usuários utilizarem a ferramenta, observou-se uma alta taxa de sucesso entre aqueles que a utilizam, o que embasou a decisão de mantê-la na plataforma.
A ferramenta foi alocada estrategicamente como funcionalidade secundária em um menu colapsado, garantindo acesso quando necessário sem competir visualmente com o conteúdo principal da experiência.
5º Etapa
5º Etapa
Apresentação dos insights aos stakeholders
Apresentação dos insights aos stakeholders
Na etapa final, as soluções propostas foram apresentadas aos stakeholders de forma orientada por dados e fundamentadas em análises criteriosas, garantindo alinhamento estratégico e embasamento nas decisões tomadas ao longo do projeto.
Na etapa final, as soluções propostas foram apresentadas aos stakeholders de forma orientada por dados e fundamentadas em análises criteriosas, garantindo alinhamento estratégico e embasamento nas decisões tomadas ao longo do projeto.
O projeto
O projeto
O resultado final do projeto
O resultado final do projeto
Com base nos insights levantados e no processo de ideação do redesign, chegou-se a uma plataforma mais otimizada, construída a partir de decisões estratégicas e orientadas por dados reais de uso.
Com base nos insights levantados e no processo de ideação do redesign, chegou-se a uma plataforma mais otimizada, construída a partir de decisões estratégicas e orientadas por dados reais de uso.
resultados
Resultados obtidos
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Resultados orientados por dados, desenhados para impacto.
Resultados orientados por dados, desenhados para impacto.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Resultados de um processo estruturado, não de suposições.
Resultados de um processo estruturado, não de suposições.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Os insights gerados direcionaram decisões estratégicas para a interface e experiência, resultando em uma navegação mais clara, fluxos mais intuitivos e uma plataforma alinhada às reais necessidades da comunidade.
Impacto mensurável validado por dados.
Impacto mensurável validado por dados.
O redesign resultou em aumento nas taxas de sucesso de tarefas, redução no tempo de execução dos fluxos principais e diminuição significativa de erros de navegação.
O redesign resultou em aumento nas taxas de sucesso de tarefas, redução no tempo de execução dos fluxos principais e diminuição significativa de erros de navegação.
O redesign resultou em aumento nas taxas de sucesso de tarefas, redução no tempo de execução dos fluxos principais e diminuição significativa de erros de navegação.
O redesign do S.A.P.S. (DAT-RN)
transforma complexidade em clareza
O redesign do S.A.P.S. (DAT-RN)
transforma complexidade em clareza
Ver próximo projeto
Ver próximo projeto
