[Gastosabertos-dev] Gastos Abertos - Design

Edgar Zanella Alvarenga e em vaz.io
Sábado Fevereiro 14 16:24:19 UTC 2015


Oi Sol,

antes de mais nada, atualize meu email nos seus contatos pra e em vaz.io, ok?
Mas vamos lá, ao email.

2015-02-13 20:40 GMT-02:00 pockett. <pockettz em gmail.com>:

*Home*
> Visualizações dinâmicas (infográficos) atualizadas em tempo real em
> destaque.
>

Não existirão na Home visualizações atualizadas em tempo real. Serão
destaques com links para as páginas das visualizações.
Então vou responder as próximas perguntas considerando que são referentes
as páginas das visualizações individuais, ok?

*O usuário interage dentro dos infográficos?*
>

O que está chamando de inforgráfico Sol? A página de receitas, por exemplo?
Se sim, a resposta é sim, o usuário irá interagir com as
visualizações/infográficos. Veja por exemplo a descrição da página de
Receitas:

https://github.com/okfn-brasil/gastos_abertos_website/wiki/Receitas

Aliás, anote que esse repositório:

https://github.com/okfn-brasil/gastos_abertos_website

é onde ficarão as tarefas e descrições do conteúdo do site.


> *Vão existir área clicáveis, sub-níveis?*
>

Sim, existirão áreas clicáveis e sub-níveis na página de Receita.


> *Consigo juntar um infográfico no outro?*
>

A página de Receitas é um bom exemplo que possuirá três diferentes tipos de
infográficos na mesma página (Gráfico de Barras, Gráfico de linha e Tabela).


> *Qualquer pessoa vai conseguir interagir com eles?*
>

Sim.


> *Vai ser líquido, se adequando a qualquer device?*
>

Sim, inclusive os gráficos.


> *Que informação ele não vai conseguir ver no mobile? *
>

Por enquanto não estamos pré-definindo isso. A idéia é que esteja todos os
mesmos elementos, mas pode ser que algo caia fora.


> *Os destaques mudam conforme um inforgráfico atualiza? *
>

Os destaques da Home mudam manualmente por nós. Irá ser escolhido uma nova
imagem, texto e link para o novo destaque.


> *Temos que desenhar as telas prevendo que depois ele vai ser alimentada
> dinamicamente e as telas não vão sofrer alterações de estrutura
> (manutenção)*
> *Redes socias? O que eu posso compartilhar e como esses infográficos
> (posts) se apresentam na timeline?*
>

Você pode compartilhar o link do infográfico com o estado que estiver vendo
no momento. Ou seja, se escolheu na página de Receitas um determinado Ano,
nível, será criado um link como:

http://gastosabertos.org/Receitas#2014/Impostos

Assim quem acessar esse link já irá visualizar as Receitas de 2014 pro tipo
de receita Impostos. A idéia é que não seja compartilhado algo como: "vá na
página X, depois escolha o ano 2014, depois clique em Impostos".


> *Consigo filtrar só o que quero ver (Minha cidade/ Obras/ Transporte/
> Hospitais etc) e o gráfico se adapta ao que eu quero?*
>

Sim, exatamente. Relembrando que isso irá mudar automaticamente o endereço
no URL do navegador, mas sem mudar de página, como Google Maps funciona.



> *Aprenda -**Tutoriais*
>
> *Que tipo, doc, textos, downloads, vídeo aulas, blog?*
> *Qual o destaque dessa página? *
> *Vai ser conteúdo colaborativo?*
> *Consigo como colaboradora publicar conteúdos? Como eu faço isso, via
> upload?*
> *Como eu gerencio essas publicações? Como elas aparecem?*
>

 Esqueça os tutoriais por enquanto. MAs basicamente serão artigos estáticos
descrevendo algum processo mais técnico, pra baixar os dados, limpá-los,
usar a API do site que estamos criando, etc


> *Participe - Colabore*
>
> *Qual é o destaque dessa página?*
>

Texto indicando que você poderá participar usando nossa API, criando
tutoriais, contribuindo com o código hospedado no Github.


> *O usuário vai mudar o código como? Vamos apresentar isso de que maneira?*
>

Github, isso vai ser um link pro Github e aqui terá apenas um texto
explicando ou apontando para páginas no próprio Github explicando a
tecnologia com maiores detalhes.

*Vai ter comentários? Eu posso comentar sobre um determinado valor gasto em
> algum infográfico e divulgar/marcar isso?*
>


A priori não, mas se tiver vamos utilizar o Disqus (http://disqus.com).


> O que você acha de fecharmos um organograma de navegação + mockup com tudo
> de informações que conseguirmos e deixar ele o mais interativo possível
> prevendo essas áreas também?
>


> Se quiser podemos marcar online ou presencial o alinhamento das coisas.
>

Acho que seria ótimo marcarmos todos juntos um dia pra sentarmos e
fecharmos isso. Vai estar por aqui na semana que vem ou vai viajar?

Beijo,
Edgar


> Beijo.
>
>
>
>
>
>
>
>
> Em 12 de fevereiro de 2015 19:28, Aimeê da S. Ferreira <
> aimee.sferreira em gmail.com> escreveu:
>
>> Oi, Sol, tudo bem?
>>
>> A página inicial tinha sido definida pelo Everton como
>>
>> navegação:
>> 3 grandes áreas para visualização dos gráficos (Receitas, Plenejamento
>> orçamentário, Execução) e 3 áreas secundárias (Explore - com artigos,
>> Aprenda - com tutoriais e Participe/Colabore - aponte erros, mude o código,
>> etc)
>> footer - a decidir
>>
>> home:
>> - um destaque (com foto + descrição)
>> - descrição do projeto
>> - links para as 3 grandes áreas áreas
>> - talvez ligação com as páginas de Explore, Aprenda e Participe
>>
>> Isso tudo eu tentei organizar no mockflow, e te chamei como editora.
>>
>> Depois daquele email que você respondeu, Everton e Edgar se reuniram pra
>> (tentar) definir as páginas. Edgar escreveu a primeira (de Receitas).
>>
>> https://github.com/okfn-brasil/gastos_abertos_website/wiki/Receitas
>>
>> ---
>>
>> Como você prefere trabalhar?
>> Como você fez a identidade, talvez já tenha uma ideia de como queria o
>> visual do site?
>>
>> Eu posso pensar em como pode ficar essa página de receita (por enquanto)
>> e assim que tiver algo legal te passo também.
>>
>> Enfim, me diga o que você acha melhor!
>>
>> beijo
>>
>
>
>
> --
> pockett.
>
> @pockettz <http://twitter.com/#!/pockettz>
> http://www.pockett.com.br
>
> +55 11 98213-1907
>
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://lists.okfn.org/pipermail/gastosabertos-dev/attachments/20150214/904bdf6e/attachment-0002.html>


Mais detalhes sobre a lista de discussão Gastosabertos-dev