Ícone de três barras deveria ser dois ícones diferentes

Você sabe aquelas três barras no canto superior esquerdo,


Bem, usuários normais sabem que ela tem duas funções, fazer a barra lateral deslizar para um lado e também para o outro, dependendo do estado da barra lateral.

Mas nós, outros usuários anormais, sempre temos que clicar algumas vezes para pegarmos o jeito. Além disso, alguns dias depois esquecemos e, bem, clicamos novamente…

Tenho uma proposta: usar ícones ligeiramente diferentes nos dois estados diferentes!

Sim, este é um ícone comum na web. Mas o Discourse poderia liderar o caminho para torná-lo mais amigável ao usuário.

Na verdade, acredito que seja o único ícone multifuncional “armadilha” restante.

Tão perverso que ele faz o oposto metade do tempo… Não consigo pensar em nenhum outro igual.

1 curtida

Concordo que o hambúrguer que significa “alternar a barra lateral” é confuso. Eu clico nele esperando que algo mais aconteça (não sei o quê) todos os dias.

Talvez estes fossem melhores

3 curtidas

O hambúrguer abre um menu, como esperado. O fechamento é uma ação inesperada. Quão grande é esse problema no mundo real, é a pergunta real agora e a resposta para isso dá uma solução bastante óbvia então.

3 curtidas

Espere. Nunca houve confusão com o botão vertical de três pontos do menu do Chrome no canto superior direito do meu navegador.

Isso porque, depois de pressionar os três pontos, o menu está obviamente aberto ou fechado.

Portanto, o problema é que não se pode dizer se as três barras estão associadas à barra lateral, etc…

E o duplo azar é que elas até deslizam de forma discreta depois que alguém as pressiona por engano. O que significa que é preciso persegui-las com o mouse para pressioná-las novamente. Pelo menos no Desktop.

Assim como perseguir uma galinha de quintal que sabe que seus dias estão (esperançosamente) contados.

2 curtidas

[quote=“Dan Jacobson, post:4, topic:304437, username:jidanni”]nenhum pode dizer se as três barras estão associadas à barra lateral
[/quote]

E daí? Sabe-se muito bem que está associado a um menu. E a barra lateral é um menu.

Não entendo qual é o problema agora? O nome está errado para você alguém?

1 curtida

Melhorias estéticas. Os antigos usuários estão simplesmente acostumados com o antigo. Mudar isso para uma opção faz sentido do ponto de vista do design para torná-lo mais intuitivo.

Tenho certeza de que esse tipo de mudança pode ser opcional por meio de um componente de tema ou configuração interna.

1 curtida

Aqui está um Theme Component básico para fornecer ícones diferentes nos dois estados…

Usei o código do @PhilFoss deste post relacionado:

6 curtidas

Acabei de verificar em um celular, e as três barras fazem todo o sentido ali.

Então o problema é apenas no desktop.

Legal. A pasta /desktop só está incluída para telas maiores? Não vejo uma media query no css.

1 curtida

Sim! Está correto!

1 curtida

Imagino que, assim como eu, você espere que ele abra um menu temporário, suspenso ou modal, como praticamente todos os outros aplicativos e sites que adotaram esse ícone para menus. Além disso, você pode esperar que ele contenha opções um pouco menos comuns do que a navegação principal, a menos que esteja no mobile. O que o Discourse tem é uma barra lateral e, quando usada em resoluções de desktop, é uma barra de navegação lateral normal, não um menu. Colapsá-la pode ser desejável para alguns usuários, mas, embora eu entenda que o ícone do tipo hambúrguer de alguma forma lembre a estrutura da barra lateral, ele comunica algo diferente pela convenção popular (e, em alguns casos, diretrizes de design literais de grandes empresas).

Sei que estou comentando em um tópico antigo aqui, mas voltei a trabalhar com o Discourse e notei algumas dessas peculiaridades de UI e UX que se destacam para mim. Francamente, me surpreende que isso tenha sido adotado como padrão e continue sendo o ícone para essa função. Pode parecer algo menor, mas quando um aplicativo ou plataforma desafia convenções de design amplamente difundidas, confunde as pessoas, e isso afeta a experiência diária delas com esse aplicativo ou plataforma. Ainda clico nesse botão pelo menos uma vez por dia esperando que ele abra um menu suspenso com opções ou algo assim. Trabalho em uma tela 4k, então não tenho nenhuma necessidade real de colapsar a barra lateral, bem… nunca. É uma espécie de memória muscular de tantos outros aplicativos e sites.

Outras ferramentas resolveram o comportamento de expandir/colapsar a barra lateral com uma variedade de ícones, todos mais claros para mim do que este. Vale a pena reconsiderar, na minha opinião.

1 curtida

Ah, acho que devo postar isso aqui — escolha seus ícones

2 curtidas

Sim, é um ótimo trabalho! Descobri isso enquanto procurava no fórum por um tópico anterior relevante, antes de encontrar este. Dito isso, minha preocupação é mais fundamentalmente sobre a usabilidade ‘fora da caixa’, já que muitas pessoas não personalizam muito o Discourse. Há muito tempo sou um defensor de que o Discourse alcance de forma mais significativa o público fora da comunidade de especialistas em tecnologia, e é bom ver esforços nessa direção ultimamente (hospedagem gratuita e barata, melhorias de usabilidade, limpeza e categorização de configurações, etc.). E, no entanto, é surpreendente ver algo assim que, da minha perspectiva, age tão contra-intuitivamente às normas de interface estabelecidas com as quais interajo todos os dias em outros aplicativos, sites e ferramentas. É algo pequeno, mas significativo.

1 curtida

Isso está tudo bem e eu entendi. Eu só esqueci de postar uma migalha sobre isso neste tópico, e seu bump em /latest me lembrou. :smiley: obrigado por isso!

1 curtida