Removendo a opção de menu de navegação estilo hamburger legado

No ano passado, anunciamos o novo menu de navegação lateral, que desde então se tornou o menu de navegação padrão para novos sites, com muitos sites existentes também o adotando. Concomitantemente, marcamos o antigo menu suspenso de hambúrguer como legacy (legado) na configuração do site navigation_menu.

Como substituto para o menu de navegação legacy (legado), introduzimos a opção de menu de navegação header dropdown (menu suspenso no cabeçalho). Esta escolha é projetada para sites que preferem não usar o menu de navegação sidebar (lateral), mas ainda desejam reter as opções de personalização oferecidas pela barra lateral.

Em um próximo lançamento do Discourse, migraremos automaticamente todos os sites para o novo menu de navegação header dropdown (menu suspenso no cabeçalho), descontinuando efetivamente o suporte para o menu de navegação legacy (legado). No lançamento seguinte, removeremos completamente a opção de menu de navegação legacy (legado). Em nossa hospedagem gerenciada, faremos a transição gradualmente dos sites que ainda usam o menu de navegação legacy (legado) para o menu de navegação header dropdown (menu suspenso no cabeçalho).

Observe que, se você não configurar nenhuma categoria ou tag padrão, ele será exibido como abaixo.

Você pode adicionar categorias ou tags padrão através de Configure Defaults (Configurar Padrões), que o direcionará para as configurações abaixo.

Screen Shot 2023-06-01 at 12.45.00

Screen Shot 2023-06-01 at 12.46.16

Você pode aplicar essas alterações às preferências de usuário existentes no menu pop-up.

Depois de definir todos os padrões, você também poderá ver os links All Categories (Todas as Categorias) e All Tags (Todas as Tags).

Categories

Tags

A experiência padrão da barra lateral para os usuários difere do que os usuários veem no site pela primeira vez antes de personalizarem sua própria barra lateral.

Visualização do Usuário Normal

Header dropdown

Sidebar

Visualização do Usuário Administrador

Header dropdown

Sidebar

Visualização do Usuário Anônimo

Header dropdown

Sidebar

Temas ou plugins que dependem da API oficial de plugins para personalizar o menu hambúrguer legacy (legado) continuarão funcionando. No entanto, se suas personalizações não usarem a API oficial de plugins, você pode precisar adaptá-las para o menu de navegação header dropdown (menu suspenso no cabeçalho).

Sinta-se à vontade para compartilhar seu feedback aqui se encontrar algum problema ao mudar para o menu de navegação header dropdown (menu suspenso no cabeçalho) e ficaremos felizes em ajudá-lo com isso.

30 curtidas

Isso parece prematuro. As seções personalizáveis pelo usuário ainda parecem um protótipo. A personalização em nível de site parece ainda menos desenvolvida. Haverá um melhor gerenciamento de categorias aninhadas antes de vermos isso? Grupos de tags?

Houve alguma reflexão de design sobre como isso deve funcionar com o estilo da página inicial Categorias e Tópicos Mais Recentes? Talvez eu tenha perdido isso, mas eles parecem estranhamente em conflito e não tenho ideia do que fazer a respeito.

E, “comunidade” ainda? Sério?

7 curtidas

Isso também acontecerá automaticamente para instâncias definidas como legacy ao atualizar para essa versão futura ou a versão apenas removerá a capacidade de escolher legacy daqui para frente?

A alteração que está sendo feita aqui é a troca de sites que usam o menu “legado” (hambúrguer) para o novo menu “dropdown do cabeçalho” (hambúrguer).

Não estamos forçando todos a usar a barra lateral e o menu suspenso do cabeçalho deve funcionar bem com as categorias + a opção da página inicial mais recente.

As seções personalizáveis pelo usuário e pelo site que você mencionou ainda estão em evolução, mas isso é apenas novidade.

