Reduzindo barreiras digitais para quem não teve a chance

O Cliente

Capacitando em Tecnologia

Duração

3 Meses

Minhas responsabilidaes

Responsável por conceber, desenvolver e entregar o website para os canais digitais e institucionais, atuando de forma integrada na criação de sites no Framer, identidade e peças gráficas, apresentações e conteúdos para redes sociais

Contexto

O Projeto Capacitando em Tecnologia surgiu na Universidade. Ele se trata de uma parceria com empresas para realizar oficinas e cursos gratuitos sobre diversas áreas da tecnologia para democratizar o acesso ao conhecimento de informática. Fui convidado por eles para realizar uma mudança completa na visão de design e criar um website para o projeto.


Após cada oficina, os alunos não tinham um local para tirar dúvidas, baixar materiais e se preparar para as próximas aulas, os instrutores precisavam enviar e responder e-mails individuais para resolver todos esses problemas, e para completar, parte dos estudantes enfrentam barreiras de acessibilidade.

Impacto

O Projeto Capacitando em Tecnologia surgiu na Universidade. Ele se trata de uma parceria com empresas para realizar oficinas e cursos gratuitos sobre diversas áreas da tecnologia para democratizar o acesso ao conhecimento de informática. Fui convidado por eles para realizar uma mudança completa na visão de design e criar um website para o projeto.


Após cada oficina, os alunos não tinham um local para tirar dúvidas, baixar materiais e se preparar para as próximas aulas, os instrutores precisavam enviar e responder e-mails individuais para resolver todos esses problemas, e para completar, parte dos estudantes enfrentam barreiras de acessibilidade.

Abordagem

COMO FOI O PROCESSO PARA ENTENDER OS PROBLEMAS?

⩩ Exploração dos problemas

A pesquisa cobriu cinco frentes. Estudei gamificação para aproveitar seus benefícios num ambiente de leitura sem cair em metas irreais que tornam a experiência contraproducente. Estudei dispositivos e-ink para entender suas limitações, diferenciais e boas práticas de interface. Analisei casos de compartilhamento viral, como o Spotify Wrapped, para entender como dados viram conteúdo. Estudei o movimento de booktokers e booktubers para trazer essa força de comunidade ao ecossistema reMarkable. Por fim, li relatórios sobre o cenário de leitura no Brasil, que mostraram um problema maior do que eu imaginava.

⩩ Análise de competidores

Busquei explorar de forma detalhada como concorrentes indiretos fazem a experiência de recursos chaves como gamificação, dados em formato compartilhável, integrações e outros recursos chave.


Ao final, pude entender como funcionam os mecanismos dos principais players de cada segmento para realizar uma abordagem no ecossistema Remarkable.

⩩ Pesquisa com usuários

Criei planos de pesquisas para conversar com todos os usuários com comportamentos diferentes e entender como poderia redesenhar o Citymapper para ajudar à todos.


Algumas das principais descobertas incluíram frustração com falhas de sincronia e demora dos apps, falhas recorrentes no sistema público (superlotação, horários desencontrados, cancelamentos) e excesso de anúncios no momento crítico da viagem.

⩩ Resultados e definição do problema

Após coletar informações, compilei um artefato com as oportunidades e próximos passos para priorização.


Uma das principais conclusões foi que criar um novo sistema de comunidades atenderia melhor às dores dos usuários que não conseguem manter uma constância de leitura. Essas oportunidades se tornaram a base para as soluções futuras.

Desenvolvimento

Em suma, a tecnologia aprendeu a suprir Necessidade social sem outras pessoas. PORTANTO, A PERGUNTA QUE ME FIZ FOI: "Como usar as telas que isolaram o leitor para reconectá-lo?"

⩩ Ajustando a navegação

Visto que a maioria das oportunidades envolvem criar novas partes dentro do sistema Remarkable, realizei um processo mais robusto para materializar o que eu iria desenvolver de forma clara. Estruturei os userflows de todos os casos de uso e realizei exercícios de card sorting e tree testing para garantir que o usuário encontraria os novos itens na navegação. Como resultado pude entender com clareza o que deveria ser construído ao final da etapa de desenvolvimento.

⩩ Rascunho da interface final

Para finalizar as definições. Realizei diversas experimentações e dinâmicas de criação rápida com usuários para no fim, ter um esqueleto do novo aplicativo.


Em uma dessas dinâmicas de crazy eight's, pude obter uma referência de um segmento de leitura religioso que eu não havia mapeado na pesquisa. Isso me ajudou a ter uma visão maior de possibilidades e oportunidades futuras.

⩩ Testando com usuários antes de avançar

Ao fim da criação dos primeiros wireframes em média fidelidade. Realizei um teste de usabilidade moderado dos principais fluxos com usuários. Uma decisão importante que eu tomei foi fazer a instanciação dos fluxos em uma interface de maior fidelidade para facilitar o entendimento dos usuários ao usar o sistema.


Esse teste foi de extrema importância, pois com ele pude obter pontos de correção necessários nos fluxos. Isso evitou um retrabalho futuro de correção dos mesmos.

CONFIRA A ENTREGA FINAL

AfterBefore

CONHEÇA MEUS OUTROS TRABALHOS REALIZADOS

Remarkable

Transformando a experiência de leitura digital em algo social, envolvente e conectado para novos usuários brasileiros conseguirem criar o hábito de leitura e compartilhá-lo com outras pessoas.

UX Design

UI Design

App Design

IOS

Tablet

E-Ink

Citymapper

Desenvolvendo um aplicativo de mobilidade urbana para ir além do roteamento básico, agindo como um "assistente local experiente" que entende as particularidades do brasileiro.

UX Design

UI Design

App Design

IOS

Create a free website with Framer, the website builder loved by startups, designers and agencies.