Ich starte dieses Thema, um meine Reise zu dokumentieren, während ich versuche, Discourse zu einer visuell ansprechenderen, kontinuierlich scrollbaren Plattform zu machen – etwas, das dem Browserlebnis näherkommt, das von Reddit, X und Facebook angeboten wird.
Ich werde dieses Thema nutzen, um zu teilen, was ich versuche, was funktioniert, was nicht, welche Komponenten ich verwende und welche Probleme ich auf mich zukommen. Hoffentlich hilft es auch anderen, die Discourse für etwas jenseits eines traditionellen Forenlayouts verwenden möchten.
Der Ausgangspunkt für dieses Projekt war die 90–9–1-Regel.
Sie besagt, dass auf den meisten Social-Media-Plattformen, Blogs usw.:
-
90 % der Nutzer hauptsächlich stöbern und Inhalte konsumieren.
-
9 % gelegentlich reagieren, liken, teilen oder kommentieren.
-
1 % aktiv die meisten Inhalte erstellen.
Natürlich variieren die genauen Prozentsätze je nach Community, aber das Prinzip bleibt relevant: Die meisten Besucher sind Leser, keine Mitwirkenden.
Discourse ist hervorragend darin, die 9 % und die 1 % zu bedienen. Es ist um Diskussionen, Antworten und aktive Beteiligung herum aufgebaut. Allerdings möchte ich es auch für die viel größere Gruppe attraktiv machen, die einfach nur die Seite öffnen und interessante, frische Inhalte stöbern möchte.
Was ich versuche zu bauen
Ich möchte Discourse nutzen, um einen visuell ansprechenderen, kontinuierlichen (Doom-Scrolling-)Feed ähnlich wie bei Reddit, X oder Facebook zu erstellen.
Das Erlebnis würde idealerweise so aussehen:
-
Die Startseite öffnen und sofort einen Feed mit relevanten Themen sehen.
-
Nahtlos von einem Thema zum nächsten scrollen.
-
Den Inhalt des Themas vorschauen, ohne eine separate Seite zu öffnen.
-
Bilder, Videos und Auszüge direkt im Feed sehen.
-
Liken, merken oder antworten, wenn etwas die Aufmerksamkeit erregt.
-
Vorher gescrollte Inhalte automatisch aus dem Weg räumen.
-
Später wiederkommen und frische oder ungesehene Themen sehen, statt jedes Mal dieselbe Startseite.
-
Den Feed schrittweise personalisieren, basierend auf Kategorien, Tags und Themen, mit denen der Nutzer interagiert.
Manche könnten das als „Doom Scrolling“ bezeichnen, aber es ist auch einfach die Art und Weise, wie eine riesige Zahl von Menschen heute Online-Inhalte konsumiert. Sie können dutzende Beiträge lesen, ohne jemals zu kommentieren, und sind dennoch echte Nutzer, die Aufrufe generieren, Links teilen und potenziell jeden Tag zurückkehren.
Warum mit Discourse bauen?
Discourse bietet bereits die meisten schwierigen Teile:
-
Nutzerkonten und Profile
-
Kategorien und Tags
-
Likes, Lesezeichen und Benachrichtigungen
-
Vertrauensstufen und Moderation
-
Erstellung von Themen und Antworten
-
Verfolgung von gelesenen und ungelesenen Beiträgen
-
Empfohlene und verwandte Themen
-
Ein ausgereiftes System für Plugins und Theme-Komponenten
Was fehlt, scheint ein Feed zu sein, der primär um Entdeckung und passiven Konsum herum gestaltet ist. (Discourse wurde offensichtlich nicht so konzipiert.)
Wo ich bisher stehe
- Ich begann mit dem fantastischen Redditish-Theme von @awesomerobot, das ich forken musste, um verschiedene Aspekte bearbeiten zu können, wie z. B. das Entfernen der benutzerdefinierten Seitenleiste. Ich habe auch das CSS stark bearbeitet, um es so zu gestalten, wie wir es wollten.
- Die Aktivierung von Nested Views war ein Muss, da dies den für diese Art von Site benötigten Stil abdeckt.
- Ich habe ein YouTube-artiges, scrollbares Menü erstellt, das alle Kategorien und benutzerdefinierten Links anzeigt. Ich habe Custom Top Navigation Links verwendet, um Links anzupassen und hinzuzufügen.
- Ein Modal für Themen-Vorschauen war ein Muss, und ich begann damit zu designen, aber die Legende @Don baute eine bessere Version, die hier zu finden ist.
- Eine statisch gecachte rechte Seitenleiste überall war ein Muss, also begann ich mit right sidebar blocks und erstellte dann eine Theme-Komponente, um sie auch auf Themen usw. anzuzeigen.
- Mit custom header links (icons) fügte ich einen „Beitrag erstellen“-Button in den Header ein, um den Container aufzuräumen.
- Bilder in Beiträgen zentriert mit einem unscharfen Hintergrund, um es ordentlicher aussehen zu lassen (ähnlich wie bei Reddit).
- Die Themen-Auszüge auf 150 Zeichen festzulegen und sie zwischen Titel und Bild auf den Themenkarten anzuzeigen, war ein Muss (ähnlich wie bei Facebook und X).
Die nächsten Schritte wären ein dedizierter Feed, der:
-
Mit aktuellen Inhalten aus einem definierten Zeitraum beginnt, z. B. den letzten 14 Tagen.
-
Themen aus Kategorien und Tags priorisiert, denen der Nutzer folgt.
-
Beliebte oder trendige Themen für die Entdeckung einmischt.
-
Aufzeichnet, wann ein Thema tatsächlich angesehen oder überrollt wurde.
-
Die Priorität bereits gelesener Themen reduziert, ohne sie dauerhaft zu verstecken.
-
Direkte Reaktionen und Antworten aus dem Feed heraus erlaubt.
Dies würde traditionelle Themenlisten oder Diskussionen nicht ersetzen. Es wäre eine zusätzliche Möglichkeit, denselben Discourse-Inhalt zu entdecken und zu konsumieren.
Folge der Reise
Ich werde dieses Thema fortlaufend aktualisieren, während sich das Projekt entwickelt, einschließlich der Komponenten, die ich teste, der Änderungen, die ich vornehme, und der Hindernisse, auf die ich stoße.
Ich würde auch gerne von jemandem hören, der etwas Ähnliches versucht hat, insbesondere bezüglich:
-
Ob vorhandene Daten zur Leseverfolgung dies unterstützen könnten.
-
Wie ein Feed für anonyme und neu registrierte Nutzer funktionieren könnte.
-
Wie viel Personalisierung erreicht werden könnte, ohne einen komplexen Empfehlungsalgorithmus einzuführen.
-
Ob kontinuierliche Themen-Vorschauen erhebliche Leistungsmängel verursachen würden.
Das Ziel ist es, anzuerkennen, dass die stillen 90 % ein wichtiger Teil einer Community sind, und ihnen ein Erlebnis zu bieten, das darauf ausgelegt ist, wie sie das Internet tatsächlich nutzen.
Die Testseite, die ich für dieses Projekt verwenden werde, ist
Gaming
Ich werde alle Komponenten, die ich erstellt habe, auf GitHub hochladen, zusammen mit Links zu Komponenten, die andere bereits erstellt haben oder gerade erstellen. Es würde sich falsch anfühlen, alles in einem Paket zusammenzufassen, da andere einen großen Beitrag geleistet haben.
)
Noch nicht, aber die Backend-Grundlagen sind vorhanden.