Entendendo os elementos da interface do usuário no Discourse

:bookmark: Este recurso abrange os nomes para cada elemento da interface do usuário do Discourse.

:person_raising_hand: Nível de usuário necessário: Todos os usuários

Veja como a interface do Discourse se parece na maioria das vezes. Temas, componentes de tema e plugins podem afetar este layout.

Vamos detalhar as partes principais e, em seguida, as partes principais em partes menores.

  1. Cabeçalho
  2. Barra lateral
  3. Conteúdo principal

Cabeçalho

Header

  1. Botão/alternância da barra lateral (ou Hambúrguer)
  2. Logotipo
  3. Ícones no canto superior direito:
    a. Pesquisa
    b. Alternância de Chat
    c. Menu de Notificações / Menu de Avatar

Barra lateral

  1. Seções
  2. Botão Nova Seção
  3. Atalhos de Teclado

Conteúdo Principal

  1. Navegação / Barra de navegação
    a. Seletor de Categoria
    b. Seletor de Tag
    c. Botões de navegação
  2. Cabeçalhos da lista de Tópicos
  3. Lista de Tópicos

Tópico

  1. Título
  2. Categoria
  3. Tags
  4. Avatar
  5. Nome de usuário e Nome
  6. Botão Histórico de Edição
  7. Data da Postagem
  8. Ações da Postagem
  9. Botão Responder à Postagem
  10. Mapa do Tópico
  11. Botões de Ações do Tópico
  12. Botão Responder ao Tópico
  13. Chave Inglesa de Administrador
  14. Linha do Tempo
  15. Botão Responder ao Tópico
  16. Botão de Estado da Notificação

Cartão do Usuário

  1. Localização
  2. Lista de Emblemas
  3. Avatar
  4. Nome de usuário
  5. Nome
  6. Biografia
  7. Estatísticas de Última Atividade
  8. Website
  9. Aniversário de Cadastro (Cakeday)
  10. Botão de Nova Mensagem Pessoal
  11. Botão de Novo Chat Pessoal

Menu de Notificações

  1. Notificações
  2. Todas as notificações
  3. Respostas e Menções
  4. Curtidas
  5. Mensagens Pessoais
  6. Favoritos (Bookmarks)
  7. Notificações de Chat
  8. Itens para Revisão
  9. Outras Notificações
  10. Menu do Usuário
  11. Botão Ver Todas as Notificações
  12. Botão Dispensar Notificações

Compor

  1. Seletor de Tipo de Postagem
  2. Título do Tópico
  3. Seletor de Categoria do Tópico
  4. Seletor de Tags do Tópico
  5. Barra de Ferramentas de Formatação
  6. Área de Texto
  7. Botão de Criação/Edição de Postagem
  8. Botão Descartar
  9. Alça de Redimensionamento
  10. Alternância de Tela Cheia
  11. Alternância de Minimizar
  12. Painel de Visualização
  13. Alternância do Painel de Visualização
69 curtidas

Alguém criou ou está em processo de criar um guia semelhante para o Discourse 3.x com navegação lateral?

2 curtidas

Isso é uma mão na roda :raised_hands:

3 curtidas

Acho que precisamos dar uma pequena atualizada nisso. Aguente firme e veremos se conseguimos montar algo para você. :slight_smile:

5 curtidas

O guia estava muito desatualizado, então o atualizei com novas capturas de tela :slight_smile:
Ele pode ser melhorado, então sugestões são bem-vindas!

5 curtidas

Isso é muito bom :hugs: Obrigado @Canapin :heart:

Pequena sugestão: Poderia conter o compositor e o chat também? :slightly_smiling_face:

3 curtidas

11 e 12 do menu de notificações estão faltando.

E notei que no cabeçalho é chamado de menu de avatar, mas o título separado diz menu de notificações.

3 curtidas

Estou muito preocupado que este tipo de guia, por mais bem intencionado que seja, corra um grande risco de ficar desatualizado, devido às capturas de tela e anotações (meticulosamente) feitas. Tudo o que sei é que o mesmo foi tentado para Facebook e YouTube, etc., mas após alguns meses os usuários não conseguem encontrar certos itens mencionados. Não tenho uma solução melhor, no entanto.

2 curtidas

Como é uma wiki, todos podem ajudar quando ela precisa de uma atualização. E mesmo que alguns elementos mudem, ainda é útil saber como os outros elementos são chamados.
Em última análise, qualquer documentação pode ficar desatualizada. Se você não escrever documentação por esse motivo, não terá nenhuma documentação.

4 curtidas