Apresentando navegação lateral do administrador

[martin (Martin Brennan)]

Atualização: A antiga navegação superior do admin foi oficialmente descontinuada e removida na versão 3.4. A navegação lateral recebeu grandes melhorias recentemente e, daqui para frente, é a única maneira de navegar no admin do Discourse.

---

Temos trabalhado internamente em algumas mudanças sobre como a estrutura de navegação funcionará nas áreas administrativas do Discourse. A primeira parte deste trabalho é a introdução de uma barra lateral de administração. Ela se parece com isto:

Esta barra lateral funciona de forma semelhante à barra lateral de chat. Ela é contextual e só aparece quando um administrador entra em qualquer parte da área administrativa do site, sendo substituída pela barra lateral contextual apropriada ao sair da área administrativa.

Nesta primeira iteração, os links de navegação são uma cópia simples de 1 para 1 dos antigos links de navegação no topo da página. No futuro, planejamos fazer uma reestruturação adicional aqui, mas por enquanto queríamos lançar esta forma inicial para ver o que as pessoas pensam.

Existem algumas ressalvas que esperamos resolver em breve:

• Atualmente, não há substituto para o admin-menu outlet da antiga barra de navegação
• Existem algumas inconsistências em como a UI se parece agora que a barra superior foi removida
• Não suportamos seções e links personalizados na barra lateral de administração
• Estamos considerando como suportar sites Discourse que têm sua própria barra lateral baseada em tema personalizado

Isso está oculto por uma configuração experimental do site admin_sidebar_enabled_groups por enquanto. Estamos abrindo espaço para feedback.

[packman (Chris McMahon)]

Só dei uma olhada rápida até agora, mas parece bom.

Não há uma entrada de menu para Registros de Erro, mas ainda há um menu horizontal para a seção de Registros que inclui um link para Registros de Erro.

[martin (Martin Brennan)]

@packman

Não há uma entrada de menu para Logs de Erro, mas ainda há um menu horizontal para a seção Logs que inclui um link para Logs de Erro.

Sim, eu não tinha certeza se deveria adicionar isso à barra lateral, já que leva a uma página completamente separada (Logster)… talvez tudo bem se abrisse em uma nova aba. Vou pensar sobre isso

[Don]

Olá Martin Obrigado por esta atualização incrível

Notei que a página admin/upgrade está faltando na barra lateral e, no celular, ela não substitui o conteúdo da barra lateral, mas aparece abaixo do conteúdo padrão da barra lateral.

[martin (Martin Brennan)]

@Don

Notei que a página admin/upgrade está faltando na barra lateral e no celular ela não substitui o conteúdo da barra lateral, mas aparece abaixo do conteúdo padrão da barra lateral.

Sim, eu tenho o botão Upgrade na minha lista Você pode, por favor, compartilhar uma captura de tela do que você quer dizer para celular?

[Don]

Obrigado, sim, quero dizer que tenho que rolar para baixo na barra lateral móvel para ver as seções de administração. Portanto, agora não funciona exatamente como no desktop. No desktop, ele só mostra as seções de administração quando estou em /admin, mas no celular, a seção de administração aparece abaixo dos menus padrão da barra lateral. Farei uma captura de tela / vídeo sobre isso e atualizarei esta postagem.

[manuel (Manuel Kostka)]

Adoro essa direção

Uma das minhas barras laterais de administração favoritas está no backend do Ghost porque o filtro bem na barra lateral é um prazer de usar. Só quero compartilhar o padrão como feedback:

[Jagster (Jakke Lehtonen)]

Nova barra lateral de administrador: ao retornar ao botão de chat do fórum na barra lateral, ele desaparece. Este aqui:

modo de barra lateral separada de chat é tela cheia, se isso significa alguma coisa. O que mais… a versão é 3.2.0.beta4-dev (20f950a116) e tenho certeza que isso começou depois dessa atualização. E o modo de segurança não ajudou.

Não é um problema grave. E também não é muito irritante.

[martin (Martin Brennan)]

@manuel

Uma das minhas barras laterais de administração favoritas está no backend do Ghost porque o filtro bem na barra lateral é um prazer de usar. Só quero compartilhar o padrão como feedback:

@sam também me mencionou isso em uma ligação outro dia, então você não está sozinho em pensar nisso Estamos considerando isso para a próxima iteração.

@Jagster

Nova barra lateral de administração: ao retornar ao fórum, o botão de chat na barra lateral desaparece.

Obrigado por relatar, vou investigar isso com os outros bugs que tenho para isso

@Don

Sim, quero dizer que tenho que rolar para baixo na barra lateral móvel para ver as seções de administração. Então, agora não funciona exatamente como no desktop.

Isso é bastante estranho, eu esperaria que eles funcionassem da mesma maneira no celular e no desktop. Vou investigar isso também.

[Don]

@martin

Isso é bastante estranho, eu esperava que funcionassem da mesma forma no celular e no desktop. Vou investigar isso também.

Obrigado Martin, verifiquei a barra lateral do chat também e experimentei o mesmo no celular.

[Lhc_fl (Linca)]

Design incrível!!! Gostei muito deste novo design

[piffy]

Acho isso uma forma muito complicada de navegar no celular.

Se você já não sabe que precisa procurar na barra lateral, não há uma maneira óbvia de saber que a barra lateral está cheia de opções específicas do contexto.

Para navegar entre as páginas, você tem que alcançar o canto superior da tela, rolar até o final da barra lateral e fazer um toque preciso no submenu correto que deseja. Visualmente, o menu de administração é indistinto do resto da barra lateral.

Em contraste, com o método antigo, você é imediatamente apresentado às seções de nível superior que estão a 0 a 1 deslizes de distância e permitem que você se aprofunde para encontrar a subseção exata de administração que deseja, em vez de exigir que o usuário saiba com antecedência.

