Alura Livros | UX | UI Portifólio

Projeto UX challenge Alura

Proposta: a Alura criou um aplicativo de leitura (Alura Livros), mas notou que depois de um tempo o aplicativo não estava tendo engajamento, muitos usuários adicionavam os livros e ou não liam ou era com a leitura não concluída.

1ª semana

Mapeamento de concorrentes

Precisamos primeiramente conhecer os nossos concorrentes, saber como a empresa divulga seus serviços, como se comunica com seus usuários e suas características, por fim as suas invoações.

Foi analisado 3 concorrentes, dentre eles: Wattpad, Play Livros e Kindle Unlimited. E este foram os resultados obtidos na análise e pesquisa de cada um deles:

Logo depois do mapeamento iniciei uma pesquisa qualitativa para conhecer os usuários do produto: pessoas que lêem pelo celular. Usei o google forms para ser uma pesquisa rápida e foram entrevistadas 8 pessoas.

Formulário 1

Com as respostas em mãos usei a tática dos 5 porquês:

Problema: A Alura criou um app de livros e os alunos não concluíram a leitura, muitos livros inacabados.

Por que a fonte é pequena

Por que a luminosidade é alta

Por que não dá para grifar

Por que não consegue ver nitidamente uma imagem

Por que não tem como fazer uma anotação

Resultado:

Os resultados mostravam que a luminosidade do celular atrapalha e causa dor de cabeça, principalmente se não tem a opção diminuir ou aumentar a luminosidade, outro ponto foram as anotações e grifar o texto principalmente em livros de estudo onde existem mais anotações que podem ser feitas e em alguns aplicativos isso não é possível e um principal que é o tamanho da fonte, que acaba incomodando se não tem como escolher o tamanho ideal para a leitura. Isso tudo poderia ser uma resposta para o problema, mas vamos desenvolver primeiro.

Uma outra parte interessante fazendo pesquisas em sites e blogs, mostraram que assim como no livro físico, o digital também deveria mostrar em que posição do livro você está, como não tem páginas então tem que ser mostrado de alguma forma. Outro ponto seria o fato de saber onde as marcações se encontram, para não ter que voltar o livro todo para achar a tal parte.

Assim como existem pessoas que são mais experientes em apps de leitura digital precisamos fazer um app que inclua pessoas que nunca testaram a leitura digitalmente e ainda estão entendendo como funciona.

Matriz CSD

Nessa parte podemos iniciar o planejamento dos objetivos do produto, usando a tática da matriz CSD para ajudar e gerar o ponto inicial do projeto, categorizando hipóteses e fatos encontrados.

Protopersona

Com a pesquisa e a matriz temos algumas informações então podemos transformá-las em uma protopersona onde adicionamos: seu nome, informações domográficas, comportamentos, necessidades e objetivos. Tudo isso para começarmos a entender melhor nosso usuário, suas dores e necessidades.

O processo de protopersona foi baseado na pesquisa feita, onde as pessoas tem suas vidas agitadas e na maioria das vezes estão com muitas coisas para carregar, e ler digitalmente é muito mais fácil, por conta de sua praticidade.

Baseei esses dados com a minha pesquisa feita no forms e com pesquisas na internet, tentando chegar o mais próximo do meu usuário possível. Uma das principais características que adicionei é o óculos, que muitas pessoas usam e principalmente para o celular ou computador, que ajuda a evitar muita dor de cabeça.

Pesquisa Quantativa

Partimos então buscar dados mais precisos para validar aquilo que foi coletado até o momento com a pesquisa qualitativa e a protopersona. A Alura disponibilizou um banco de dados de um formulário já respondido por uma quantidade de usuários e poderíamos adicionar perguntas para essa pesquisa e obter mais dados.

Formulário 2

Dados da Alura: Analisando os dados da pesquisa feita, muitos alunos pararam suas leituras por diversos motivos em principal ou por que tinham hobbies ou tinham a rotina de leitura não muito organizada, mas que lêem bastante. Em uma das perguntas eles parecem tentar focar em pessoas que ainda não testaram a leitura digital e estão adaptando para essas pessoas.

Formulário da Alura

Pesquisa de complementação: Os usuários costumam ler pelo celular na vertical para mostrar mais conteúdo, tanto a mudança de página puxando para o lado ou o scrool para baixo funcionam bem, por fim muitos costumam organizar seus livros em temas, exemplo: estudo, ficção, terror, romance, etc.

Essa outra parte da pesquisa foi feita por blogs e pessoas próximas com uma pergunta em específico: O que te faz abandonar um livro? Muitos disseram que a leitura de obrigação (nas escolas) se torna estressante e cria uma certa culpa, livros densos demais com detalhes desnecessários, livros com assuntos dispersos e confusos e por fim em metade dos casos a ressaca literária.

Persona

Para completar a primeira semana de projeto, montamos oficialmente nossa persona com os pontos chaves e poderíamos agora seguir para a próxima semana.

Baseei essa persona nos dados adicionais do forms da Alura, onde adiciona que as pessoas tem uma rotina agitada e tem muitos hobbies, mas que gostam muito de ler e querem praticidade na leitura.

2ª semana

Rabiscos

Iniciamos essa segunda semana preparando o nosso produto, então começamos com os rabiscos para termos idéia do que montar.

Logo depois dos rabiscos no papel feitos, decidi transformá-los em um wireframe no Figma para ter uma noção melhor de idéias que poderiam ajudar e depois fazer dele o meu produto final.

Acabei acrescentando algumas telas que não adicionei no meu esboço mas achei interessante colocar para criar uma história nos testes finais.

Estruturação de Style Guide e Componentes visuais da interface

Nosso próximo passo agora era dar a cor, tipografia e colocar os componentes visuais como botões, campos de texto e a navbar no nosso produto. Usando o Mobbin busquei por cores que poderiam se adequar a um aplicativo de leitura digital.

Protótipo de alta fidelidade

Então finalmente com base nos wireframes podemos montar o protótipo de alta fidelidade junto com o guia de estilo e compontentes visuais daremos um rosto bonito ao wireframe cinza e sem graça.

Protótipo interativo: Alura livros

3ª e 4ª semana

Interações e fase de teste

Depois de termos terminado o protótipo é hora de testá-lo, usando o Maze para criar uma história e fazer perguntas durante o processo de teste para entender se existe alguma coisa faltando e logo depois iterar sobre o produto testado.

Com os resultados obtidos, muitos questionaram o fato de quando você chega na tela de adicionar algum livro na biblioteca não existe um botão para iniciar a leitura. Então iniciei a criação dessa tela e adicionando o botão.