zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Schlagwortwolke: Vorbildliche Lösungen gesucht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.08.2011, 22:17
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard 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:

  • Schlagwortwolken sind für unerfahrene Nutzer eh schon nicht leicht verstehbar. Daher soll das Interface einfach bleiben.
    • Einfache alphabetische Liste. Eine semantische Anordnung von begrifflich ähnlichen Schlagwörter würde die Komplexität nur erhöhen. Redundanz, also dass sich viele groß dargestellte Tags auf das gleiche Thema beziehen, wird in Kauf genommen.
    • Keine Interaktion zum Beeinflussen des Aussehens der Wolke.
    • Keine zeitliche Abgrenzung. Neue Schlagwörter haben daher die kleinste Schriftgröße, auch wenn die Artikel aktuell sind.
    • Expandierte Form als Default statt kontrahierte Form mit Links "mehr" und "weniger" - zumindest solange die Anzahl der Schlagwörter überschaubar bleibt
    • Ich neige dazu, die Information "Häufigkeit" gar nicht in die Schlagwortwolke aufzunehmen. Wer will das schon wissen? Und vor allem: wer will den hohen Preis der gebundenen Aufmerksamkeit durch die Schriftgrößen zahlen?
  • Position unterhalb des Einleitungstextes (auf der Archivseite)
  • Überschrift für die Schlagwortwolke
  • Markup als UL
__________________

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.08.2011, 11:11
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
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.

Warum? Wenn mich ein Thema interessiert, lese ich den Artikel und stöbere nicht im Archiv. Google-Links führen wohl auch eher nicht ins Archiv, sondern zum Artikel. Verweist die Suchfunktion, sofern vorhanden, nur auf das Archiv? Kurz, dort scheint mir die Wolke nutzlos.



Welche Sites sind Euch bekannt, wo eine Schlagwortwolke mit hervorragender Usability und barrierearm umgesetzt wurde?

Keine. Ich ignoriere das auch gerne. Der Nutzen vor allem automatisch generierter TagClouds hält sich in Grenzen.

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:

  • Schlagwortwolken sind für unerfahrene Nutzer eh schon nicht leicht verstehbar. Daher soll das Interface einfach bleiben.
    • Einfache alphabetische Liste. Eine semantische Anordnung von begrifflich ähnlichen Schlagwörter würde die Komplexität nur erhöhen. Redundanz, also dass sich viele groß dargestellte Tags auf das gleiche Thema beziehen, wird in Kauf genommen.
    • Keine Interaktion zum Beeinflussen des Aussehens der Wolke.
    • Keine zeitliche Abgrenzung. Neue Schlagwörter haben daher die kleinste Schriftgröße, auch wenn die Artikel aktuell sind.
    • Expandierte Form als Default statt kontrahierte Form mit Links "mehr" und "weniger" - zumindest solange die Anzahl der Schlagwörter überschaubar bleibt
    • Ich neige dazu, die Information "Häufigkeit" gar nicht in die Schlagwortwolke aufzunehmen. Wer will das schon wissen? Und vor allem: wer will den hohen Preis der gebundenen Aufmerksamkeit durch die Schriftgrößen zahlen?
Zitat:
Einfache alphabetische Liste
Ja.
Zitat:
Keine Interaktion zum Beeinflussen des Aussehens der Wolke.
Doch, wenigstens bei Hover / select, sonst sieht keiner, dass es da weitergeht.
Zitat:
Keine zeitliche Abgrenzung. Neue Schlagwörter haben daher die kleinste Schriftgröße, auch wenn die Artikel aktuell sind.
Lieber gar keine Größenhierarchien. Wozu soll das gut sein? ( siehe Häufigkeit)
Zitat:
Expandierte Form als Default statt kontrahierte Form mit Links "mehr" und "weniger" - zumindest solange die Anzahl der Schlagwörter überschaubar bleibt
Teasern wird man müssen oder ganz bleiben lassen. Einheitlichkeit des Interfaces ist (mir) wichtiger als vorgeblicher Service durch teilweise Bröckcheninformation. Wenn man eh manuell auswählt, sollte diese Geistesleitung ( Beschränkung auf z.B. 7 Tags) machbar sein - mit oder ohne Teasertext.

  • Position unterhalb des Einleitungstextes (auf der Archivseite)
  • Überschrift für die Schlagwortwolke
  • Markup als UL

Zitat:
Position unterhalb des Einleitungstextes (auf der Archivseite)
Ähm ja, von mir aus, aber auch am Ende des jeweiligen Artikels. Vielleicht kommt erst da das Bedürfnis auf, sich weiter zu informieren.

Zitat:
Überschrift für die Schlagwortwolke
Warum nicht. "Verwandte Themen" oder so.

Zitat:
Markup als UL
Sinnvoll.
__________________
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.08.2011, 23:35
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

Hi Andir. Erstmal Danke für Deinen Antwort.

Ich gestehe, dass ich doch sehr erstaunt war, dass Schlagwortwolken hier im Forum auf derart wenig Interesse stoßen.

