Estudar visualização mobile para segmentos e áreas por ano

lappis-unb / PromovaCultura

Plataforma Promova Cultura para divulgação do panorama cultural brasileiro

https://lappis-unb.github.io/PromovaCultura/

GNU General Public License v3.0

5 stars 0 forks source link

Estudar visualização mobile para segmentos e áreas por ano #163

Closed marcosronaldo closed 6 years ago

marcosronaldo commented 6 years ago

[x] Estudar novas formas de visualizar no mobile a mesma informação que no desktop é mostrada pelo gráfico de nested pie;
[x] Criar rascunhos de interface baseado no estudo
[x] Validar dos rascunhos desenvolvidos
[x] Criar design visual da(s) proposta(s) escolhida(s)

FranciscoSMM commented 6 years ago

Rascunho após algumas horas de pesquisa sobre gráficos para mobile. Um dos dois rascunhos trás uma possibilidade de não usar o gráfico em si, mas outra forma de mostrar as áreas e suas porcentágens conforme os anos. Também testei colocando as imagens no celular para ver proporção e espaçoes. teste_mobile_5 teste_mobile_3

FranciscoSMM commented 6 years ago

No primeiro, cada seção mostra uma porcentagem da quantidade de projetos por ano, e a sanfona revela quais segmentos da área o suas respectivas porcentagens relativas a ela.

No segundo o gráfico fica mais como ilustrativo e as áreas podem ser selecionadas individualmente, revelando seus segmentos e porcentagens referentes.

FranciscoSMM commented 6 years ago

Após o feedback, foram criadas mais duas opções. Nelas, legendas indicando a natureza das informações foram colocadas. Além disso, a segunda opção foi modificada para não mostrar uma progressão com a barra, mas utiliza as cores de outra forma, a indicar qual área está.

teste_mobile_7 teste_mobile_8

FranciscoSMM commented 6 years ago

Depois de um último feedback sobre a versão com o gráfico, algumas informações foram mostradas de uma nova forma. Agora as porcentagens aparecem como uma barram novamente fazendo alusão a um protótipo antigo, uma vez que existe um limite para a quantidade de projetos em cada segmento já que esses remetem a uma área.

teste_mobile_9 teste_mobile_10

joaaogui commented 6 years ago

Ficou decidido que a visualização desenvolvida será a ultima

FranciscoSMM commented 6 years ago

Arquivo Editavel do Inkscape

arquivo editavel inkscape.zip