Il componente Topic Cards offre un modo semplice, ma al contempo bello e utilizzabile, per visualizzare gli argomenti nelle pagine principali. Tuttavia, c’è spazio per miglioramenti nei metadati che presenta.
Mostra solo i Mi piace. Nel frattempo, l’altrettanto ufficiale Topic List Thumbnails mostra elegantemente icone per Visualizzazioni, Mi piace, Risposte, e l’Ultima Attività viene anche visualizzata ordinatamente insieme a queste icone.
Mostra la data di pubblicazione invece della data dell’ultima attività, il che è incoerente con il comportamento predefinito di Discourse e potrebbe causare confusione agli utenti (“perché questo argomento è in cima se è così vecchio?”)
La soluzione potrebbe essere semplice dal punto di vista dell’esperienza utente: visualizzare i metadati in Topic Cards proprio come vengono visualizzati in Topic List Thumbnails. Stesso codice, se possibile. Maggiore coerenza e, teoricamente, meno lavoro di manutenzione.
Vedi a confronto:
Topic Cards
Vedi la data di pubblicazione a sinistra e il a destra.
Stesso argomento. Il doppio dei dati mostrati e tuttavia non aggiunge disordine, e la data corrisponde all’ultima attività, non alla data di pubblicazione, proprio come fa l’impostazione predefinita di Discourse.
Per rendere questo suggerimento semplice, propongo di fare riferimento a un componente ufficiale (Miniature dell’elenco argomenti) per migliorare un altro componente ufficiale (Schede argomento). Aggiungere temi o componenti di terze parti al mix complica le cose, non importa quanto buoni possano essere questi componenti esterni.
Personalmente preferisco rimanere con il tema predefinito e costruirci sopra. Potremmo accontentarci del tema Graceful solo perché offre maggiore flessibilità di progettazione con aree di sfondo/fluttuanti. Le schede argomento completano bene i principi del tema Graceful e non aggiungono altre funzionalità di cui (nel nostro caso) non abbiamo bisogno.
Mi sembra un buon miglioramento. Al momento non abbiamo la larghezza di banda per apportare questa modifica, ma la contrassegno come pr-welcome, il che significa che siamo lieti di rivedere un contributo dalla community che apporti la modifica proposta qui.
Abbiamo distribuito questa versione su https://podkasts.org e l’abbiamo testata su desktop e mobile.
Abbiamo aggiunto del CSS extra (localmente, separato dalla versione del componente di @RGJ) per
a) Rimuovere “Pubblicato” (vedi il mio ragionamento per questa modifica sopra)
b) Far funzionare meglio con il tema Graceful (che introduce un margine sinistro che limita lo spazio su mobile).
Il risultato finale è esattamente quello che volevamo.
Penso che sarebbe una buona idea aggiungere un’impostazione per abilitare la visualizzazione/nascondere delle metriche aggiuntive. Il design originale intendeva essere più minimalista rimuovendo parte del contenuto, quindi vorrei poter mantenere quell’intento.