No geral, gosto da ideia, mas acho que ela piora a experiência do usuário no celular, não melhora. Acho que, em geral, quase nunca uso a barra lateral no celular. Acho que é muito complicado abri-la e talvez as opções sejam muito detalhadas/pequenas.

Comparei outros aplicativos e uma coisa que notei é que o acesso à barra lateral geralmente é um gesto muito simples. Discord e Twitter permitem que você apenas deslize horizontalmente para abrir a barra lateral. O aplicativo do eBay tem um botão no menu inferior. Meu aplicativo bancário abre a barra lateral quando você pressiona o botão voltar. O tema comum é que todos esses gestos eu faria normalmente sem nem pensar, mas abrir a barra lateral do Discourse no celular parece uma ação muito deliberada.

Acho que para esta barra lateral experimental funcionar efetivamente para mim, você precisa de acesso mais fácil ao menu do celular e também ocultar todas as configurações não específicas de administração. O botão “voltar para o fórum” é na verdade um toque agradável porque realmente faz parecer que você está em um contexto separado ao navegar na seção de administração.

Mas sim, acho que meu conselho geral para o Discourse é que, se a barra lateral se tornar um recurso de navegação essencial no celular, você realmente precisa melhorar a facilidade de abri-la e fechá-la. O fato de meu telefone ser um modelo maior e de a parte superior da minha tela ser atualmente uma zona morta para entrada de toque destacou especialmente o quão inacessível a barra lateral é para mim.

[tobiaseigen]

@piffy

Acho que esta é uma forma muito complicada de navegar no celular.

Há algo estranho acontecendo com certeza no celular, e o Martin vai consertar na próxima vez que ele olhar para isso… provavelmente depois das festas!

Estamos usando a mesma funcionalidade básica que a barra lateral usava para chat e fórum. Portanto, a forma como eles abrem/fecham e a forma como as seções e links funcionam serão praticamente as mesmas.

Dito isso, minha preferência pessoal tem sido tornar a seção de administração visualmente distinta do fórum ou chat, e não permitir que os sites personalizem a aparência do backend. Desta forma, você saberá que está em uma seção de administração “backend” da qual desejará sair para retornar ao fórum.

@piffy

Comparei outros aplicativos e uma coisa que notei é que o acesso à barra lateral é tipicamente um gesto muito simples. Discord e Twitter permitem que você apenas deslize horizontalmente para abrir a barra lateral. O aplicativo do eBay tem um botão no menu inferior. Meu aplicativo bancário abre a barra lateral quando você pressiona o botão voltar. O tema comum é que todos esses gestos eu faria normalmente sem nem pensar, mas abrir a barra lateral do Discourse no celular parece uma ação muito deliberada.

@awesomerobot quais são seus pensamentos sobre isso, para a barra lateral e talvez até para o menu de notificações? Eu sei que permitimos deslizar para fechá-los deslizando para a esquerda (barra lateral) e deslizando para a direita (menu de notificações). Mas poderíamos permitir uma abertura mais intuitiva desses menus deslizando para a direita e para a esquerda?

[Jagster (Jakke Lehtonen)]

@tobiaseigen

Mas poderíamos permitir a abertura mais intuitiva desses menus deslizando para a direita e para a esquerda?

Isso quebraria a funcionalidade anterior então?

[awesomerobot (Kris)]

@piffy

Comparei outros aplicativos e uma coisa que notei é que o acesso à barra lateral é normalmente um gesto muito simples. Discord e Twitter permitem que você apenas deslize horizontalmente para abrir a barra lateral. O aplicativo do eBay tem um botão no menu inferior. Meu aplicativo bancário abre a barra lateral quando você pressiona o botão voltar. O tema comum é que todos esses gestos eu normalmente faria sem nem pensar, mas abrir a barra lateral do Discourse no celular parece uma ação muito deliberada.

Isso é um pouco mais complicado para nós do que para um aplicativo nativo, porque somos baseados na web. O Safari no iOS reserva o deslize para navegação para trás/frente e, pelo que sei, não há uma boa maneira de contornar isso… embora talvez isso tenha mudado? Blocking Navigation Gestures On iOS Safari - PQINA

[sam (Sam Saffron)]

Também vale notar que no hub, independentemente, temos total flexibilidade

[simon_tomes]

Liguei e minha reação inicial foi: Mantém as coisas organizadas e as coisas são mais fáceis de analisar. Bom trabalho!

[Jagster (Jakke Lehtonen)]

E opinião diferente, porque voltei para a velha escola.

No topo é uma rota mais curta e as opções são mais fáceis de alcançar sem a necessidade de mover para o lado e depois rolar.

Além disso, sempre que há necessidade de trabalhar com uma tela menor, e nesse sentido qualquer iPad de tamanho padrão é menor, a barra lateral é muito difícil de usar.

Espero que o estilo antigo permaneça lá como uma opção.

[sam (Sam Saffron)]

@Jagster

Espero que o estilo antigo permaneça como uma opção.

muito improvável a longo prazo, continuaremos a iterar sobre isso, tente novamente em algumas semanas depois que iterarmos um pouco mais.

[twofoursixeight]

Gostaria de fazer uma sugestão de UX para esta barra lateral experimental.

Minha sugestão:

Adicionar uma aba enquanto estiver no menu de administração para alternar entre o menu do fórum e o menu da barra lateral de administração na parte superior, para que você não precise sair do menu de administração para acessar um menu do fórum, e isso permitiria um clique a menos em vez de rolar para baixo até o menu de administração.

Isso também pode melhorar os problemas de dispositivos móveis, pois em vez de rolar, você pode tocar em um botão e ele o levará até lá.

Meu esboço de como acho que essa sugestão poderia parecer: