[Webinar] Pergunte qualquer coisa ao Discourse: Edição Designer

Notícias e Eventos Eventos
1

Em 2024-10-30T04:00:00Z, dois de nossos designers, Jordan e Kris, nos mostraram como a equipe de design do Discourse está estruturada e compartilharam dicas para criar designs personalizados para comunidades.

Gravação

Estrutura da Equipe de Design em Poucas Palavras

  • Jordan é o Líder da Equipe de Design.
  • A equipe de design possui duas ramificações:
    • Projetos para Clientes (Bryce e Ty), atendendo solicitações e personalizações de clientes.
    • Equipe Interna do Núcleo do Discourse (Charlie, Ella, Kris e Meghna), focada em recursos dentro do próprio Discourse.

Destaques de Personalização

Principais Perguntas

Começando com o Design de Comunidade no Discourse

Comece de forma simples: entenda a funcionalidade do Discourse e defina os objetivos para sua comunidade. Utilize elementos de marcação (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 e o estilo 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 para um Altamente Personalizado

Configurações básicas podem usar componentes e temas existentes, enquanto personalizações avançadas podem exigir a participação 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 para uso.

Usando Plugins e Componentes de Forma Eficaz

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

Recursos do Figma e Disponibilidade do Guia de Estilo

Embora a equipe utilize 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 dentro do Discourse oferece um ponto de partida sólido para layouts personalizados.

Principais Ferramentas e Recursos

21 curtidas
Discourse playground/storybook?
3

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

4 curtidas
4

Sim, sempre gravamos essas sessões.

5 curtidas
5

Ó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
6

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

3 curtidas
7

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

6 curtidas
8

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

3 curtidas
9

Atualize! Acabei de atualizar o OP. :smiley:

5 curtidas
10

Excelente! Muito obrigado!

2 curtidas