Melhore a consistência de uso de ícones de chevron

A usabilidade do Discourse poderia ser melhorada otimizando a consistência dos ícones.

Situação atual

Classificação

Para classificação, o Discourse usa os ícones chevron-down (seta para baixo) e up (seta para cima).

Resumo do Tópico

Para abrir o resumo dos tópicos, os usuários precisam usar o botão com a seta para baixo. Para fechá-lo, usam a seta para cima.

Seções da Barra Lateral

Na barra lateral, há botões com setas para a direita e para baixo para abrir e fechar seções.

“Menu do Usuário”

No menu que você pode abrir clicando no seu avatar, há um botão com um ícone de seta que leva a outra página.
Screenshot showing two buttons in the user menu

O problema

O mesmo ícone nem sempre significa a mesma coisa. Às vezes, você pode abrir e fechar algo, e em outro momento, não pode abrir nada, apenas classificar uma lista. Além disso, se algo pode ser aberto e fechado, deve usar o mesmo ícone em todos os lugares. Como você pode ver acima, agora você pode abrir o resumo do tópico usando uma seta para baixo, mas você abre uma seção na barra lateral com uma seta para a direita. Se você fechar ambos, usará ícones que mostram direções opostas. Para fechar o resumo do tópico, você usa a seta para cima, enquanto usa uma seta para baixo para fechar uma seção da barra lateral.

Minha sugestão

  • Use seta para baixo/cima para classificação.
  • Sempre use a seta para cima para fechar algo (resumo do tópico e seção da barra lateral).
  • Sempre use apenas a seta para baixo (ou apenas para a direita) para abrir algo (resumo do tópico e seção da barra lateral).
  • Use um ícone diferente para o botão no “menu do usuário”.

Para mim, não se trata exatamente de quais ícones usar, mas por favor, use-os de forma consistente :slight_smile:

5 curtidas