À medida que começarmos a implementar as coisas de forma mais ampla, os sites ainda terão a oportunidade de optar por não participar e usar o hambúrguer por algum tempo. Usaremos esse feedback (e o feedback aqui) para ajudar a identificar se há outras alterações necessárias antes da remoção final.

Não planejamos fazer isso até a versão 3.1, que provavelmente será em algum momento no período de julho/agosto.

Eu me equivoquei. Provavelmente faremos isso mais cedo se não descobrirmos outros problemas ao longo do caminho que exijam mais tempo.

6 curtidas

Somente minha opinião: já escrevi muita documentação para usuários em minha vida e sou rigoroso com a terminologia e em torná-la mais clara para os usuários. Assim, agora tento me referir a ela como menu do navegador (ou navegação), porque é o que realmente é. O ícone de hambúrguer é o que a maioria das pessoas parece continuar se referindo e é o nome aceito para esse ícone em outros aplicativos também. O menu do navegador legado ainda tinha o ícone de hambúrguer. O novo menu do navegador é configurável em modo suspenso ou barra lateral (mas não entendo por que ainda é chamado de barra lateral quando está no modo suspenso?). Eu costumava chamá-lo de menu hambúrguer quando era legado, mas quando fiz a transição, decidi mudar a terminologia para meus próprios usuários e agora me refiro a ele como menu do navegador (ou barra lateral) e o ícone como ícone de hambúrguer. (por exemplo: clique no ícone de hambúrguer para obter o menu do navegador).

De qualquer forma, neste último fim de semana, migrei para o novo menu do navegador do legado. Comecei usando o modo suspenso para torná-lo o mais parecido possível com o menu legado, para que meus usuários achassem mais fácil se adaptar (tenho um público mais velho, principalmente com idades entre 40 e 80 anos). A implantação correu muito melhor do que eu esperava e os usuários gostam muito dos recursos personalizáveis. Eu planejava manter o menu no modo suspenso, mas depois de alguns dias percebi o quão melhor ele é no desktop quando no modo de deslizar para a esquerda. Também gosto que seja mais parecido com a visualização móvel. Então, mudei para o modo de deslizar para a esquerda durante a noite passada e estou muito feliz com isso. Em retrospectiva, acho que essa migração em etapas inadvertida foi uma coisa boa.

Alguns comentários:

  • Minha única reclamação importante é que quero mais controle sobre a personalização da seção superior (renomeei facilmente “Comunidade” para o título do meu fórum no console de substituição de texto). Usei algum CSS para mudar algumas coisas nessa parte, mas é um pouco complicado acessar esses elementos.
  • Por que “Mais Recentes” é chamado de “Tudo”? Eu também mudei isso
  • “Minhas Postagens” não deve ficar acima das opções de Administrador e Revisão para a Equipe - o que acontece é que “Revisão” desce para a seção …Mais. Por favor, dê precedência aos controles da Equipe.

Adoro o menu até agora. Ótimo trabalho, equipe Discourse :clap: :slight_smile:


edição: ok, descobri logo depois de fazer esta postagem que “Tudo” é dinâmico e muda de “Mais Recentes” para “Novos”. Não notei até ter ativado a opção de usuário avançado e alguém apontou (doh). Adoro isso. Eu só tive que descobrir um nome melhor para isso (Recentes / Não lidos). Recurso legal. Também notei desde então que “Revisão” sobe quando há sinalizações pendentes, então isso também não é um problema.

10 curtidas

Lembro-me de ter relatado isso em algum momento, em algum lugar… mas ainda tenho algum tipo de interação acontecendo com [acho que é] o componente de categorias personalizadas…

atualizado para adicionar: Aqui é onde relatei isso há muito tempo…

3 curtidas

Desculpe, você pode esclarecer o que você espera ver naquele espaço que você destacou na captura de tela? É sobre ícones de categoria?

3 curtidas

Eu espero ver ícones ao lado das categorias, sim. No modo “legado” eu vejo isto…

7 curtidas

Isso seria uma regressão para o nosso site também.

3 curtidas

