Usare Discourse per creare un blog o una piattaforma di scorrimento stile Reddit, X o Facebook

Sto aprendo questo argomento per documentare il mio percorso mentre cerco di trasformare Discourse in una piattaforma più visiva e a scorrimento continuo, qualcosa di più simile all’esperienza di navigazione offerta da Reddit, X e Facebook.

Userò questo argomento per condividere ciò che provo, cosa funziona, cosa non funziona, i componenti che sto utilizzando e i problemi che incontro. Spero che possa essere utile anche a chiunque altro sia interessato a utilizzare Discourse per qualcosa che vada oltre il layout tradizionale di un forum.

Il punto di partenza per questo progetto è stata la regola 90-9-1.

Suggerisce che nella maggior parte dei social media, dei blog, ecc.:

  • 90% degli utenti naviga principalmente e consuma contenuti.

  • 9% reagisce occasionalmente, mette “mi piace”, condivide o commenta.

  • 1% crea attivamente la maggior parte dei contenuti.

Ovviamente le percentuali esatte variano da comunità a comunità, ma il principio rimane rilevante: la maggior parte dei visitatori sono lettori, non contributor.

Discourse è eccellente nel servire il 9% e l’1%. È costruito attorno a discussioni, risposte e partecipazione attiva. Tuttavia, voglio renderlo altrettanto attraente per il gruppo molto più numeroso che desidera semplicemente aprire il sito e sfogliare contenuti freschi e interessanti.

Cosa sto cercando di costruire

Voglio utilizzare Discourse per creare un feed più visivo e continuo (doom scrolling) simile a quello di Reddit, X o Facebook.

L’esperienza ideale dovrebbe essere qualcosa del genere:

  • Aprire la homepage e vedere immediatamente un feed di argomenti rilevanti.

  • Scorrere continuamente da un argomento all’altro.

  • Anteprima il contenuto dell’argomento senza aprire una pagina separata.

  • Vedere immagini, video ed estratti direttamente nel feed.

  • Mettere “mi piace”, fare un segnaposto o rispondere quando qualcosa cattura la tua attenzione.

  • Spostare automaticamente i contenuti già sfogliati.

  • Tornare in seguito e vedere argomenti nuovi o non ancora visti, anziché la stessa homepage ogni volta.

  • Personalizzare gradualmente il feed utilizzando categorie, tag e argomenti con cui l’utente interagisce.

Alcuni potrebbero chiamarlo “doom scrolling”, ma è anche semplicemente il modo in cui un numero enorme di persone consuma ora i contenuti online. Potrebbero leggere decine di post senza mai commentare, ma sono comunque utenti genuini che generano visualizzazioni, condividono link e potenzialmente tornano ogni giorno.

Perché costruirlo con Discourse?

Discourse fornisce già la maggior parte delle parti difficili:

  • Account e profili utente

  • Categorie e tag

  • Mi piace, segnaposto e notifiche

  • Livelli di fiducia e moderazione

  • Creazione di argomenti e risposte

  • Tracciamento di letti e non letti

  • Argomenti suggeriti e correlati

  • Un sistema maturo di plugin e componenti tematici

Ciò che sembra mancare è un feed progettato principalmente per la scoperta e il consumo passivo. (ovviamente Discourse non è stato progettato per essere così)

Dove sono finora

  1. Ho iniziato con l’ottima tema Redditish di @awesomerobot, che ho dovuto forare in modo da poter modificare vari aspetti, come la rimozione della barra laterale personalizzata. Ho anche modificato molto il CSS per progettarla come volevamo.
  2. Abilitare le Viste Anidrate era un must, poiché copre lo stile necessario per questo tipo di sito.
  3. Ho creato e aggiunto un menu scorrevole in stile YouTube che mostra tutte le categorie e i link personalizzati. Ho usato Link di navigazione superiore personalizzati per personalizzare e aggiungere link.
  4. Una modale di anteprima degli argomenti era un must e ho iniziato a progettarla, ma la leggenda @Don ha costruito una versione migliore che può essere trovata qui
  5. Una barra laterale destra statica e in cache ovunque era un must, quindi ho iniziato con i blocchi della barra laterale destra e poi ho creato un componente tematico per mostrarlo negli argomenti, ecc.
  6. Usando i link di intestazione personalizzati (icone), ho aggiunto un “Crea un post” nell’intestazione per rendere il contenitore più pulito.
  7. Immagini nei post impostate al centro con uno sfondo sfocato per renderle più ordinate (simile a Reddit)
  8. Impostare gli estratti degli argomenti a 150 caratteri e mostrarli tra il titolo e l’immagine sulle schede degli argomenti era un must (simile a Facebook e X)

I prossimi passi sarebbero un feed dedicato che potrebbe:

  1. Iniziare con contenuti recenti di un periodo definito, come i precedenti 14 giorni.

  2. Dare priorità agli argomenti delle categorie e dei tag seguiti dall’utente.

  3. Mescolare argomenti popolari o in tendenza per la scoperta.

  4. Registrare quando un argomento è stato effettivamente visualizzato o sfogliato.

  5. Ridurre la priorità degli argomenti già visualizzati senza nasconderli permanentemente.

  6. Consentire reazioni e risposte dirette dal feed.

Questo non sostituirebbe gli elenchi di argomenti tradizionali o le discussioni. Sarebbe un modo aggiuntivo per scoprire e consumare lo stesso contenuto di Discourse.

Segui il percorso

Continuerò ad aggiornare questo argomento man mano che il progetto si sviluppa, inclusi i componenti che testo, le modifiche che effettuo e gli ostacoli che incontro.

Sarei anche interessato a sentire da chiunque abbia tentato qualcosa di simile, in particolare riguardo a:

  • Se i dati esistenti di tracciamento della lettura potrebbero supportare questo.

  • Come un feed potrebbe funzionare per utenti anonimi e appena registrati.

  • Quanto personalizzazione potrebbe essere raggiunta senza introdurre un algoritmo di raccomandazione complesso.

  • Se le anteprime continue degli argomenti creerebbero problemi di prestazioni significativi.

L’obiettivo è riconoscere che il 90% silenzioso è una parte importante di una comunità e dare loro un’esperienza progettata attorno a come utilizzano effettivamente Internet.

Il sito di test che userò per questo progetto è

https://www.m8wtf.com/

2 Mi Piace