Ambiente virtual
da Aprendizagem
SEAD/UFES
Ambiente virtual
da Aprendizagem
SEAD/UFES
Desenvolvimento do ambiente virtual da Superintendência de Educação a Distância da UFES.
Equipe
Rafael Moraes Hilario
Paulo Serpa Ramos
Dara Morati Lopes
Ano
2023
O AVA SEAD/UFES conta com mais de 14 mil alunos formados, cerca de 1500 matrículas ativas e uma equipe de mais de 150 colaboradores. A enorme abrangência da plataforma levou a necessidade de aprimorar a infraestrutura tecnológica, promovendo uma interação mais eficaz e proporcionando um ambiente de aprendizagem virtual que estivesse à altura das expectativas dos alunos e professores.
Os principais desafios relacionados a criação da plataforma foram a dimensão do ambiente (que deveria atender uma crescente demanda) e a usabilidade, com o objetivo de garantir uma boa experiência de uso para os estudantes na plataforma que tem grande influência no desenvolvimento acadêmico dos alunos.
Minha atuação
Neste projeto, atuei desde a etapa de pesquisa até o design final das interfaces. Em colaboração com a equipe, realizamos testes de usabilidade e entrevistas com usuários que nos ajudaram a identificar pontos de frustração e oportunidades de melhoria. Com base nesses insights, redesenhamos tanto a arquitetura da informação quanto a interface da plataforma, com foco em usabilidade e eficiência na navegação.
Pesquisa de usuário
Design de experiência do Usuário
Design de Interface
Pesquisa
Análise da plataforma
Durante a etapa de análise da plataforma, realizamos uma avaliação crítica da navegação no AVA/Sead e identificamos uma estrutura excessivamente complexa, caracterizada por múltiplas camadas de navegação, redundância de conteúdos e ausência de hierarquia clara.
Do ponto de vista da psicologia cognitiva e da experiência do usuário (UX), esse tipo de estrutura tende a sobrecarregar a memória de trabalho, dificultando a localização e a retenção das informações - fenômeno conhecido como cognitive overload. Além disso, a ausência de uma sequência lógica na navegação compromete a capacidade do usuário de prever e compreender o funcionamento da plataforma com base em padrões anteriores (modelos mentais).
Teste de usabilidade
Nesta etapa, realizamos testes com quatro participantes, com o objetivo de avaliar a experiência real de uso da plataforma voltada à formação e capacitação da comunidade acadêmica em TICs e EAD. Solicitamos que os usuários realizassem uma sequência de tarefas representativas do uso cotidiano da plataforma, incluindo:
Navegar livremente para se familiarizar com o ambiente;
nscrever-se em um evento de Formação EAD;
Participar da atividade;
Emitir o certificado de participação.
Entrevista semi-estruturada
Após a realização das tarefas propostas, os usuários participaram de entrevistas de natureza semiestruturada, que permitiram, por meio de uma abordagem qualitativa, identificar percepções sobre o uso da plataforma, dificuldades encontradas e levantar insights referentes à experiência do usuário e possíveis melhorias no design da interface. As perguntas da entrevista incluíram:
Você conseguiu realizar a inscrição do evento de Formação? Comente sobre como você conseguiu realizar a tarefa.
Ao fim da palestra, você conseguiu emitir o certificado? Teve alguma atividade para garantir essa certificação?
Encontrou algum problema na realização de alguma tarefa? Se sim, Quais?
O que você acha do conteúdo informativo da plataforma? Como você acha que isso influenciou na utilização da plataforma?
Como você descreveria a experiência geral com a plataforma?
Você conseguiu navegar dentro da plataforma com facilidade?
O que você menos gostou da aparencia da plataforma?
O que você mais gostou da parência da plataforma?
Quem entre seus conhecidos gostaria desse produto? Defina um pouco do perfil dessa pessoa - de forma livre.
Possui algum feedback adicional sobre sua experiência com a plataforma? Comente livremente sobre qualquer aspecto.
Problemas Identificados:
Ao analisar os dados obtidos a partir das pesquisas realizadas com os usuários, identificamos diversos problemas relacionados à usabilidade e à clareza das informações no AVA, como pode ser observado abaixo. A falta de informação, somada à má organização dos conteúdos, gerava confusão e dificultava a navegação. Os dados da pesquisa também indicaram a necessidade de incluir uma seção dedicada exclusivamente a explicar o objetivo da plataforma - passo fundamental para fortalecer a orientação e reduzir dúvidas logo no primeiro acesso.
Localização dos Cursos:
Dificuldade de localizar cursos na tanto antes quanto após o login.
Certificado:
Dúvidas sobre como baixar o certificado.
Informações:
Falta de informações sobre o que é a plataforma, qual sua finalidade e como funciona.
Informações pós-login:
Falta de clareza na parte interna da plataforma (navegação, localização, informações)
Cadastro:
Problemas técnicos durante a inscrição no site (mobile e desktop).
Hierarquia da página:
Dificuldade de entender o que é “mais importante” e os conteúdos que compõem um mesmo curso.
Benchmarking
Nesta etapa do projeto, realizamos um benchmarking com o objetivo de identificar boas práticas de Design aplicadas em plataformas educacionais. A intenção foi observar como diferentes soluções comunicam seus propósitos, organizam conteúdos e orientam a navegação do usuário - especialmente em ambientes que oferecem cursos online e certificações, como é o caso do Ava.
A partir da análise de plataformas como GINEAD, EBAC, Skillshare e edX, identificamos padrões importantes de boas práticas. O tom de voz mais frequente foi aquele que combinava informação clara com linguagem amigável, profissional e oficial, gerando confiança no usuário.
Em termos de usabilidade, os melhores exemplos analisados adotaram uma arquitetura simples e bem demarcada, com navegação intuitiva, seções claramente identificáveis e informações essenciais visíveis logo na homepage. Plataformas como EBAC, GINEAD, Skillshare e edX demonstraram um cuidado especial com a disposição visual e com a comunicação direta de seus propósitos. Outras plataformas, no entanto, apresentaram falhas significativas de hierarquia visual e clareza informacional, comprometendo a confiança do usuário e dificultando a navegação.
Wireframes
untitledui.com
untitledui.com
Solução Final
Ambiente virtual
da Aprendizagem
SEAD/UFES
Desenvolvimento do ambiente virtual da Superintendência de Educação a Distância da UFES.
Equipe
Rafael Moraes Hilario
Paulo Serpa Ramos
Dara Morati Lopes
Ano
2023
O AVA SEAD/UFES conta com mais de 14 mil alunos formados, cerca de 1500 matrículas ativas e uma equipe de mais de 150 colaboradores. A enorme abrangência da plataforma levou a necessidade de aprimorar a infraestrutura tecnológica, promovendo uma interação mais eficaz e proporcionando um ambiente de aprendizagem virtual que estivesse à altura das expectativas dos alunos e professores.
Os principais desafios relacionados a criação da plataforma foram a dimensão do ambiente (que deveria atender uma crescente demanda) e a usabilidade, com o objetivo de garantir uma boa experiência de uso para os estudantes na plataforma que tem grande influência no desenvolvimento acadêmico dos alunos.
Minha atuação
Neste projeto, atuei desde a etapa de pesquisa até o design final das interfaces. Em colaboração com a equipe, realizamos testes de usabilidade e entrevistas com usuários que nos ajudaram a identificar pontos de frustração e oportunidades de melhoria. Com base nesses insights, redesenhamos tanto a arquitetura da informação quanto a interface da plataforma, com foco em usabilidade e eficiência na navegação.
Pesquisa de usuário
Design de experiência de Usuário
Design de Interface
Pesquisa
Análise da plataforma
Durante a etapa de análise da plataforma, realizamos uma avaliação crítica da navegação no AVA/Sead e identificamos uma estrutura excessivamente complexa, caracterizada por múltiplas camadas de navegação, redundância de conteúdos e ausência de hierarquia clara.
Do ponto de vista da psicologia cognitiva e da experiência do usuário (UX), esse tipo de estrutura tende a sobrecarregar a memória de trabalho, dificultando a localização e a retenção das informações - fenômeno conhecido como cognitive overload. Além disso, a ausência de uma sequência lógica na navegação compromete a capacidade do usuário de prever e compreender o funcionamento da plataforma com base em padrões anteriores (modelos mentais).
Teste de usabilidade
Nesta etapa, realizamos testes com quatro participantes, com o objetivo de avaliar a experiência real de uso da plataforma voltada à formação e capacitação da comunidade acadêmica em TICs e EAD. Solicitamos que os usuários realizassem uma sequência de tarefas representativas do uso cotidiano da plataforma, incluindo:
Navegar livremente para se familiarizar com o ambiente;
nscrever-se em um evento de Formação EAD;
Participar da atividade;
Emitir o certificado de participação.
Entrevista semi-estruturada
Após a realização das tarefas propostas, os usuários participaram de entrevistas de natureza semiestruturada, que permitiram, por meio de uma abordagem qualitativa, identificar percepções sobre o uso da plataforma, dificuldades encontradas e levantar insights referentes à experiência do usuário e possíveis melhorias no design da interface. As perguntas da entrevista incluíram:
Você conseguiu realizar a inscrição do evento de Formação? Comente sobre como você conseguiu realizar a tarefa.
Ao fim da palestra, você conseguiu emitir o certificado? Teve alguma atividade para garantir essa certificação?
Encontrou algum problema na realização de alguma tarefa? Se sim, Quais?
O que você acha do conteúdo informativo da plataforma? Como você acha que isso influenciou na utilização da plataforma?
Como você descreveria a experiência geral com a plataforma?
Você conseguiu navegar dentro da plataforma com facilidade?
O que você menos gostou da aparencia da plataforma?
O que você mais gostou da parência da plataforma?
Quem entre seus conhecidos gostaria desse produto? Defina um pouco do perfil dessa pessoa - de forma livre.
Possui algum feedback adicional sobre sua experiência com a plataforma? Comente livremente sobre qualquer aspecto.
Problemas Identificados:
Ao analisar os dados obtidos a partir das pesquisas realizadas com os usuários, identificamos diversos problemas relacionados à usabilidade e à clareza das informações no AVA, como pode ser observado abaixo. A falta de informação, somada à má organização dos conteúdos, gerava confusão e dificultava a navegação. Os dados da pesquisa também indicaram a necessidade de incluir uma seção dedicada exclusivamente a explicar o objetivo da plataforma - passo fundamental para fortalecer a orientação e reduzir dúvidas logo no primeiro acesso.
Localização dos Cursos:
Dificuldade de localizar cursos na tanto antes quanto após o login.
Certificado:
Dúvidas sobre como baixar o certificado.
Informações:
Falta de informações sobre o que é a plataforma, qual sua finalidade e como funciona.
Informações pós-login:
Falta de clareza na parte interna da plataforma (navegação, localização, informações)
Cadastro:
Problemas técnicos durante a inscrição no site (mobile e desktop).
Hierarquia da página:
Dificuldade de entender o que é “mais importante” e os conteúdos que compõem um mesmo curso.
Benchmarking
Nesta etapa do projeto, realizamos um benchmarking com o objetivo de identificar boas práticas de Design aplicadas em plataformas educacionais. A intenção foi observar como diferentes soluções comunicam seus propósitos, organizam conteúdos e orientam a navegação do usuário - especialmente em ambientes que oferecem cursos online e certificações, como é o caso do Ava.
A partir da análise de plataformas como GINEAD, EBAC, Skillshare e edX, identificamos padrões importantes de boas práticas. O tom de voz mais frequente foi aquele que combinava informação clara com linguagem amigável, profissional e oficial, gerando confiança no usuário.
Em termos de usabilidade, os melhores exemplos analisados adotaram uma arquitetura simples e bem demarcada, com navegação intuitiva, seções claramente identificáveis e informações essenciais visíveis logo na homepage. Plataformas como EBAC, GINEAD, Skillshare e edX demonstraram um cuidado especial com a disposição visual e com a comunicação direta de seus propósitos. Outras plataformas, no entanto, apresentaram falhas significativas de hierarquia visual e clareza informacional, comprometendo a confiança do usuário e dificultando a navegação.
Wireframes
untitledui.com
untitledui.com
Solução Final
Ambiente virtual
da Aprendizagem
SEAD/UFES
Desenvolvimento do ambiente virtual da Superintendência de Educação a Distância da UFES.
Equipe
Rafael Moraes Hilario
Paulo Serpa Ramos
Dara Morati Lopes
Ano
2023
O AVA SEAD/UFES conta com mais de 14 mil alunos formados, cerca de 1500 matrículas ativas e uma equipe de mais de 150 colaboradores. A enorme abrangência da plataforma levou a necessidade de aprimorar a infraestrutura tecnológica, promovendo uma interação mais eficaz e proporcionando um ambiente de aprendizagem virtual que estivesse à altura das expectativas dos alunos e professores.
Os principais desafios relacionados a criação da plataforma foram a dimensão do ambiente (que deveria atender uma crescente demanda) e a usabilidade, com o objetivo de garantir uma boa experiência de uso para os estudantes na plataforma que tem grande influência no desenvolvimento acadêmico dos alunos.
Minha atuação
Neste projeto, atuei desde a etapa de pesquisa até o design final das interfaces. Em colaboração com a equipe, realizamos testes de usabilidade e entrevistas com usuários que nos ajudaram a identificar pontos de frustração e oportunidades de melhoria. Com base nesses insights, redesenhamos tanto a arquitetura da informação quanto a interface da plataforma, com foco em usabilidade e eficiência na navegação.
Pesquisa de
usuário
Design de experiência do Usuário
Design de Interface
Pesquisa
Análise da plataforma
Durante a etapa de análise da plataforma, realizamos uma avaliação crítica da navegação no AVA/Sead e identificamos uma estrutura excessivamente complexa, caracterizada por múltiplas camadas de navegação, redundância de conteúdos e ausência de hierarquia clara.
Do ponto de vista da psicologia cognitiva e da experiência do usuário (UX), esse tipo de estrutura tende a sobrecarregar a memória de trabalho, dificultando a localização e a retenção das informações - fenômeno conhecido como cognitive overload. Além disso, a ausência de uma sequência lógica na navegação compromete a capacidade do usuário de prever e compreender o funcionamento da plataforma com base em padrões anteriores (modelos mentais).
Teste de usabilidade
Nesta etapa, realizamos testes com quatro participantes, com o objetivo de avaliar a experiência real de uso da plataforma voltada à formação e capacitação da comunidade acadêmica em TICs e EAD. Solicitamos que os usuários realizassem uma sequência de tarefas representativas do uso cotidiano da plataforma, incluindo:
Navegar livremente para se familiarizar com o ambiente;
nscrever-se em um evento de Formação EAD;
Participar da atividade;
Emitir o certificado de participação.
Entrevista semi-estruturada
Após a realização das tarefas propostas, os usuários participaram de entrevistas de natureza semiestruturada, que permitiram, por meio de uma abordagem qualitativa, identificar percepções sobre o uso da plataforma, dificuldades encontradas e levantar insights referentes à experiência do usuário e possíveis melhorias no design da interface. As perguntas da entrevista incluíram:
Você conseguiu realizar a inscrição do evento de Formação? Comente sobre como você conseguiu realizar a tarefa.
Ao fim da palestra, você conseguiu emitir o certificado? Teve alguma atividade para garantir essa certificação?
Encontrou algum problema na realização de alguma tarefa? Se sim, Quais?
O que você acha do conteúdo informativo da plataforma? Como você acha que isso influenciou na utilização da plataforma?
Como você descreveria a experiência geral com a plataforma?
Você conseguiu navegar dentro da plataforma com facilidade?
O que você menos gostou da aparencia da plataforma?
O que você mais gostou da parência da plataforma?
Quem entre seus conhecidos gostaria desse produto? Defina um pouco do perfil dessa pessoa - de forma livre.
Possui algum feedback adicional sobre sua experiência com a plataforma? Comente livremente sobre qualquer aspecto.
Problemas Identificados:
Ao analisar os dados obtidos a partir das pesquisas realizadas com os usuários, identificamos diversos problemas relacionados à usabilidade e à clareza das informações no AVA, como pode ser observado abaixo. A falta de informação, somada à má organização dos conteúdos, gerava confusão e dificultava a navegação. Os dados da pesquisa também indicaram a necessidade de incluir uma seção dedicada exclusivamente a explicar o objetivo da plataforma - passo fundamental para fortalecer a orientação e reduzir dúvidas logo no primeiro acesso.
Localização dos Cursos:
Dificuldade de localizar cursos na tanto antes quanto após o login.
Certificado:
Dúvidas sobre como baixar o certificado.
Informações:
Falta de informações sobre o que é a plataforma, qual sua finalidade e como funciona.
Informações pós-login:
Falta de clareza na parte interna da plataforma (navegação, localização, informações)
Cadastro:
Problemas técnicos durante a inscrição no site (mobile e desktop).
Hierarquia da página:
Dificuldade de entender o que é “mais importante” e os conteúdos que compõem um mesmo curso.
Benchmarking
Nesta etapa do projeto, realizamos um benchmarking com o objetivo de identificar boas práticas de Design aplicadas em plataformas educacionais. A intenção foi observar como diferentes soluções comunicam seus propósitos, organizam conteúdos e orientam a navegação do usuário - especialmente em ambientes que oferecem cursos online e certificações, como é o caso do Ava.
A partir da análise de plataformas como GINEAD, EBAC, Skillshare e edX, identificamos padrões importantes de boas práticas. O tom de voz mais frequente foi aquele que combinava informação clara com linguagem amigável, profissional e oficial, gerando confiança no usuário.
Em termos de usabilidade, os melhores exemplos analisados adotaram uma arquitetura simples e bem demarcada, com navegação intuitiva, seções claramente identificáveis e informações essenciais visíveis logo na homepage. Plataformas como EBAC, GINEAD, Skillshare e edX demonstraram um cuidado especial com a disposição visual e com a comunicação direta de seus propósitos. Outras plataformas, no entanto, apresentaram falhas significativas de hierarquia visual e clareza informacional, comprometendo a confiança do usuário e dificultando a navegação.
Wireframes
untitledui.com
untitledui.com
Solução Final
Rafael Moraes © 2025. Todos os direitos reservados.