Buttons

RSS: kreative Icons für mehr Leser

17. September 2007
von

RSS ist wichtig, denn das Format trägt zum Erfolg von Websites und Blogs bei. Millionen nutzen RSS. Insgesamt allerdings erst ein kleiner Prozentsatz der Surfer insgesamt. Doch
es werden mehr. Das hat sichtbaren Niederschlag gefunden. Frühe Buttons wurden schlicht mit “XML” beschriftet, ein Fachterminus, so sinnvoll wie eine Webseite “HTML” zu nennen. Das sah dann (und sieht manchmal immer noch) so aus:

cadenhead foto
Source: cadenhead.org

Heute haben wir einen quasi Standard, der von Browsern und Software verwendet wird und sinnvollerweise auch auf den meisten Websites zum Einsatz kommt. Sinnvoll deshalb, weil der Besucher das Symbol wiedererkennt und sofort identifizieren kann.

feed icon32x32 foto
Standard RSS-Icon

Doch die Netzwelt ist kreativ, so blieben Veränderungen und Variationen nicht aus. Es muss nicht immer Orange sein, Schatten, Rahmen, Glanz und allerlei Effekte tun ihr Übriges. Trotzdem bleibt der Button am Ursprung und ist weiterhin problemlos erkennbar. Wer das nutzen möchte, findet inzwischen eine recht ansehnliche Auswahl zum Download und zur freien Verwendung.

Standard in Variationen: RSS-Iconsets zum Download

  • Eine Kollektion mit Vektorvorlagen (Developer Kit) ist
    für die Standard-Vorlage erhältlich. Inklusive sind 14 Photoshop-Vorlagen (PSD) und 4 für
    Adobes Illustrator.

    devkit foto

  • Free Glass Style RSS/Feed Icons
    213 Icons in 8 Größen und verschiedenen Formaten aus der Bittbox

    bittbox foto

  • Feedicons
    34 Icons in 32*32 und 16*16 Pixels – PNG-Format.

    zeusbox foto

  • 3D Rss Feeds Icon
    1 Icon im 3D Look in 4 Größen von Dirceu Veiga.

    fasticon foto

  • Circle Feeds Icons
    aus der gleichen Quelle. 4 Variationen in 4 Farben in rund.

    fasticon2 foto

  • Free Feed Icons
    16 farbige Icons

    freefeed foto

  • 30 Free Vector RSS Iconssnap foto
  • Bevor es jemand erwähnt, auch bekannte Iconsets enthalten den einen oder anderen RSS-Button. Zum Beispiel die Silk Icons von FamFamFam. Oder das Vektorset von GoSquared.

Ideen
Wer selbst ein Grafikprofi ist, kann in Versuchung geraten etwas gänzlich Anderes auszuprobieren. Doch Experimente können die Wirksamkeit beschädigen. Schließlich geht es in erster Linie nicht um das gute Aussehen, sondern um mehr Leser für den Feed. Einige Beispiele:

  • Schick und andersfarbig. Die Titanic lässt grüßen.webfruits foto
  • Vikiworks verleiht dem Icon Füße.vikiworks foto
  • Im Stile eines Notizblocks.bartelme foto
  • Kräftig und im Web 2.0 Design ausgeführt. Freistehend im Seitenkopf.oilman foto
  • Als Bestandteil einer Menüleiste. Das Originalmotiv ist noch erkennbar.side rss 140 foto
  • Völlig anders geht es auch. Der RSS-Blimp ist im Original sogar noch animiert. Hier allerdings wird eine Grenze überschritten. Man muss sich fragen, ob das Motiv noch seinen Zweck erfüllt. Andererseits, für reine Portfolio-Seiten kann auch das egal sein. Dort geht es vor allem um den kreativen Umgang mit den Elementen.blimp foto

Ein weniger schöner Trend sollte nicht unerwähnt bleiben. Die Buttons werden immer größer. Eines Tages kommen wir hier hin.

rss icon foto

Selbermachen
Wer sich selbst an einem Button versuchen will oder vorhandenes nachzeichnen möchte, findet Hilfe in einer Reihe passender Tutorials.

Zur Position des Icons
Das schönste Motiv nützt nichts, wenn es versteckt wird. Nicht selten verkümmert der Hinweis auf den Feed ungesehen in der Fußzeile. Man verlässt sich auf den Browser. Die sind inzwischen durchweg mit einer Autodetect-Funktion ausgestattet und weisen auf Feeds in der URL-Leiste hin – und werden übersehen. Die prächtigen Icons und Buttons haben eben auch die Aufgabe auf die Möglichkeit eines Feeds überhaupt erst hinzuweisen. Dies geschieht am besten so prominent wie möglich. Idealerweise neben dem Logo oder oberhalb der Menüleiste. Je tiefer die Grafik rutscht, desto weniger Abonnenten wird man gewinnen. Hier gibt es Unterschiede je nach Layout und Benutzung einer Website. Um die beste Position zu ermitteln, lohnt sich eine Heatmap.

rl foto
Real-Live-Button: Quelle Flickr

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