Sim, encontrei seu tópico antigo. Os ícones devem estar disponíveis para as categorias, visto que estão nas outras seções personalizáveis do menu e que eram utilizáveis no menu legado.

3 curtidas

OK, sim, vamos colocar na nossa lista para resolver os ícones de categoria de alguma forma antes de removermos o menu antigo.

9 curtidas

ok, meus moderadores e eu acabamos de notar que, para a visualização de Staff, quando há sinalizações pendentes, a opção Review sobe para cima de Admin. Eu gosto muito disso! Isso aborda meu ponto acima (na maior parte). :slight_smile:

meus usuários têm se comportado relativamente bem ultimamente lol

7 curtidas

Empurrar o link “Revisar” para o menu suspenso “mais” quando não há nada para revisar é uma decisão de design intencional que tomamos. Quando houver um item na fila de revisão, o link será automaticamente movido para fora do menu suspenso “mais”.

5 curtidas

Ao considerar a mudança de legacy para sidebar, notei que as categorias e tags estavam vazias, apesar de default sidebar categories e default sidebar tags estarem configuradas adequadamente. Talvez eu as tenha configurado antes de se tornarem preferências do usuário ou tenha respondido não à alteração para usuários existentes, embora não esteja convencido de que faria a última coisa.

Precisei redefinir essas configurações padrão para vazias, respondendo sim à alteração histórica, depois configurando adequadamente e respondendo sim novamente. Responder sim uma vez com a configuração vazia foi importante, caso contrário, as alterações não estavam sendo aplicadas à minha preferência de usuário.


Além disso, é um pouco estranho que essas configurações sejam nomeadas com sidebar quando se aplicam tanto à barra lateral quanto ao menu suspenso do cabeçalho, embora não seja um grande problema para os nomes das configurações de administrador e os nomes das configurações estejam ocultos das preferências do usuário.

Na interface do usuário de preferências do usuário, no entanto, parece bem estranho ter que ir a uma seção “Sidebar” para alterar configurações para a “seção de categorias da Sidebar” e assim por diante, se o que você realmente quer fazer é alterá-las para um menu suspenso do cabeçalho.

5 curtidas

No phpBB existe algo chamado ‘Tópicos Ativos’, que pode ser um bom termo para isso.

1 curtida

O novo menu é confuso. Faltam os itens que as pessoas mais querem, como “Mais recentes”. A navegação agora leva vários cliques. Estou recebendo reclamações dos usuários. Como posso reverter? Isso me lembra o Atlassian.

A dica de ferramenta diz apenas “menu”, então é assim que a chamarei.

image

1 curtida

Latest é parte de Everything - isso muda dinamicamente entre Latest e Unread. Há também configurações para notificações na barra lateral nas preferências do usuário para a barra lateral.

Se desejar, você pode adicionar um link para os filtros /Latest e /Unread para seus usuários em uma seção de links personalizados que todos os usuários podem ver.

Você também pode alterar a dica de ferramenta para o ícone de hambúrguer para o que quiser em substituição de texto em js.sidebar.show_sidebar e js.sidebar.hide_sidebar.

Você também pode usar substituição de texto para alterar o nome de “Everything”.

2 curtidas

Que eu possa personalizar meu site para melhorar a UX está OK, mas por que não ter uma boa UX desde o início?

“Tudo” pode ser a escolha de menu mais estranha que já vi. O que determina se é realmente o mais recente ou não lido?

Também não é bom que o título deste tópico use jargão de desenvolvedor (“hamburger”).

6 curtidas

o ícone de hambúrguer é o nome aceito desse ícone, pelo que me lembro. ele é usado em muitos aplicativos. tenho usado o termo para descrever o ícone/menu desde que faço administração e suporte de aplicativos, e meus usuários (demografia mais velha e não técnica) nunca tiveram problemas com isso, muitas vezes brincando que o menu de hambúrguer não está cheio de itens alimentícios. :wink:

2 curtidas

Se você não tiver itens não lidos, então é o mais recente

3 curtidas