Cuidando do Meu Bairro 2.0 é uma reescrita do projeto Cuidando do Meu Bairro ( cuidando.org.br ) que busca mapear a execução do orçamento municipal de São Paulo.
GNU Affero General Public License v3.0
6
stars
2
forks
source link
usuário final, navegação pública, Pareceres de um navegante em 2015-12... #105
A seguir uma série de "primeiras impressões" de um navegante, empenhado em testar a usabilidade e interface do sistema. Organizadas por tópicos, estão aqui registradas apenas para fins de debate. Se a discussão (em voz ou escrita) resultar em sinalização de bugs ou sugestões produtivas, trechos serão copiados/colados para uma github/issue apropriada.
A presente issue será editada e revisado diariamente (evitarei posts adicionais), até que se sinalize conclusão, para adentrar na etapa seguinte de discutir pareceres e eventualmente registrar novas issues.
Conteúdo e acesso
A seguir comentários mais orientados à disposição dos conteúdos no site, e às estratégias de acesso.
Mapa dos bairros da cidade e citação dos bairros
Aproveitando o apelo do título do projeto, e dos retornos obtidos nas ferramentas de busca... A entidade bairro poderia ser melhor explorada. Como usuários sentimos falta, pois isso que nos torna mais "parte da coisa", nos aproxima, o assunto não é Brasília, é o "meu bairro". As sugestões são simples:
Mapa dos bairros: falta uma "navegação por bairros"
Tag-bairro: ao longo de todas as interfaces talvez se possa adotar uma convenção, de usar um "short title" do bairro.
Ao invés de apenas dizer "Despesa E3452", as interfaces e relatórios poderiam dizer
Cidade Admar - Despesa E3452
enfatizando o nome ou abreviação do bairro. Da mesma forma no descritor da despesa falta o campo
Despesa: Outros Serviços de Terceiros - Pessoa Jurídica
Fonte: Tesouro Municipal
Função: Urbanismo
Bairro: ??
Bairro e descrição das atividades da pessoa no seu perfil
A exemplo de cuidando.vc/#pessoa/Susana, a página apresenta apenas o aviso "Essa pessoa ainda não colocou uma descrição...". Independente dela colocar ou não uma descrição, o ideal é aparecer o nome do bairro onde ela mora, e as atividades dela, ao menos números (contadores).
Na home (cuidando.vc/#home) já existe uma listagem "ATIVIDADES RECENTES", que poderia ter mesmo algoritmo copiado para o perfil, acrescentando-se um filtro para apenas se fixar as atividades pertinentes do usuário.
Detalhe na listagem de atividades, bairro e texto da pergunta
Quando aparece "Pergunta: Finalizado" , apesar de haver espaço não aparece a pergunta. Fica com mais cara de log do sistema do que com "marketing" dos acontecimentos... O navegante não tem motivação para olhar a pergunta.
Exemplo: esse link de "Pergunta: Finalizado" corresponde URL da "Despesa E3452", de modo que poderia ser muito mais atrativa se estivesse presente algum um conteúdo como "Cidade Admar - Despesa E3452".
Interface
A seguir tópicos mais centrados nas questões de interface.
Layout de despesa, setas na visualização vertical de tela reduzida
Os quadros ilustrados de PLANEJADO/EMPENHADO/LIQUIDADO, possuem entre cada box uma seta para a direita.... Quando a página é visualizada em janela reduzida, vai tudo para a vertical. É responsivo, está bom, mas sente-se falta das setas na vertical. Exemplo: uma despesa qualquer.
Mapa, comportamento do click nas bolinhas numeradas
Sobre as bolinhas laranjas que indicam quantidade de itens sob o local, quando o zoom não é suficiente.
O click produz efeitos por vezes inesperados, e o segundo click não "fecha de volta"... Algo a estudar e entender melhor, tanto os requisitos (vale a pena documentar em esboço de state chart) como eventuais bugs (não-cumprimento dos requisitos), e, posteriormente, as demandas reais do usuário (modificações nos requisitos).
Exemplo de esboço de documentação:
Contexto: bola em zoom distante
O primeiro click faz o zoom se aproximar, mantendo a bolinha como centro. Eventualmente o primeiro click já explode em item+bola, sem centrar nenhum deles, mas enquadrando-os.
O segundo click explode a bola nos seus itens.
Contexto: bola em zoom próximo. O próprio "zoom+" já tem efeito de explodir, dispensando o click...
Contexto: itens explodidos.
Click não tem efeito. Unica forma de "reagrupar itens numa bola" é fazendo zoom- seguido de zoom+.
Dois clicks depois de já estar no zoom máximo... reagrupa os itens.
Exemplo de correção: permitir que click nos itens reagrupe-os em bola.
Itens no mapa, demanda por um hint descritor do item
Aparecem vários itens quando a bolinha laranja explode... Nas só clicando em cada um e esperando a respectiva navegação que se descobre "quem é ele"... Para identificar seria suficiente cada um deles ter um hint (HTML5 @title) com o seu ID (ex. title="E2662").
Expansor do texto da pergunta
Quando navegamos por exemplo nesta despesa, vemos a tab "perguntas" e logo abaixo uma linha resumida de cada pergunta... Apesar de ícone e texto, não há link expansor nesses elementos, e a única coisa que faz expandir a pergunta, é pedir para ver as respostas. O ideal será algum "click expand" na pergunta.
Protocolo da pergunta sem hint ou link
Do texto de protocolo da pergunta subintende-se que há um sistema gerenciador dos protocolos, portanto seria interessante um hint explicativo da origem/contexto do protocolo, ou, idealmente, um link para o acompanhamento oficial da pergunta/respostas.
A seguir alguns bugs testemunhados durante a navegação.
Demora na carga do ano
Não é bug, a demora deve ter sido por não haver cache, estava processando o ano. Navegando de 2015 para 2013 doi rápido, ao selecionar 2014 demorou bastante, mas funcionou bem.
(discussão que pode ou não originar issues)
A seguir uma série de "primeiras impressões" de um navegante, empenhado em testar a usabilidade e interface do sistema. Organizadas por tópicos, estão aqui registradas apenas para fins de debate. Se a discussão (em voz ou escrita) resultar em sinalização de bugs ou sugestões produtivas, trechos serão copiados/colados para uma github/issue apropriada.
A presente issue será editada e revisado diariamente (evitarei posts adicionais), até que se sinalize conclusão, para adentrar na etapa seguinte de discutir pareceres e eventualmente registrar novas issues.
Conteúdo e acesso
A seguir comentários mais orientados à disposição dos conteúdos no site, e às estratégias de acesso.
Mapa dos bairros da cidade e citação dos bairros
Aproveitando o apelo do título do projeto, e dos retornos obtidos nas ferramentas de busca... A entidade bairro poderia ser melhor explorada. Como usuários sentimos falta, pois isso que nos torna mais "parte da coisa", nos aproxima, o assunto não é Brasília, é o "meu bairro". As sugestões são simples:
Ao invés de apenas dizer "Despesa E3452", as interfaces e relatórios poderiam dizer
enfatizando o nome ou abreviação do bairro. Da mesma forma no descritor da despesa falta o campo
A exemplo de cuidando.vc/#pessoa/Susana, a página apresenta apenas o aviso "Essa pessoa ainda não colocou uma descrição...". Independente dela colocar ou não uma descrição, o ideal é aparecer o nome do bairro onde ela mora, e as atividades dela, ao menos números (contadores).
Na home (cuidando.vc/#home) já existe uma listagem "ATIVIDADES RECENTES", que poderia ter mesmo algoritmo copiado para o perfil, acrescentando-se um filtro para apenas se fixar as atividades pertinentes do usuário.
Detalhe na listagem de atividades, bairro e texto da pergunta
Quando aparece "Pergunta: Finalizado" , apesar de haver espaço não aparece a pergunta. Fica com mais cara de log do sistema do que com "marketing" dos acontecimentos... O navegante não tem motivação para olhar a pergunta.
Exemplo: esse link de "Pergunta: Finalizado" corresponde URL da "Despesa E3452", de modo que poderia ser muito mais atrativa se estivesse presente algum um conteúdo como "Cidade Admar - Despesa E3452".
Interface
A seguir tópicos mais centrados nas questões de interface.
Layout de despesa, setas na visualização vertical de tela reduzida
Os quadros ilustrados de PLANEJADO/EMPENHADO/LIQUIDADO, possuem entre cada box uma seta para a direita.... Quando a página é visualizada em janela reduzida, vai tudo para a vertical. É responsivo, está bom, mas sente-se falta das setas na vertical. Exemplo: uma despesa qualquer.
Mapa, comportamento do click nas bolinhas numeradas
Sobre as bolinhas laranjas que indicam quantidade de itens sob o local, quando o zoom não é suficiente.
O click produz efeitos por vezes inesperados, e o segundo click não "fecha de volta"... Algo a estudar e entender melhor, tanto os requisitos (vale a pena documentar em esboço de state chart) como eventuais bugs (não-cumprimento dos requisitos), e, posteriormente, as demandas reais do usuário (modificações nos requisitos).
Exemplo de esboço de documentação:
Exemplo de correção: permitir que click nos itens reagrupe-os em bola.
Itens no mapa, demanda por um hint descritor do item
Aparecem vários itens quando a bolinha laranja explode... Nas só clicando em cada um e esperando a respectiva navegação que se descobre "quem é ele"... Para identificar seria suficiente cada um deles ter um hint (HTML5 @title) com o seu ID (ex. title="E2662").
Expansor do texto da pergunta
Quando navegamos por exemplo nesta despesa, vemos a tab "perguntas" e logo abaixo uma linha resumida de cada pergunta... Apesar de ícone e texto, não há link expansor nesses elementos, e a única coisa que faz expandir a pergunta, é pedir para ver as respostas. O ideal será algum "click expand" na pergunta.
Protocolo da pergunta sem hint ou link
Do texto de protocolo da pergunta subintende-se que há um sistema gerenciador dos protocolos, portanto seria interessante um hint explicativo da origem/contexto do protocolo, ou, idealmente, um link para o acompanhamento oficial da pergunta/respostas.
Exemplo aqui temos o protocolo 14071
...
BUGS
A seguir alguns bugs testemunhados durante a navegação.
Demora na carga do ano
Não é bug, a demora deve ter sido por não haver cache, estava processando o ano. Navegando de 2015 para 2013 doi rápido, ao selecionar 2014 demorou bastante, mas funcionou bem.
...