Usar apenas ícones no menu principal
Closed this issue · 15 comments
Sugestão do leitor Borges (que não usa GitHub) e que talvez possa funcionar:
O menu de organização poderia ser substituído por ícones. O Populares ser uma chama e o Últimos uma lista com seta. Reduziria em 1 toque para mudar a organização.
O "Postar" poderia ser transformado em um ícone ou um botão com ícone, para dar mais destaque e incentivar publicações.
No fim, ficariam em ordem, começando na esquerda, o botão de postar, os botões de organizar e, no final da linha à direita, os ícones de seguir, acompanhados de um pequeno texto ou palavra "Acompanhe o Órbita".
Parece legal... Acho que deveríamos decidir como ficará o header, para seguir o design. Já tem os ícones escolhidos?
Um mockup/proposta:
Precisa ver se cabe no leiaute mobile. De repente, podemos usar um grid em telas pequenas para quebrar em duas linhas.
Curti. Só achei que destoou dos três últimos ícones.
O que acha de tirá-los?
"Populares" está ativado
Hmmm, gosto!
Consigo ver isso mais pra semana que vem... Mas se quiser pegar, vamos revisando.
@rghedin Pode me mandar o link desses ícones? Vou começar a trabalhar nesse menu...
Procurei um pacote de ícones que contivesse todos os de que precisamos. Achei este. Sugestões:
- Novo post (ou este);
- Populares;
- Todos os posts;
Uma ideia que me ocorreu durante a pesquisa: um terceiro ícone, ao lado do de populares e todos os posts, que leve o leitor a uma conversa aleatória. (Este ícone.) Seria legal definir alguns parâmetros (por exemplo, somente conversas dos últimos 10 dias). Acha viável?
É viável. Mas prefiro focar esse PR na mudança do header e dps fazer um só para o random.
Sugestão:
A opção selecionada fica sublinhada e com cor diferente. Além de um title no Postar (Comece uma conversa ou compartilhe um link.) e com mesmo estilo da listagem. (O meu PR ficou muito tempo aberto.)
Animado (ignore as mudanças do background):
Estático
Gosto! Talvez até deixar a opção selecionada em negrito, para destacar mais?
Ah, um pedido que queria te fazer. As mudanças no *.scss que fiz no #151 não foram “convertidas” para o main.css (não rodei o grunt antes de fazer o commit). Implementei-as manualmente em produção. Pode fazer isso no próximo commit/release, @claromes?
Ia fechar aqui, porém notei um detalhe que talvez dê para mexer: agora que temos um indicador bem óbvio da página ativa, talvez dê para tirar aquele · entre “Populares” e “Tudo”. Acho que fica legível:
PR enviado.