|
||||
Schlagwortwolke: Vorbildliche Lösungen gesucht
Moin.
Wir möchten auf Archiv | Fahrradzukunft eine Schlagwortwolke (tag cloud) einführen. Sie wird auf händisch erstellten Schlagwörtern zu den jeweiligen Artikeln basieren. (Es geht also nicht um eine Wortwolke.) Zunächst soll die Schlagwortwolke allein auf der Archivseite bereit stehen und nicht auf jeder Artikelseite. Welche Sites sind Euch bekannt, wo eine Schlagwortwolke mit hervorragender Usability und barrierearm umgesetzt wurde? Ich bin mit Schlagwortwolken (auch als Nutzer) noch recht unerfahren und habe mir noch keine feste Position angeeignet. Daher würde ich mich über Euren Rat freuen. Danke. Einige Gedanken:
__________________
|
Sponsored Links |
|
||||||||
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Zitat:
Er sieht die Wolke oder Auflistung neben / über/unter dem Artikel und klickt einen ihn näher interessierenden Begriff an und wird dann auf eine Sammlung von Artikeln mit Bezug zum Thema geleitet oder eben auf einen bestimmten Artikel, wenn nicht mehr dazu da ist. Habe ich das falsch interpretiert?
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
@andir
Weil Du alles zitiert hast, muss ich ein wenig raten, was Du meinst. Bitte zitiere doch in Zukunft nur genau das, worauf Du Dich beziehst. Ich wiederhole: Andreas: Zitat:
Zitat:
Über die habe ich im Ausgangspost gar nicht geschrieben. Meine Aussage zu "expandiert" bezog sich allein auf die Wolke selbst. Ganz schlicht: alle Tags der Wolke zeigen oder nur einen Teil. Zitat:
Zitat:
__________________
|
|
|||
Ah...ja, es ging also nicht ums inhaltliche Teasern, sondern um die Anzeige aller bezogenen Schlagworte oder nur eines Teils.
Hm, schwierige Frage. Übersichtlicher ist wohl eine kürzere Liste / Wolke, die nach "Bedeutung" für das behandelte Thema gewichtet werden müßte ( wird ja eh manuell erstellt). Das erfordert mehr Hirnschmalz, ist aber stringenter und für den Nutzer vermutlich zielführender. Dann stünde einem zusätzlichen Ausklappen ( oder was auch immer) nichts entgegen. Die Wertung könnte man mit einem Link gleich in eine Tabelle schreiben (lassen) und hätte gleich ein Werkzeug für die Sortierung nach Schlagworten. (Die für das gewählte Schlagwort "wichtigsten" oder "passendsten" Artikel erscheinen dann oben/zuerst)
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Zitat:
Es geht nicht um "bezogene" Schlagworte, also eine Menge von Schlagworten, die spezifisch für einzelne Artikel ist. Die Schlagwortliste kommt allein auf der Archivseite vor und soll alle existierende Schlagworte enthalten.
__________________
|
|
|||
Gut, ich habe meine Vorurteile benutzt um mir deine "Schlagwortwolke" zu visualisieren und war der Ansicht, die kommt irgendwo neben dem Hauptteil vor und nimmt Bezug auf diesen, sowas wie "Verwandte Themen" halt.
Offenbar ist es nicht so, sondern sie soll auf der Archivseite in voller Schönheit erblühen. Ich stelle mir die geringe Menge von 50 Schlagwörtern vor. Die bekomme ich als schnell lesender Nutzer gescannt, dauert nur ein paar Sekunden. Was aber, wenn Du hunderte oder tausende von Schlagwörtern hast? In der Form fände ich die "Wolke" nicht zielführend. Die schiere Menge an Material läßt mich orientierungslos. Auch eine alphabetische Präsentation hilft mir nur bedingt weiter. Ich gehe davon aus, dass über die Schlagwörter die damit getaggten Artikel gefunden werden sollen. Wenn überhaupt, würde ich die "Liste aller Schlagwörter" nur auf Wunsch des Nutzers anbieten, eine Vorselektion erlauben ( A-Z) und gleichzeitig auf die Suchfunktion verweisen ( so eine vorhanden ist). Im Zweifel ist die Suchfunktion für den Suchenden bequemer. Andererseits weiß er vielleicht noch gar nicht, ob und was er sucht. Also: Beides anbieten.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Zitat:
Zitat:
Zitat:
Zitat:
Nochmal zurück zu einer anderen offenen Entscheidung: Ich habe mal eine simple Beispielseite gebaut, wo die Sortierung einmal vertikal und das andere Mal horizontal verläuft. http://borumat.de/+temp/html/schlagwort-wolke-liste Natürlich noch ohne jede gestalterischen Feinheiten.
__________________
|
Sponsored Links |
|
|||
Zitat:
Zitat:
Wozu das gut ist? Um zweifache Hierarchie (z.B. Alphabet + Häufigkeit) in einem darzustellen. Wenn diese Gewichtung wegfällt ist es keine Tag Cloud mehr, sondern schlicht eine Auflistung von Stichworten. IMHO. Es ist aber gut möglich, dass ich euch nur nicht richtig verstanden habe. Wenn ich "Tag Cloud" lese, dann sehe ich eine Ansammlung von Begriffen in unterschiedlicher Schriftgröße vor meinem inneren Auge. Ich gehe davon aus, dass es in diesem Thread darum gehen soll, wie man eine solche "Ansammlung" sinnvoll mit HTML (und CSS) umsetzen kann. Wenn dem nicht so ist, das Folgende bitte ignorieren. Ich habe mich "einst" mit etlichen (unbedarften) Anwendern über Tag Clouds unterhalten und habe niemanden finden können, der damit etwas anfangen konnte. Als Beispiel hatte ich eine Seite gezeigt, bei der es eine Überschrift wie "Suchbegriffe" gab, darunter die Tag Cloud. Beispielhafte Reaktion: "Warum sind die unterschiedlich groß" -- "Je häufiger, desto größer" -- "Ach so. [Pause] Das muss einem doch gesagt werden." [Der Hintergrund dieser kleinen Umfrage war, dass ich persönlich mit Tag Clouds nichts anfangen kann. Mein Fazit daraus war, keine Tag Cloud einzusetzen.] Wenn ich es tun müsste, würde ich darauf Wert legen, dass dem Besucher erklärt wird, warum die Begriffe unterschiedlich groß sind. Und dass die beiden Hierarchien (im Folgenden "alphabetisch und "Häufigkeit des Vorkommens") auch ohne CSS klar werden. Da es eine alphabetisch sortierte Auflistung ist halte ich ul für nicht passend. Rudimentärer Ansatz: Code:
<!DOCTYPE html> <meta charset="utf-8"> <title>Tag Cloud</title> <style> ol { list-style:none; margin:0; padding:0; } ol, li { display:inline; } .sehroft { font-size:200%; } .oft { font-size:150%; } .seltener { font-size:100%; } .selten { font-size:75%; } .ganzselten { font-size:50%; } /* Fuer Besucher mit CSS */ p, li span { position:absolute; left:-9999px; } body > ol:before { content:"Je größer ein Begriff dargestellt wird, desto häufiger kommt er vor."; display:block; } </style> <h1>Alphabetische Schlagwortliste</h1> <p>Die Zahl in Klammern gibt die Häufigkeit des Vorkommens an.</p> <ol type="A"> <li> <ol> <li class="seltener">Alpha <span>(10)</span></li> <li class="ganzselten">alphalpha <span>(1)</span></li> </ol> </li> <li> <ol> <li class="sehroft">Beta <span>(20)</span></li> <li class="selten">Beteta <span>(7)</span></li> </ol> </li> <li> <ol> <li class="oft">Caesar <span>(15)</span></li> </ol> </li> </ol>
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
(Junior) Software Entwickler gesucht in München ab sofort | Intelli | Offtopic | 0 | 22.04.2008 14:35 |
Box mit Überschrift - Lösungen gesucht | Steakfred | CSS | 11 | 04.11.2007 12:48 |