Das Topic Cards bietet eine einfache, aber dennoch schöne und nutzbare Möglichkeit, Themen auf Hauptseiten darzustellen. Es gibt jedoch Raum für Verbesserungen bei den Metadaten, die es präsentiert.
Es zeigt nur Likes. Inzwischen zeigt die ebenfalls offizielle Topic List Thumbnails sehr elegant Icons für Aufrufe, Likes, Antworten und die letzte Aktivität wird zusammen mit diesen Icons ordentlich gerendert.
Es zeigt das Veröffentlichungsdatum anstelle des Datums der letzten Aktivität, was inkonsistent mit dem Standardverhalten von Discourse ist und bei Top-Benutzern zu Verwirrung führen kann („Warum steht dieses Thema ganz oben, wenn es so alt ist?“)
Die Lösung könnte UX-seitig einfach sein: Rendern Sie die Metadaten in Topic Cards genauso, wie sie in Topic List Thumbnails gerendert werden. Gleicher Code, wenn möglich. Mehr Konsistenz und theoretisch weniger Wartungsaufwand.
Siehe zum Vergleich:
Topic Cards
Sehen Sie das Veröffentlichungsdatum links und das rechts.
Gleiches Thema. Doppelt so viele Daten angezeigt und doch fügt es keine Unordnung hinzu, und das Datum entspricht dem der letzten Aktivität, nicht dem Veröffentlichungsdatum, genau wie das Standardverhalten von Discourse.
Sie können sich auf das fkb-Theme beziehen. Ich habe zusätzliche Anpassungen vorgenommen und eine Theme-Vorlage für den privaten Gebrauch unter https://businesslab.vn erstellt.
Um diesen Vorschlag einfach zu halten, schlage ich vor, eine offizielle Komponente (Topic List Thumbnails) zu verwenden, um eine andere offizielle Komponente (Topic Cards) zu verbessern. Das Hinzufügen von Drittanbieter-Themes oder -Komponenten verkompliziert die Sache, egal wie gut diese externen Komponenten sein mögen.
Ich persönlich ziehe es vor, beim Standard-Theme zu bleiben und darauf aufzubauen. Wir entscheiden uns vielleicht nur für das Graceful-Theme, weil es mehr Designflexibilität mit Hintergrund-/Schwebeflächen bietet. Topic Cards ergänzen die Prinzipien des Graceful-Themes gut und fügen keine weiteren Funktionen hinzu, die (in unserem Fall) wir nicht benötigen.
Das klingt für mich nach einer guten Verbesserung. Wir haben im Moment keine Bandbreite, um diese Änderung vorzunehmen, aber ich markiere sie als pr-welcome, was bedeutet, dass wir einen Beitrag aus der Community, der die vorgeschlagene Änderung hier vornimmt, gerne überprüfen.
Wir haben diese Version auf https://podkasts.org bereitgestellt und sie auf Desktop und Mobilgeräten getestet.
Wir haben zusätzliches CSS hinzugefügt (lokal, getrennt von @RGJs Komponentenversion), um:
a) „Veröffentlicht“ zu entfernen (siehe meine Begründung für diese Änderung oben)
b) Die bessere Zusammenarbeit mit dem Graceful-Theme zu ermöglichen (das einen linken Rand einführt, der den Platz auf Mobilgeräten begrenzt).
Ich denke, es wäre eine gute Idee, eine Einstellung hinzuzufügen, um die zusätzlichen Metriken ein- oder auszublenden. Das ursprüngliche Design war minimalistischer gedacht, indem einige Inhalte gestrichen wurden, daher möchte ich diese Absicht beibehalten können.
Ich habe diese Einstellungen hinzugefügt, jedes Symbol + Nummer kann jetzt angezeigt oder ausgeblendet werden.
Das ursprüngliche Verhalten ist der Standard.
Ich habe Discourse aktualisiert, einschließlich des Patches von @RGJ, und soweit es das wert ist, funktioniert alles wie erwartet auf unserer Website. Vielen Dank!