Sou o Claudio e trabalho como líder de UX na Canonical, editora do Ubuntu. Este é meu primeiro post aqui no Meta Discourse, mas todos nós somos usuários do Discourse para o fórum da comunidade dos nossos sites e produtos na Canonical.
Há algum tempo, exploramos como o Discourse poderia parecer quando incorporado ao domínio principal de um site existente, em vez de um subdomínio (por exemplo, migrando de ‘discourse.ubuntu.com’ para ‘ubuntu.com/discourse’).
Usar o site de nível superior em vez de um subdomínio necessariamente alteraria a navegação do Discourse, suas interações e a aparência geral, a fim de ser incluído de forma consistente e fluida. Entendemos que se trata de um trabalho de exploração que afetaria várias partes da UX existente, mas achamos por bem compartilhá-lo com vocês de qualquer forma e, eventualmente, discutir se parte dessas modificações pode ser de interesse ou uma proposta válida (talvez como modelo) também para o upstream.
Em termos de estilo, utiliza nosso framework CSS de código aberto Vanilla e seus componentes.
Vou postar todas as visuais aqui, respondendo a esta introdução inicial.
Por favor, nos digam o que acham; estaríamos disponíveis para discutir isso mais a fundo ou com mais detalhes.
Em nossa proposta, removemos o menu hambúrguer padrão do Discourse e utilizamos um componente de navegação lateral como principal ponto de entrada para todas as páginas. A razão é que integrar o Discourse à navegação existente do site exige consistência com a estrutura atual do site. Ao fazer isso, também podemos expor aos usuários todas as páginas e tópicos disponíveis diretamente em um único componente de navegação, sempre visível.
A funcionalidade de busca está integrada à navegação global do site e incluiria também os resultados de busca do Discourse. Como isso pode exigir alterações significativas no front-end e no back-end, o campo de entrada de busca pode ser movido para as páginas do Discourse para funcionar de forma independente.
Quando os usuários fazem login, o botão de ação “Novo tópico” fica visível, assim como o item “Conta” na navegação lateral à esquerda.
Em vez de exibir “Mais recentes”, “Novos”, “Não lidos”, “Melhores”, “Categorias” e “Marcadores” todos juntos no topo da página, podemos colocar as categorias na navegação lateral e o restante em um menu suspenso, onde os usuários podem escolher qual visualização do conteúdo desejam ver.
Reorganizamos a tabela ao exibir todos os tópicos. As categorias são exibidas por meio de etiquetas coloridas que os usuários podem clicar para acessar diretamente um tópico específico. A foto de perfil do usuário e múltiplos usuários são visualmente recolhidos para economizar espaço. Respostas, visualizações e atividade continuam visíveis.
Dentro de um tópico ou categoria, aparece o botão de ação da opção ‘seguir’. Com um menu suspenso, os usuários podem decidir o nível de notificações que desejam receber. Nossa proposta exibe o rótulo no menu suspenso para que os usuários possam entender facilmente sua assinatura daquele tópico.
Ao selecionar ‘Topo’ no menu superior de visualização, os usuários podem decidir qual parte do tempo exibir por meio do menu suspenso ‘todo o período’.
Quando logado, a foto de perfil e as informações do usuário são exibidas no topo. Na página Sobre, as páginas secundárias se expandem na navegação lateral, enquanto ‘Todos os tópicos’ se recolhe. Se o usuário estiver deslogado, a página Sobre é a mesma, mas não exibe o perfil no topo nem a opção ‘conta’.
Os itens do menu horizontal no Discourse estão incluídos na barra de navegação lateral: “Resumo - Atividade - Notificações - Mensagens - Distintivos - Preferências”. Os itens de subpáginas serão abertos sob o principal relevante, por exemplo: Atividade > Todas, Tópico, Respostas, Rascunhos, Curtidas, Favoritos.
Por favor, nos diga o que você acha; estamos disponíveis para discutir isso mais a fundo ou com mais detalhes.
As coisas estão boas. Mas o menu lateral se funde visualmente com o conteúdo principal. Veja se consegue separá-lo como no Stack Overflow, por exemplo. Talvez o fundo, o recuo, a cor. Muitas opções.
Percebi que, desde que trabalhamos nisso, o Discourse mudou os ícones de notificação/seguir (agora estão muito mais claros, devo dizer), então precisamos atualizar isso de acordo.
Sinta-se à vontade para enviar seu tema ao criador de temas!
Eu adoraria explorar e dar algum feedback sobre como funciona. Há várias partes ocultas da interface que você provavelmente também precisa verificar, como a interface de bandeiras, a interface de marcadores e assim por diante.
Isso parece ótimo! Uma coisa que não vejo representada aqui são as notificações:
Elas seriam listadas junto com o link “conta” na barra lateral?
Também presumo que não haja planos de usar tags, já que não as vejo representadas aqui… esse foi um dos motivos pelos quais nos afastamos de ter uma coluna dedicada para categorias.
Com a categoria sob o título, conseguimos manter categorias e tags fortemente associadas e também permanecer consistentes com o layout do título no topo de cada página de tópico (também acabei de notar no seu design que a categoria não é exibida depois que você entra em um tópico; isso é intencional?).
Obrigado @sam, vamos dar uma olhada no guia. De fato, uma espécie de protótipo ajudaria a destacar problemas e partes negligenciadas da interface atual.
Acho que as tags não estavam presentes quando exploramos essa solução, então é algo que precisa ser incluído em um acompanhamento. As categorias abaixo do título são, de fato, um ponto muito válido.
Obrigado a todos pelo feedback, ele ajudará no acompanhamento desses designs.
