querido-diario-frontend
querido-diario-frontend copied to clipboard
okfn-brasil
Reduzir espaçamento de resultado das buscas
A indicação que a busca foi realizada e que tivemos resultados não está muito clara. Quando você pressiona "Pesquisar", não há uma indicação clara de que algo está acontecendo (nenhuma animação por exemplo) e como a busca não é feita com reload de pagina, pode parecer que não está acontecendo nada para o usuário.
Quando o resultado aparece, o espaço entre o formulário de busca e o primeiro resultado é muito grande. É necessário fazer scroll da tela para descobrir que retornou algo. Se a resolução do monitor não é tão alta, ou se a pessoa usa fontes maiores (como eu costumo usar), ela pode nem perceber que houve um resultado. Acredito que essa região abaixo poderia ser reduzida para que os resultados fiquem mais perto do formulário de busca e o usuário não precise fazer scroll para descobrir que tivemos resultados:
A situação é ainda pior se usarmos um celular. O meu aparelho tem uma tela muito grande, e reparem que só apareceu um tiquinho dos resultados. A maioria dos celulares tem tela menor que a minha, então só fazendo scroll para descobrir resultados. Se a pessoa não sabe que precisa, pode ser dificil de ela entender que algo foi encontrado.
oi @Khozex! Obrigada pela disponibilização!
No geral, basta você dizer na issue que vai fazer, não precisando ficar como 'responsável'. Mas nesse caso, não precisa. Esta issue está sendo atendida junto a uma leva de atualizações do projeto. Sinto muito não termos atualizado aqui.
Podemos considerar a issue resolvida ou ainda há problemas de espaçamento após #108 ?
Acho que ainda tem espaço para melhorar a usabilidade da tela e dar mais destaque pros resultados em vez da informação de nível da cidade (que já aparece no campo de filtro) e no tamanho e espaçamento da mensagem explicativa.
Eu percebi que nessa tela, a parte de pesquisa e resultado estão com valores fixos, enquanto que o nível de acesso é variado, pois a margem lateral funciona com porcentagem. Estava pensando em padronizar com porcentagem, assim usa mais o espaço. Isso é uma boa ideia ou há preferência por outras abordagens? Há alguma referência sobre o assunto?
oi, @emmenezes, a medida usada para responsividade é o rem (“root em” - root element), e o TailwindCSS oferece classes utilitárias que podemos usar para padronizar que utilizam essa medida.