Issue #315

Closed
noosferogov/noosfero#315
Created by Melissa Wen (Edited )

Concepção de design visual para a nova busca

9 participants
  • 0743c2eb05e68c92baa5f8c498995a20?s=40&d=identicon
    Daniela Feitosa @daniela

    mentioned in issue #323

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    Reassigned to @peterlima

    Choose File ...   File name...
    Cancel
  • 46c36a7ea48b9a42086ce42e15f40cba?s=40&d=identicon
    Peter Lauro de Lima @peterlima (Edited )

    @daniela @macartur @melissawen @tiagoaraujo

    Segue proposta visual para busca.

    Caso esteja tudo ok, já inicio o detalhamento dos elementos (cores, tipografia, etc).

    Ps: Esse detalhamento.. também estará no Guia de Estilos que estou fechando.

    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo

    @peterlima gostei! Algumas considerações:

    • Acho desnecessário (por ser óbvio) o título RESULTADO DA BUSCA no topo. Eu deixaria apenas o campo de para uma nova busca, reduzindo o scrolling
    • Dessa forma, talvez seja válido aumentar a fonte do "1234 resultados para..."
    • Acho os botões arredondados da paginação um pouco web 2.0 demais. Tentaria algo mais moderno
    • Seria uma boa que diferentes tags tivessem uma cor única. Acho que ia ajudar muito na interpretação dos resultados.
    Choose File ...   File name...
    Cancel
  • 5bf9bf341e9d00ebd854cdaf1a4299b2?s=40&d=identicon
    Leandro Santos @leandronunes

    @abner @vfcosta acompanhem isso aqui ;)

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    oi @peterlima! eu achei que deu uma revitalizada legal na página de busca! gostei bastante.

    Seguindo a sugestão do @tiagoaraujo, concordo que dá para substituir e simplificar o título da página para apenas um destaque maior no '1234 resultados...'

    Sobre as labels, achei que a cor muito aberta acabou ofuscando a descrição da label (ficou difícil de ler) e pensando naquilo que você pontuou sobre a ecolução da quantidade de 'tipos', minha sugestão leiga é colocar o background mais neutro (ou pastel) e o texto com uma cor mais contrastada.

    Vocês pensam em colocar algum identificador de categoria relacionadas nos itens resultado além dos checkbox laterais? Senti falta disso, não ficou claro para mim se a seleção de categorias é de agregação (soma das categorias selecionadas) ou de especificação (apenas elementos com todas as categorias selecionadas).

    Ah, e eu não gostei da setinha usada para anterior e próximo :P

    Choose File ...   File name...
    Cancel
  • 0743c2eb05e68c92baa5f8c498995a20?s=40&d=identicon
    Daniela Feitosa @daniela

    Gostei da tela, @peterlima :)

    Sobre as datas que aparecem nos resultados, só o resultado do tipo "Pessoa" tem identificado que se refere a quando a pessoa entrou na rede. Mas nos outros casos, não seria melhor identificar também?

    E as datas seriam a data de q?

    • Comunidades => data de criação
    • Artigo/notícia => última atualização ou data de criação? Acho que última atualização seria melhor..
    • Evento => data do evento ou da criação do evento? Acho que deveria ser data do evento..
    Choose File ...   File name...
    Cancel
  • 5e064a0230a67b6e08300b70405d24f4?s=40&d=identicon
    Lia Ravena Carvalho @tiagoaraujo (Edited )

    @peterlima @daniela

    Artigo/notícia => última atualização ou data de criação? Acho que última atualização seria melhor..

    A data de publicação é mais relevante do que a de atualização.

    Evento => data do evento ou da criação do evento? Acho que deveria ser data do evento..

    No wireframe eu tinha colocado a data do evento junto com o título, com destaque (acho válido ter um estilo levemente diferenciado). Na busca, acho que a pequena data pode ser de criação mesmo.

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    Acho publicação mais relevante em questão de artigo/notícia também.

    Mas para o evento, precisamos ter 2 datas mesmo?

    Acho duas datas algo confuso para o usuário neste tipo de conteúdo, poderia ter apenas origem da publicação (autor) na parte pequena e no título o destaque para a data do evento.

    Choose File ...   File name...
    Cancel
  • 46c36a7ea48b9a42086ce42e15f40cba?s=40&d=identicon
    Peter Lauro de Lima @peterlima (Edited )

    Segue nova versão da proposta visual para busca.

    Ajustes realizados:

    • Reposicionamento de elementos para diminuir scrolling;
    • Padronização das datas nos resultados;
    • Listagem de categorias e subcategorias nos resultados;
    • Redução do destaque visual nos rótulos (notícias, pessoas, etc);
    • Visual "clean" para paginação e substituição das setas;
    • Filtragem de categorias por etapas.

    @melissawen @daniela @macartur @danielhmarinho se preciso, podemos explicar em detalhes o fluxo das "Filtragens por Categorias".

    Choose File ...   File name...
    Cancel
  • 46c36a7ea48b9a42086ce42e15f40cba?s=40&d=identicon
    Peter Lauro de Lima @peterlima (Edited )

    Realizei pequeno ajuste. Considerar tela abaixo.

    Choose File ...   File name...
    Cancel
  • C8b72d0556872a2aea21e8fed0a72001?s=40&d=identicon
    Melissa Wen @melissawen

    Status changed to closed

    Choose File ...   File name...
    Cancel