Der Standardnachrichtenstil von Discourse im Jahr 2022 ist meiner Meinung nach zu sperrig, ablenkend und verschwendet Platz. Ich schlage 2 Korrekturen vor:
Die Nachrichtensteuerung kann kompakter und genauer platziert werden – schauen Sie sich meine Skizze an, am besten gefallen mir die Designs v2 und v4.
Angenommen, einige Schaltflächen müssen auf Mobilgeräten immer angezeigt werden, z. B.: [Gefällt mir, Bearbeiten, Antworten, …mehr], aber für Desktops (Win/Mac/Lx) ist es möglich, immer nur [Gefällt mir, Bearbeiten] anzuzeigen und andere Steuerelemente nur beim Überrollen der Maus über jede Nachricht anzuzeigen.
PS Das Platzieren von „Gefällt mir“ auf der anderen Seite der Nachricht (extrem weit weg ) ist eine bewusste Entscheidung – es wird die „Likes ohne Grund“, „Likes für Lächeln“, „Likes für Witze“, „Likes, weil ich dich wieder sehe“, „Likes wegen deiner guten Laune“ usw. nutzlosen, nicht objektiven Likes, die jetzt zu oft ohne wirklichen Sinn verwendet werden, erheblich reduzieren.
Kann mir bitte jemand helfen, einen solchen Stil zu erstellen?
Ohne Icons und Menüs verschieben zu müssen (außerdem gibt es andere Elemente, die auf deinen Screenshots nicht angezeigt werden, wie z. B. die Bearbeitungsanzahl, der Hinweis, wem wir geantwortet haben usw.), kannst du dich zunächst mit den Rändern befassen:
Userstyles funktionieren nur clientseitig und im Allgemeinen pro Website (ich verwende Userstyles und habe einige erstellt).
Wenn jemand Verbesserungen am Gesamterscheinungsbild von Discourse vorschlagen möchte, kann jeder Vorschlag in UX gemacht werden, und wenn niemand eine Themenkomponente erstellt oder gewünschte Änderungen in Discourse aufnimmt, kann jeder Benutzer seine eigene Lösung finden, nehme ich an. Ob es sich um eine Themenkomponente handelt, wenn sie Administrator sind, oder um eine clientseitige Lösung, wenn sie es nicht sind, mit ihrem eigenen CSS von jedem Browser-Plugin, das ihnen gefällt.
Aber dann ist dies keine wirklich Discourse-orientierte Diskussion mehr, nehme ich an.
@GVG schau dir diese verwandte Diskussion an, sie könnte für dich interessant sein:
NEIN, Ihre Nachricht sieht wie klassische Spam-Werbung für Ihren Web-Service aus.
Danke, aber: a) kleinere Ränder kann ich selbst machen; b) es ist NICHT genug, weil diese aktiven Elemente zu viel Platz verschwenden und erzeugen. Das Hauptziel ist also, die Nachrichtenkontrollschaltfläche von ihrem aktuellen Ort an einen anderen Ort zu verschieben, an dem sie viel weniger Platz verschwendet.
NEIN, Ihre Nachricht sieht wie klassische Spam-Werbung für Ihren Web-Service aus.
Entschuldigung Meine Absicht war es, einige clientseitige Anpassungen von Discourse mit Userstyles vorzunehmen - das würde funktionieren, wenn Sie kein Theme erstellen müssen. Ich denke, Ihre Idee ist sehr valide - ich wollte Ihnen nur mit einem MVP - Minimum Viable Product - helfen - ich wollte, dass jeder die UX-Erfahrung mit Userstyles spürt, ohne unbedingt ein Plugin oder Theme entwickeln zu müssen.
Ich habe darüber nachgedacht, da ich viele Websites anpasse, wenn ich etwas anpassen möchte.
Die Links, die ich gepostet habe, waren Verweise auf das, was ich recherchiert und gelesen habe.
Wenn Ihnen das nicht geholfen hat, entschuldige ich mich. Ich habe einen Fehler gemacht.
Ich fand das, was Sie sagten, sehr interessant, aber
Meine Absicht war es, einige clientseitige Anpassungen von Discourse mit Userstyles vorzunehmen - das würde funktionieren, wenn Sie kein Theme erstellen müssen.
Ich wollte nur mit einem MVP - Minimum Value Product - helfen. Ich wollte, dass jeder die UX-Erfahrung mit Userstyles spürt, ohne unbedingt ein Plugin oder Theme entwickeln zu müssen.
Zum Beispiel gibt es dieses Repository namens refined github, dort postet man Verbesserungen für GitHub - es gibt sogar eine Browser-Erweiterung, um dies zu ermöglichen.
Meine Idee wäre ähnlich wie die Idee dieses Repositorys. Vielleicht könnten wir ein “refined-discourse” erstellen - eine userstyles.css-Datei, die verschiedene visuelle Verbesserungen wie ein MVP enthält. So kann die Community sehen, was am besten ist und was Sinn macht.
Das wäre wirklich cool, die notwendigen Anpassungen zu sehen, ohne unbedingt ein Theme oder Plugin implementieren oder erstellen zu müssen.
Ich dachte daran, als ich die Idee der kompakten Nachrichten wirklich gut fand, dachte ich daran, dass wir dies mit Userstyles anpassen können - das wäre ein einfacher Weg.
Das wäre das, was ich die Wizard of Oz-Erfahrung nenne. - Sie müssten nicht viel Zeit mit der Entwicklung Ihrer Idee verbringen, wenn Sie eine userstyles.css erstellen.
Wizard of Oz-Experiment: Im Bereich Mensch-Computer-Interaktion ist ein Wizard of Oz-Experiment ein Forschungsversuch, bei dem Probanden mit einem Computersystem interagieren, von dem die Probanden glauben, es sei autonom, aber das tatsächlich von einem unsichtbaren Menschen betrieben oder teilweise betrieben wird.
Leute könnten die verbesserte UX/UI sehen, ohne ein Theme oder Plugin haben zu müssen.
Für diejenigen, die Userstyles verwenden, mag es wie ein Theme oder Plugin erscheinen - aber die Wahrheit ist, dass es das nicht ist.
Das scheint eine Idee für ein MVP - Minimal Value Product - zu sein.
Ist das eine schlechte Idee?
war die letzte Frage, ob Sie mit Ihrer Sichtweise oder Perspektive dazu glücklich sein können.
Haben Sie darüber nachgedacht, wie das bei längeren Beiträgen funktionieren würde? Dann liest man ihn und muss nach oben scrollen, um ihn zu mögen, und wieder nach unten scrollen, um den nächsten Beitrag zu lesen.
Logisch stimme ich zu, es ist ein gutes Gegenargument, aber nicht sehr gut, weil:
Am besten gefällt mir Stil v4 – wenn die Nachrichten-Steuerelemente rechts vom Beitrag erscheinen, sodass sie vertikal „so tief wie möglich platziert werden können – am Ende der Nachricht und am unteren Bildschirmrand“. Das Steuerelementfeld kann sogar dynamisch vertikal an jeder Nachricht vertikalen Stelle fliegen, die der aktuellen Mausposition am nächsten liegt! Das ist also kein Problem.
Die meisten Benutzer, die große Beiträge schreiben und lesen – verwenden für Antworten genaue Textzitate oder können immer auf das Thema selbst antworten – daher ist die Schaltfläche „Antworten“ nicht sehr notwendig.
Wie ich bereits über „für Mobilgeräte“ gesagt habe – aufgrund des Fehlens von freiem Platz auf der rechten Seite und von Touchscreens – müssen die Hauptsteuer Schaltflächen immer und an Standardplätzen angezeigt werden – das scheint das beste Design für vertikal schmale mobile Bildschirme zu sein.
Sie können sich immer für v3 entscheiden, bei der die Hauptnachrichten-Steuerelemente unten bleiben oder etwas Ähnliches.
Wenn Sie also die Nachrichten-Steuerelemente lieber unten behalten möchten – das ist in Ordnung, aber ich bitte Sie trotzdem, zu helfen, den gesamten freien vertikalen Platz darüber und darunter zu minimieren und die Steuerelemente (außer Likes/Bearbeiten) nur beim Überfahren mit der Maus (für Desktops) anzuzeigen.
) ist eine bewusste Entscheidung – es wird die „Likes ohne Grund“, „Likes für Lächeln“, „Likes für Witze“, „Likes, weil ich dich wieder sehe“, „Likes wegen deiner guten Laune“ usw. nutzlosen, nicht objektiven Likes, die jetzt zu oft ohne wirklichen Sinn verwendet werden, erheblich reduzieren.
Meine Absicht war es, einige clientseitige Anpassungen von Discourse mit Userstyles vorzunehmen - das würde funktionieren, wenn Sie kein Theme erstellen müssen. Ich denke, Ihre Idee ist sehr valide - ich wollte Ihnen nur mit einem MVP - Minimum Viable Product - helfen - ich wollte, dass jeder die UX-Erfahrung mit Userstyles spürt, ohne unbedingt ein Plugin oder Theme entwickeln zu müssen.
Das ist also kein Problem.