Zitat:
Wenn mich ein Thema interessiert, lese ich den Artikel und stöbere nicht im Archiv.
Eine Artikelliste ist eine Möglichkeit um einen interessanten Artikeln zu finden.
Eine Volltextsuche eine zweite.
Eine Schlagwortwolke eine dritte.
Insbesondere, wenn es eine größere Anzahl an Artikel gibt, wird kaum ein Leser mehr die gesamte Artikelliste "scannen".

Variante zwei und drei stehen dann im Vordergrund.
Die zweite für die, die wissen was sie suchen, die dritte für jene, die lieber stöbern.

Daher leuchtet mir Dein Einwand nicht ein.

Zitat:
Doch, wenigstens bei Hover / select, sonst sieht keiner, dass es da weitergeht.
Hier ist mir nicht klar, was Du meinst.
Zitat:
Zitat:
Expandierte Form
Teasern wird man müssen oder ganz bleiben lassen.
Es geht nicht um Teaser.
Es geht nur darum, ob alle Schlagwörter oder erstmal nur ein Teil davon.
__________________

Mit Zitat antworten
  #4 (permalink)  
Alt 09.08.2011, 14:17
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von AndreasB Beitrag anzeigen
Hi Andir. Erstmal Danke für Deinen Antwort.

....

Eine Artikelliste ist eine Möglichkeit um einen interessanten Artikeln zu finden.
Eine Volltextsuche eine zweite.
Eine Schlagwortwolke eine dritte.
Insbesondere, wenn es eine größere Anzahl an Artikel gibt, wird kaum ein Leser mehr die gesamte Artikelliste "scannen".

Variante zwei und drei stehen dann im Vordergrund.
Die zweite für die, die wissen was sie suchen, die dritte für jene, die lieber stöbern.

Daher leuchtet mir Dein Einwand nicht ein.


Hier ist mir nicht klar, was Du meinst.

Es geht nicht um Teaser.
Es geht nur darum, ob alle Schlagwörter oder erstmal nur ein Teil davon.
Ich gehe bei einer Schlagwortwolke davon aus, dass die für den Besucher einen Nutzen haben soll.

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
Mit Zitat antworten
  #5 (permalink)  
Alt 09.08.2011, 15:06
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

@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:
Expandierte Form als Default statt kontrahierte Form mit Links "mehr" und "weniger" - zumindest solange die Anzahl der Schlagwörter überschaubar bleibt
Andir:
Zitat:
Teasern wird man müssen oder ganz bleiben lassen. Einheitlichkeit des Interfaces ist (mir) wichtiger als vorgeblicher Service durch teilweise Bröckcheninformation. Wenn man eh manuell auswählt, sollte diese Geistesleitung ( Beschränkung auf z.B. 7 Tags) machbar sein - mit oder ohne Teasertext.
Ich vermutete, dass Du Dich auf die Ergebnisliste damit beziehst.

Ü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:
Ad Adipisicing Aliqua Aliquip Amet Commodo Consectetur Consequat Do Dolor Dolore Ea Eiusmod Elit Enim Et Ex Exercitation Incididunt Ipsum Labore Laboris Lorem Magna Minim Nisi Nostrud Quis Sed Sit Tempor Ullamco Ut Ut Ut Veniam
oder
Zitat:
Ad Adipisicing Aliqua Aliquip (mehr)
__________________

Mit Zitat antworten
  #6 (permalink)  
Alt 10.08.2011, 16:59
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 16.08.2011, 01:23
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

Zitat:
Zitat von andir Beitrag anzeigen
Ah...ja, es ging also nicht ums inhaltliche Teasern, sondern um die Anzeige aller bezogenen Schlagworte oder nur eines Teils.
(Hervorhebung von mir)

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.
__________________

Mit Zitat antworten
  #8 (permalink)  
Alt 16.08.2011, 11:53
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 16.08.2011, 12:07
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

Zitat:
Offenbar ist es nicht so, sondern sie soll auf der Archivseite in voller Schönheit erblühen.
Genau.
Zitat:
Ich stelle mir die geringe Menge von 50 Schlagwörtern vor.
Es soll um eine maximale Anzahl von ca. 50-70 Wörtern gehen.
Zitat:
Ich gehe davon aus, dass über die Schlagwörter die damit getaggten Artikel gefunden werden sollen.
Genau.
Zitat:
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.
Eben. Du gibst damit die Begründung für eine Schlagwortwolke selbst.

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.
__________________

Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.08.2011, 16:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von AndreasB
Ich neige dazu, die Information "Häufigkeit" gar nicht in die Schlagwortwolke aufzunehmen. Wer will das schon wissen? Und vor allem: wer will den hohen Preis der gebundenen Aufmerksamkeit durch die Schriftgrößen zahlen?
Zitat:
Zitat von andir
Lieber gar keine Größenhierarchien. Wozu soll das gut sein? ( siehe Häufigkeit)
Ist die Gewichtung der Begriffe (Kriterium meist: Häufigkeit) -- optisch per Größenunterschied -- nicht gerade das charakteristische Merkmal einer Tag Cloud?
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>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:33 Uhr.