[Webinar] Frage Discourse Anything: Designer Edition

Ankündigungen
1

Am 2024-10-30T04:00:00Z führten uns zwei unserer Designer, Jordan und Kris, durch die Struktur des Discourse-Designteams und teilten Tipps zur Erstellung benutzerdefinierter Community-Designs.

Wiederholung

Überblick über die Struktur des Designteams

  • Jordan ist unser Leiter des Designteams
  • Das Designteam hat zwei Zweige:
    • Kundenprojekte (Bryce und Ty), die Kundenanfragen und Anpassungen bearbeiten.
    • Discourse Core Internal Team (Charlie, Ella, Kris und Meghna), das sich auf Funktionen innerhalb von Discourse selbst konzentriert.

Highlights der Anpassung

  • OpenAI Developer Forum: Ein minimalistischer Look “out of the box” mit leichter Gestaltung.
  • MAKE Community: Hinzugefügte Funktionen wie ein Vollbildlayout und ein benutzerdefiniertes Suchbanner für ein personalisiertes Gefühl.
  • Epic Developer Community (Unreal Engine): Ein stark angepasstes Design mit einzigartigen Layouts, Plugins und Symbolanpassungen, das zeigt, wie weit Sie mit der Anpassung von Discourse gehen können.

Top-Fragen

Beginn mit Community-Design auf Discourse
Einfach anfangen: Verstehen Sie die Funktionalität von Discourse und definieren Sie Ziele für Ihre Community. Nutzen Sie Branding-Elemente (wie Farbschemata und Header-Links) und berücksichtigen Sie verfügbare Komponenten, bevor Sie sich in tiefe Anpassungen stürzen.

Unterschied zwischen Themes und Theme-Komponenten
Ein Theme passt das gesamte Erscheinungsbild an, während Theme-Komponenten einzelne benutzerdefinierte Elemente (wie Header-Links oder Suchbanner) sind, die zu jedem Theme hinzugefügt werden können.

Schritte von grundlegendem zu hochgradig angepasstem Design
Einfache Setups können vorhandene Komponenten und Themes verwenden, während fortgeschrittene Anpassungen möglicherweise die Beteiligung von Entwicklern für tiefere Änderungen erfordern. Discourse Meta bietet eine Vielzahl von Theme-Komponenten für einfachere, fertige Anpassungen.

Effektive Nutzung von Plugins und Komponenten
Plugins ermöglichen Back-End-Modifikationen, können sich aber auf die Leistung auswirken, daher sind sie am besten für größere Setups geeignet. Theme-Komponenten sind ideal für Front-End-Änderungen und über Meta zugänglich für einfache Installation und Wartung.

Figma-Ressourcen und Verfügbarkeit von Styleguides
Obwohl das Team intern einige Figma-Komponenten verwendet, gibt es keine vollständige Bibliothek aufgrund der breiten Anpassbarkeit von Discourse. Ein integrierter Styleguide innerhalb von Discourse bietet jedoch einen soliden Ausgangspunkt für benutzerdefinierte Layouts.

Wichtige Werkzeuge & Ressourcen

21 „Gefällt mir“
3

Hallo, wird das aufgezeichnet? Es ist kurz nach Mitternacht für mich.

4 „Gefällt mir“
4

Ja, wir zeichnen diese Sitzungen immer auf.

5 „Gefällt mir“
5

Toll zu hören, dass Sie über Design und Discourse sprechen werden!

Leider kann ich auch nicht live dabei sein. Wenn also Fragen im Voraus in Ordnung sind und es den Rahmen dieser Sitzung nicht sprengt, wäre es großartig, mehr darüber zu erfahren, wie das Discourse-Designteam das allgemeine Discourse-UX konzipiert, insbesondere für die Hauptseite, und wie sich die Dinge in Zukunft entwickeln könnten (Seitenleiste, Filterelemente in der Hauptinhaltsleiste, persönliches Menü, Benachrichtigungen usw.).

Mein Eindruck ist, dass es derzeit aufgrund der Art und Weise, wie sich die Dinge im Laufe der Zeit entwickelt haben, eine gewisse Überschneidung zwischen verschiedenen Elementen gibt (z. B. Kategoriefilter in der Seitenleiste und in der Inhaltsleiste oder persönliche Nachricht in der Seitenleiste und im persönlichen Menü), und ich habe Schwierigkeiten, klare mentale Modelle der verschiedenen Bausteine der Seite zu erstellen [1]. Aber es ist auch durchaus möglich, dass das Discourse-Designteam dieses Thema mit einer anderen Perspektive angeht als ich.

  1. Ich sollte wirklich einen längeren Beitrag dazu verfassen ↩︎

5 „Gefällt mir“
6

Tolle Frage! Wir werden auf jeden Fall einige Informationen dazu aufnehmen, wenn das Replay gepostet wird. (Ich werde die OP mit einer Woche aktualisieren.)

3 „Gefällt mir“
7

Wiederholung und Zusammenfassung werden Anfang nächster Woche veröffentlicht!

6 „Gefällt mir“
8

Entschuldigen Sie die Störung, aber gibt es Neuigkeiten zum Recap? Es wäre toll, ihn am Wochenende sehen zu können.

3 „Gefällt mir“
9

Aktualisieren! Ich habe gerade die OP aktualisiert. :smiley:

5 „Gefällt mir“
10

Ausgezeichnet! Vielen Dank!

2 „Gefällt mir“