Voltar arrow_back
  • Acessibilidade WCAG
  • Desenvolvimento
  • Design
  • Pesquisa

Desenvolvimento do WebLivro Digital

Weblivro Digital transforma livros acadêmicos da UFES em versões acessíveis online, facilitando o acesso à educação a distância.

  • calendar_today

    2020 - 2022

  • ·
  • corporate_fare

    Laboratório de Design Instrucional

Durante meu período como estagiária, tive a oportunidade de me envolver profundamente no projeto Weblivro Digital, que foi um dos principais desafios e aprendizados da minha trajetória. Esse projeto me permitiu atuar de forma multidisciplinar, conectando diferentes áreas do desenvolvimento digital e design para criar uma experiência web rica, acessível e eficiente.

Sobre o projeto

O Weblivro Digital é uma iniciativa do Laboratório de Design Instrucional (SEAD UFES) que tem como objetivo viabilizar o acesso à educação em contexto de Ensino a Distância (EAD). Nesse projeto, transformávamos livros e artigos publicados por professores EAD da universidade em livros digitais, acessíveis diretamente pelo navegador, aproximando o conteúdo educacional da comunidade de forma prática e inclusiva.

Meu trabalho no Weblivro Digital envolveu a compreensão das necessidades dos usuários por meio de pesquisas e testes, o que foi fundamental para alinhar as soluções do produto às expectativas reais do público. Isso me ajudou a desenvolver uma visão centrada no usuário, aprimorando as práticas de UX design e garantindo que cada interação fosse intuitiva e significativa.

Acessibilidade e inclusão

Também dediquei atenção especial à acessibilidade, seguindo diretrizes da Diretriz Global de Acessibilidade para Conteúdo Web (WCAG) para garantir que o conteúdo fosse acessível a todos os usuários, independentemente de suas limitações. Nosso checklist de acessibilidade era especialmente rigoroso, pois entendíamos que muitos alunos do EAD enfrentam desafios como conexões de internet instáveis ou dispositivos com limitações de desempenho. Por isso, buscávamos desenvolver uma solução simples, leve e eficiente, que pudesse ser acessada com facilidade por qualquer pessoa, em diferentes contextos tecnológicos.

Além disso, todo o livro digital foi construído para ser completamente navegável por teclado, incluindo a navegação por tab, e compatível com leitores de tela, assegurando que usuários com diferentes necessidades pudessem utilizar o conteúdo de maneira autônoma e confortável. O Weblivro também funcionava offline, salvando todos os capítulos em cache logo no primeiro acesso, permitindo o acesso ao conteúdo mesmo em caso de perda de conexão. Essa atenção reforçou a importância de criar uma web verdadeiramente inclusiva, capaz de atender à diversidade do público.

Desenvolvimento do Progressive Web App (PWA)

Progressive Web Apps (PWAs) são aplicações web que combinam o melhor da experiência em websites com funcionalidades comuns a aplicativos nativos, como desempenho rápido, funcionamento offline, notificações push e a capacidade de serem instaladas no dispositivo do usuário tal qual um aplicativo nativo. Essas características tornam os PWAs especialmente valiosos para oferecer acesso ágil, confiável e envolvente a conteúdos mesmo em ambientes com conexões instáveis ou dispositivos variados.

Durante dois anos, fui responsável pelo desenvolvimento do PWA do livro digital, atuando tanto na manutenção quanto na implementação de melhorias contínuas. Essa responsabilidade incluía a atualização constante das bibliotecas JavaScript utilizadas no projeto e a gestão da infraestrutura para publicação das atualizações nos servidores do laboratório, garantindo que os alunos tivessem acesso imediato e estável ao conteúdo.

Busquei assegurar que o aplicativo entregasse uma performance sólida, fosse responsivo e proporcionasse uma navegação fluida, mesmo em condições adversas de conexão. Para isso, diversas funcionalidades foram implementadas para ampliar a experiência do usuário e a robustez do Weblivro, destacando-se:
  • Cache inteligente e funcionamento offline: O PWA armazena todo o conteúdo dos capítulos no cache do navegador já no primeiro acesso, permitindo que os usuários naveguem sem conexão com a internet, uma funcionalidade essencial para alunos que enfrentam instabilidade de rede.
  • Atualização automática em segundo plano: O aplicativo atualiza os conteúdos e recursos discretamente em segundo plano ao detectar conexão, garantindo acesso à versão mais recente sem interrupções.
  • Carregamento rápido e otimizado: A estratégia de cache e o design focado em leveza ajudam a reduzir o tempo de carregamento e o consumo de dados, facilitando o acesso mesmo em dispositivos com configurações mais modestas.
  • Compatibilidade multiplataforma: O PWA funciona em desktop e dispositivos móveis, aproveitando as capacidades nativas do navegador para oferecer uma experiência próxima à de apps nativos.
  • Navegação acessível e intuitiva: A implementação garantiu que o aplicativo fosse navegável por teclado e compatível com leitores de tela, reforçando a acessibilidade para públicos diversos.

Gestão do conhecimento

Além da parte técnica, produzi uma documentação detalhada que descreve o processo de desenvolvimento, as principais decisões técnicas e as melhores práticas aplicadas, contribuindo para o compartilhamento do conhecimento e a continuidade do projeto.

Publicações e colaborações

Durante minha atuação no projeto Weblivro Digital, tive a oportunidade de contribuir diretamente na publicação e transformação de diversos livros e artigos acadêmicos em formatos digitais acessíveis. Esses materiais foram fundamentais para ampliar o acesso à educação em ambiente EAD, tornando conteúdos relevantes disponíveis para a comunidade acadêmica de forma prática e inclusiva.

Aqui estão alguns dos livros e publicações que ajudei a transformar em versões digitais acessíveis: