[Webinar] Pergunte a Discourse Anything: Edição Designer

Em 2024-10-30T04:00:00Z, dois de nossos designers, Jordan e Kris, nos apresentaram como a equipe de design da Discourse é estruturada e compartilharam dicas para criar designs de comunidade personalizados.

Replay

Estrutura da Equipe de Design em Resumo

  • Jordan é nosso Líder da Equipe de Design
  • A equipe de design tem dois ramos:
    • Projetos de Clientes (Bryce e Ty), cuidando de solicitações e personalizações de clientes.
    • Equipe Interna do Núcleo Discourse (Charlie, Ella, Kris e Meghna), focando em recursos dentro do próprio Discourse.

Destaques de Personalização

Principais Perguntas

Começando com o Design da Comunidade no Discourse

Comece de forma simples: entenda a funcionalidade do Discourse e defina metas para sua comunidade. Utilize elementos de marca (como esquemas de cores e links de cabeçalho) e considere os componentes disponíveis antes de mergulhar em personalizações profundas.

Diferença entre Temas e Componentes de Tema

Um tema ajusta a aparência geral, enquanto os componentes de tema são elementos personalizados individuais (como links de cabeçalho ou banners de pesquisa) que podem ser adicionados a qualquer tema.

Etapas de um Design Básico a Altamente Personalizado

Configurações básicas podem usar componentes e temas existentes, enquanto personalizações avançadas podem exigir o envolvimento de desenvolvedores para alterações mais profundas. O Discourse Meta oferece uma variedade de componentes de tema para personalização mais fácil e pronta.

Usando Plugins e Componentes Efetivamente

Plugins permitem modificações no back-end, mas podem impactar o desempenho, sendo ideais para configurações maiores. Componentes de tema são ideais para alterações no front-end, acessíveis através do Meta para fácil instalação e manutenção.

Recursos do Figma e Disponibilidade do Guia de Estilo

Embora a equipe use alguns componentes do Figma internamente, não há uma biblioteca completa devido à ampla personalização possível no Discourse. No entanto, um guia de estilo integrado no Discourse oferece um ponto de partida sólido para layouts personalizados.

Principais Ferramentas e Recursos

21 curtidas

Olá, isto será gravado? São pouco depois da meia-noite para mim.

4 curtidas

Sim, sempre gravamos essas sessões.

5 curtidas

Ótimo saber que você falará sobre design e Discourse!

Infelizmente, eu também não poderei participar ao vivo, então se perguntas antecipadas forem aceitáveis, e se não for muito para o escopo desta sessão, seria ótimo aprender mais sobre como a equipe de design do Discourse conceitua a UX geral do Discourse, especialmente para a página principal, e como as coisas podem evoluir no futuro (barra lateral, elementos de filtro no cabeçalho do conteúdo principal, menu pessoal, notificações, etc.).

Minha impressão é que atualmente, devido à forma como as coisas evoluíram ao longo do tempo, há um pouco de sobreposição entre diferentes elementos (por exemplo, filtro de categoria na barra lateral e no cabeçalho do conteúdo, ou mensagem pessoal na barra lateral e no menu pessoal), e eu tenho dificuldade em construir modelos mentais claros dos diferentes blocos de construção da página [1]. Mas também é perfeitamente possível que a equipe de design do Discourse aborde este tópico com uma lente diferente da minha.


  1. Eu realmente deveria fazer um post mais longo sobre isso ↩︎

5 curtidas

Ótima pergunta! Certamente incluiremos algumas informações sobre isso quando a reprise for postada. (Atualizarei o OP com uma semana.)

3 curtidas

Replay e resumo serão postados no início da próxima semana!

6 curtidas

Desculpe incomodar, mas há alguma notícia sobre o resumo? Seria ótimo poder assistir durante o fim de semana.

3 curtidas

Atualize! Acabei de atualizar o OP. :smiley:

5 curtidas

Excelente! Muito obrigado!

2 curtidas