In diese Meta-Frage, wie die StackExchange-UI-Site aussehen soll arbeite ich an einem Design für die Site (lesen Sie: herumspielen). Ich verwende ein webbasiertes Tool, um das CSS der Seite zu bearbeiten. Dadurch habe ich viel Freiheit, Änderungen vorzunehmen, und bin gleichzeitig auf den vom Server gerenderten verfügbaren HTML-Code beschränkt.
Beim Ändern und Reorganisieren von Dingen (hauptsächlich Elemente wie Typografie und visuelles Gewicht) wurde mir klar, dass die rechte Spalte, wie sie auf fast jeder StackExchange-Website angezeigt wird, ziemlich ineffizient ist. So sieht es auf der Meta-Site aus:
Tags (und darunter Abzeichen) sind kleine Objekte, die horizontal länger sind als vertikal. Jeder hat mehrere Attribute:
Die Art und Weise, wie die Dinge jetzt organisiert sind, fühlt sich sehr ineffizient an:
In mein Redesign habe ich darauf geachtet, die Stärke der Tags zu verringern (habe noch keine Abzeichen in Angriff genommen), um dieses visuelle Rauschen zu reduzieren, aber ich habe keine gute Möglichkeit gefunden, Tags darzustellen in Kombination mit der Anzahl der noch angewendeten Male. Ich hatte einige Ideen, aber keine davon fühlt sich richtig an:
Fragestunde: Was wäre ein effektiver Weg, um die Art und Weise, wie Tags und Abzeichen in der rechten Spalte angezeigt werden, neu zu gestalten, da ich nur das CSS ändern kann und nicht manipulieren kann das HTML?
Ein großes Lob für die Mühe - sehr schön!
Ich habe am Ende ein paar Kommentare zur Liste:
Ich denke, dass die entmutigende Liste von Tags auf dieser Site mich vermeiden lässt, da sie mich unbewusst erschreckt, weil ich so lang bin. Ich denke, eine Beschränkung auf die Top Ten mit der Option, alle zu sehen, würde den Benutzer dazu bringen, es schnell zu scannen und innerhalb von Sekunden zu sehen, was passiert.
Außerdem konnte ich nie verstehen, wie die Tags sortiert waren. Es scheint mir, dass sie eher nach den Zahlen auf der rechten Seite als nach der Aktualität sortiert sind. Daher denke ich, dass das Verschieben der Zahlen nach links und das Ausrichten (die Zahlen) nach rechts die Gewissheit schaffen würde, dass sie danach sortiert sind. Das Entfernen des sich wiederholenden "x" -Zeichens und der Grafik um jedes Tag würde die Liste überladen und die Scanbarkeit verbessern.
Wenn Tags wie Links aussehen, bedeutet dies außerdem, dass sie anklickbar sind und Sie zu einer anderen Seite gelangen.
Ein paar Ideen, mehr zu spark andere Out-of-the-Box-Ideen als alles andere: