O projeto proposto visou desenvolver uma página web de Perfil para Parlamentares, na qual eleitores que tivessem acesso ao sistema poderiam ver seu histórico, suas propostas de lei, suas atividades parlamentares, entre outros, ajudando na decisão tão importante que é a escolha de um candidato que será responsável por gerir uma cidade, Estado ou o país.

Para esse projeto, utilizei por uma semana a metodologia de “Design Sprint”, desenvolvida pelo Google, que permite dividir as etapas da solução a ser desenvolvida, focando em partes específicas por um determinado período de tempo, agilizando assim o processo de entrega.

Durante o primeiro dia, procurei entender o problema. Realizei pesquisas de concorrência, análise de similares e coletei algumas referências para dar início ao trabalho. Criei, então, um painel de referências que me norteou por todas as demais etapas de criação da solução.

No segundo dia esbocei alguns “sketches” iniciais, testando arquitetura e hierarquia de informações, quais conteúdos seriam relevantes e quais poderiam ser descartados.

O terceiro dia foi destinado a trabalhar a alternativa que considerei mais adequada. Parti, então, para o desenho de “wireframes” de baixa fidelidade. Decidi, por exemplo, utilizar “cards” para separar grupos de informações distintas.

No quarto dia parti para o desenvolvimento do “layout” da tela no computador. Foi o momento de definir tipografias, cores, modelos de gráficos, espaçamentos, e outros elementos gráficos que constam na versão final.

Para as cores, optei por utilizar a paleta que a empresa já utiliza no atual sistema, com o acréscimo apenas de mais um tem de verde e outro de cinza que destacam a hierarquia das informações e não cansam a leitura.

A tipografia utilizada foi a “Roboto”, (Regular e Bold) de fácil acesso pelas bibliotecas do Google, moderna e sem serifa, com seu uso já consolidado.

Os ícones que desenvolvi são discretos e ajudam a diferenciar os grupos de informações. Possuem linhas brancas e sem preenchimentos para não tornar sua leitura pesada e chamar demasiada atenção, pois são elementos de suporte.

Os gráficos foram desenvolvidos para serem claros e simples, de fácil entendimento, com cores para dar destaque a feitos do parlamentar e com legendas em primeira ordem de leitura já para antecipar o leitor a interpretação dos mesmos.

Já as tabelas foram pensadas para serem limpas, e fáceis de se ler. Para contrastar as linhas foram utilizadas cores em tons lever para a atenção não sair do foto, que são as informações e seus elementos foram alinhados à esquerda para facilitar a leitura ocidental (de cima para baixo, da esquerda para a direita).

O quinto e último dia foi destinado a realizar alguns testes rápidos e modificar alguns elementos que não estavam claros ou tornavam a experiência insatisfatória para os leitores. Modifiquei, assim, um ícone que causava confusão, organizei a ordem de grupos de informações, aumentei contraste de cores, busquei soluções diferentes para gráficos, refiz rapidamente os testes e recebi “feedbacks” positivos em relação à facilidade em encontrar informações, conforto com a leitura das mesmas, além da clara assimilação dos gráficos, o que tornou a experiência dos espectadores agradável.

Uma análise mais profunda me fez pensar na possibilidade de tornar algumas informações escondidas, para serem “ativadas” caso o leitor ache interessante:

No fim, creio que o objetivo tenha se cumprido com as informações sendo
apresentadas de forma concisa, clara e coerente, de fácil entendimento e que proporcionasse uma experiência satisfatória para os leitores da página