37 Kommentare zu „RSS: kreative Icons für mehr Leser

  1. Dennis am 17. September 2007 um 09:21

    Von diesen Methoden (verschiedene Farben / Formen) halte ich nichts.
    Wenn ich einen RSS Feed einer Seite Suche such ich zuerst das kleine orange Icon, wenn dies nicht zu finden ist führt ein STRG+F nach “RSS” in 80% das gewünschte Ergebnis zutage.

  2. Claudius Coenen am 17. September 2007 um 10:51

    Bei unserer Tanzschule habe ich das RSS-Typische mit der Raute des Logos der Tanzschule verbunden. Das Ergebnis (in groß) ist auf der TZO RSS-Erklärungs-Seite bzw. auf der Startseite zu sehen.

    Ich weiß, das ein paar Mitglieder sich dadurch mit dem Thema befasst haben. Nutzen tun es noch ein paar mehr.

    Ich wurde zwar von einem Bekannten gerügt, dass ich das bekannte Symbol verändert habe, bin aber der Meinung, dass es noch genug Wiedererkennungswert hat. Und der Bezug zum eigenen Logo macht es etwas persönlicher.

  3. Randy am 17. September 2007 um 11:10

    Geil finde ich richtig gut diese Buttons…Werde ich mir gleich ziehen und auch bei mir einbauen..Danke

  4. [...] RSS: kreative Icons für mehr Leser [...]

  5. PIXELGANGSTER :: the daily DesignBlog am 17. September 2007 um 12:03

    RSS Icons und ihre Verwendung…

    Ein aktueller Beitrag im Dr. Web Weblog behandelt das Thema RSS Icons. Es werden unter anderem Downloadquellen zu kostenlosen Iconsets geboten, Ideen zur Gesltung des Icons aufgezeigt und Tipps zu Positionierung gegeben.
    ……

  6. PIXELGANGSTER :: the daily DesignBlog am 17. September 2007 um 12:03

    RSS Icons und ihre Verwendung…

    Ein aktueller Beitrag im Dr. Web Weblog behandelt das Thema RSS Icons. Es werden unter anderem Downloadquellen zu kostenlosen Iconsets geboten, Ideen zur Gesltung des Icons aufgezeigt und Tipps zu Positionierung gegeben.
    ……

  7. Michael Aringer am 17. September 2007 um 13:02

    Hi, RSS-Icons sind zwar nett, meist jedoch überflüssig, da moderne Browser ohnehin sofort in der Adressleiste oder der Menüleiste anzeigen, ob RSS verfügbar ist. Servus, Michael

  8. Oliver am 17. September 2007 um 13:12

    Wir haben das bei uns komplett gestrichen, ein Blickfang der einzig Spielerei aus den Anfangszeiten war. Heutzutage kann jeder vernünftige Browser direkt damit umgehen bzw. nahezu jeder RSS Reader liest den Feed von der Homepage-Url automatisiert ein. Den Platz für diese unnötige Icon kann man also sinnvoller verwenden.

  9. AlfaFox.info am 17. September 2007 um 13:23

    Mein Seitenlogo habe ich vom RSS-Icon abgeleitet.
    Fürs Abo zeige ich aber trotzdem das (mittelgroße) RSS-Standard-Icon.

    Ohne wichtigen Grund, weiche ich nicht von einem guten Standard ab.

    Wenn ich ein Blog abonniere, reicht es mir, zu wissen, dass die Seite ein Blog ist. Ich kopiere die URL in meinen Reader und der sucht dann die RSS-Adresse.

  10. vince am 17. September 2007 um 15:32

    sehr gute Auswahl, da werde ich mir gleich mal was von aussuchen :)

  11. Rosa am 17. September 2007 um 16:28

    Da steht dann extra, dass das Icon in der Adressleiste gern übersehen wird – vor allem von Leuten, die nicht danach suchen und vielleicht garnicht auf die Idee gekommen wären, dass man da RSS… Na ja, ich hab’s gelesen und ich stimme dem zu. Schöne Anregung, danke.

  12. derFrankie am 17. September 2007 um 16:31

    Dass die Browser die Feed’s erkennen ist nur gegeben, wenn das autodiscovery-tag auch richtig eingesetzt wurde. Außerdem geht es ja auch darum, die Leser auf diesen Kanal aufmerksam zu machen. Auch wenn das Symbol im Browser erscheint, heißt dass noch lange nicht dass sie wissen was sie damit machen können.

    Ich hab auf meiner Seite auch noch Erklärungsseiten erstellt und mache regelmäßige Posts um auf die Thematik insgesamt aufmerksam zu machen. Denn RSS-Abonenten sind Stammleser, und von denen hat man ja nie genug ;-)

  13. deedee.brainstream.net - Kreative RSS-Icons am 17. September 2007 um 17:54

    [...] Kreative RSS-Icons Categories: RSS | Design | Netzwelt Auf Dr. Web findet sich ein ausführlicher Beitrag [1] zur kreativen Verwendung und Erstellung von RSS-Icons. Darunter finden sich viele freie Vektor-Icons sowie Tutorials zum Selbermachen.[1] http://www.drweb.de/weblog/weblog/?p=887 [...]

  14. Janshi am 17. September 2007 um 19:55

    Irgendwann kauf ich mirn T-Shirt mit dem Logo druff!

  15. Michael am 17. September 2007 um 21:25

    um eben jenes Problem der Erkennbarkeit des RSS-Feeds habe ich mir schon vor 3 Jahren Gedanken gemacht (http://michael-hocke.de/tutorial/rss.php). Da ist der Quasi-Standard, der sich heute etabliert hat, schon ein Fortschritt. Das Icon abzuwandeln mag schick sein – eine ordentliche Einbindung per HTML-Tag ist jedoch in jedem Fall die anzuraten.

  16. [...] Seiten mit unterschiedlichsten Formen und Farben des RealSimpleSyndication-Icons (RSS) stellt der Dr. Web Weblog vor. Ein Blick lohnt sich für jeden, der RSS einbinden und nett hervorheben [...]

  17. Bluetime » Archive du blog » RSS am 18. September 2007 um 13:36

    [...] Dr.Web-blog….wo auch noch andere Download Links zu finden [...]

  18. Thomas am 18. September 2007 um 13:41

    Also ich finde die neuen Logos super,
    wir verwenden auch meist “selbst designte” auf unserer Seite.

    Sie sollten einfach sein, und am besten selbsterklärend.

    Gruss Thomas

  19. webtagebu.ch » Blog Archiv am 18. September 2007 um 16:47

    [...] RSS-Icons für mehr Leser. Im Dr. Web Weblog werden zahlreiche RSS-Icons vorgestellt. Einen Blick wert! [...]

  20. Rehauge am 18. September 2007 um 21:32

    Also man muss ja echt nur Ideen haben. Vor allem das Runde gefällt mir.

  21. [...] Dr. Web Weblog beschäftigt sich mit dem Thema RSS: kreative Icons für mehr Leser. Nette Icon Alternativen. Printwelt: New York Times hat sich vom Online-Abo System [...]

  22. Sebastian Müller am 20. September 2007 um 16:55

    Ich habe auch noch welche auf meiner Website veröffentlicht..

  23. [...] paar gute Tipps, um mehr Feed-Leser zu bekommen, hat das Spamluder zusammengetragen. Schöne RSS-Ikonen gibt es bei Dr. Web zu [...]

  24. [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  25. [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  26. RSS: Best Design Practices And Icons | Blog am 1. November 2007 um 21:21

    [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  27. [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  28. RSS: Best Design Practices And Icons am 2. November 2007 um 10:59

    [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  29. [...] paar gute Tipps, um mehr Feed-Leser zu bekommen, hat das Spamluder zusammengetragen. Schöne RSS-Ikonen gibt es bei Dr. Web zu [...]

  30. [...] notice that some of the references mentioned below have already been published in our Dr. Web Magazine in September. Brian from Designbliss used some of the references and expanded the collection with [...]

  31. [...] Magazine (en ingles). Otras de las fuentes que fueron consultadas para lograr este post fueron: RSS: kreative Icons für mehr Leser ~ de Dr. Web Weblog (en alemán), Free RSS Feed Icons, The Ultimate List ~ de Hongkiat (en ingles), Over 35 Different Styles of RSS [...]

  32. [...] RSS: kreative Icons für mehr Leser [...]

  33. [...] auch verschiedene Umsetzungen des RSS-Standardicons. Eine wirkliche Inspirationsquelle ist da z.B. der Beitrag bei [...]

  34. 72. Tipps für besseres Bloggen am 15. Juli 2008 um 18:34

    [...] Machen Sie den Anmeldebutton für Ihren RSS-Feed möglichst groß und auffällig, damit man ihn nicht übersieht. Jemand, der Ihren Feed abonnieren möchte, sollte nicht danach suchen müssen. Hier finden Sie eine große Auswahl an RSS-Buttons. RSS Icons 1 RSS Icons 2 RSS Icons 3 [...]

  35. » Die schönsten RSS-Icons am 13. September 2008 um 12:46

    [...] dich dennoch nichts dabei? Einige weitere Quellen: Really Cool RSS-Icons Kreative Icons für mehr Besucher Übersicht Rss-Icons zum [...]

  36. Luise am 2. April 2009 um 17:54

    Guter und nützlicher Beitrag. So sollte das Netz funktionieren. Ich finde die Icons immer noch sinnvoll, auch wenn Sie nicht immer nötig sind. Es gibt etliche Leute, die gerade einmal wissen, was ein RSS ist und deshalb auch nach dem Icon suchen. Prima, vielen Dank, ich werd das einbauen.

  37. Was sind RSS-Feeds? | Webseiten-Infos.de am 8. April 2009 um 11:56

    [...] namens Feed Icon hat sich als Standardsymbol etabliert. Aber auch andere Icons sowie teilweise sehr kreative Grafiken sind [...]

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*