Eines voran: Ich höre diese These zum ersten Mal und hätte mir – wenn wir schon beim Thema sind – im Ausgangsartikel durchaus Links zu Beiträgen und Statistiken gewünscht, die diese untermauern können. Rein subjektiv kann ich nämlich nicht bestätigen, dass die Kultur des Verlinkens unter Bloggern abgenommen hat, vielmehr hat sich die Kultur des Bloggens selbst verändert.

Früher war das Blog zentraler Knotenpunkt seines Autors. Alles was gefiel (oder eben nicht) wurde von ihm darauf veröffentlicht, verbreitet oder kommentiert. Umgekehrt war es auch die einzige Anlaufstelle für interessierte Leser. Auftritt Microblogging. Plattformen wie Twitter und Facebook sowie Tumblelogs à la Soup, Posterous oder Tumblr haben zu einer Dezentralisierung des Informationsflusses zwischen Autor und Leserschaft geführt. Das Blog stellt nun nicht mehr den einzigen Kommunikationskanal des Autors dar, sondern einen von mehreren. Vielen Themen, vor allem wenn es um die Verbreitung von Fremd-Information geht, werden keine klassischen Blogartikel mehr gewidmet, sondern – im Fall von Twitter – „nur noch” 140 Zeichen – inklusive Links. Umgekehrt bedeutet dies für Interessierte, dass sie den Aussagen des Autors nun über mehrere Wege lauschen können.

Die Quantität der Beiträge in vielen Blogs ist meinem Eindruck nach dadurch tatsächlich gesunken. Diese Schlankheitskur hat allerdings bei einer Vielzahl meiner abonnierten Blogs zu einer Qualitätssteigerung geführt. Wenn schon gebloggt wird, dann richtig. Und dabei wäre mir eine Verlinkungsfaulheit nicht aufgefallen, sogar eher das Gegenteil.

Warum aber überhaupt die Sorge um zu wenig Verlinkungen?

Links sind die Synapsen des Webs

Kommt ein Mensch auf die Welt, so fasst sein Gehirn zwar Unmengen von Neuronen, allerdings gibt es noch kaum Verbindungen, also Synapsen, zwischen ihnen. Bei jeder neuen Erfahrung, jeder neuen Erkenntnis werden frische Synapsen gebildet, bis man als Erwachsener ungefähr 100 Billionen (!) sein eigen nennen darf.

Nichts anderes sind Hyperlinks. Sie verbinden Wissen, Erfahrungen, Erkenntnisse, bieten weiterführende Daten, Erklärungen, Informationsquellen und lassen Zusammenhänge erkennen. Noch nie zuvor in der Geschichte der Menschheit war so viel Wissen so vielen Menschen zugänglich.

WolframAlpha schätzt, dass das World Wide Web im April letzten Jahres über 230 Millionen Websites umfasste. Ohne Verbindungen zwischen ihnen wäre jede einzelne wertlos.

Bild: (cc) by-nc flickr/razorsmile

Update:

Hier sind die gesammelten Beiträge der Blog-Parade:

• Hannes Offenbacher: Bitte verlinken sie diesen Beitrag in ihrem Blog
• Kurt Schwab: Linkkultur
• Dominik Leitner: Zeig mir deine Links, und ich sag dir…
• Heinz Peter Wallner: Ist Bloggen eine Kunst? Ein Beitrag zur Linkkultur
• Susanne Mandl: Die Link-Kultur lebt. Sie wohnt nur woanders.
• Frank Hübner: Moderne Linkkultur
• Wolfgang Tonninger: Lasst uns nicht allein!
• Martin Prechelmacher: To link or not to link…
• Daniel Imrich: Ein paar Gedanken zum Thema Links
• Marcus Ambrosch: Qualität & Wertschätzung virtueller Wissensarbeit
• Robert Lender: Blog Parade Linkkultur
• Richard Haderer: Brauchst du Link?
• Winfried Huber: Links, Zwo, Drei, Vier
• Anabella Lamprecht: Von einer Link Kultur zu Datawell
• Andreas Lindinger: Frage zum Sonntag: Worunter leidet die Linkkultur in (grünen) Politikblogs?
• Teresa Hammerl: freedom of opinion
• Martin Sauer: Rettet die Trackbacks!
• Ilda Osmancevic: Die Ära der Linkkulturbanausen?
• Meral Akin-Hecke: Blogtail & Blogparade zur Linkkultur
• Michaela Ambos: Das langsame Verschwinden der Verlinkungen
• Armin Soyka: Mit 100.000 Klicks jemand werden
• Stefan Mey: Where have all the Bloggers gone?
• Manuel Gruber: Ey Mann, wo sind die Links?

Similar posts:

• Link Prefetching im Firefox (und wie man es deaktiviert)
• Bedürfnispyramide eines Website-Besuchers
• Mutig in die neuen Zeiten
• Guy Kawasaki in Wien
• Website Check: oevp.at

Comment on this post.

Am 10. September war Guy Kawasaki einer Einladung der Wirtschaftskammer Österreich nach Wien gefolgt und hielt in der Schönbrunner Orangerie eine Rede über „The Art of the Start”, seinen Leitfaden für Menschen, die etwas erfolgreich aufbauen wollen. Diese Anleitung ist übrigens bereits seit längerem auch in Buchform erhältlich.

Wer dieses Buch bereits kennt oder das Blog von Herrn Kawasaki näher verfolgt, lernte diesen Abend eigentlich nicht viel Neues, außer dass er tatsächlich ein sehr freundlicher, bodenständiger Mensch zu sein scheint. Hier dennoch eine kurze Zusammenfassung der elf wichtigsten Tipps, die aber keineswegs als allgemeingültige Dogmen anzusehen sind:

1. Make Meaning
   Geld zu verdienen sollte nicht die vorrangige Priorität darstellen. Man sollte sich lieber darauf konzentrieren, etwas mit Bedeutung zu kreieren.
2. Make Mantra
   Statt einem ellenlangen, generischen Unternehmensleitbild lieber ein kurzes aber prägnantes Mantra formulieren, das die Grundwerte des Unternehmens in maximal drei Worten beschreibt.
3. Jump to the next curve
   Weit über den eigenen Tellerrand hinausschauen und über den eigenen Schatten springen zu können sind für einen langfristigen Erfolg von großer Bedeutung.
4. Roll the DICE
   Deep: Ein Produkt benötigt Tiefe; Features, die über das Gewohnte hinausgehen.
   Intelligent: Konsumenten sollen merken, dass man sich wirklich Gedanken gemacht hat.
   Complete: Großartige Produkte fühlen sich schlichtweg komplett an.
   Elegant: Das Design ist für den Erfolg kein unerheblicher Faktor.
5. Don’t worry, be crappy
   Wenn man immer nur wartet, bis etwas perfekt ist, kann man gute Gelegenheiten verpassen.
6. Let a hundred flowers blossom
   Egal wie gut man Marktforschung betrieben hat, es kann immer sein, dass das Produkt hauptsächlich außerhalb der geplanten Zielgruppe gut ankommt. Es gilt, sich diese Situation zunutze zu machen und nicht dagegen anzukämpfen.
7. Polarise people
   Man kann es niemals allen recht machen. Lieber eine kleine, treue Fangemeinde bedienen, als der Menge etwas Mittelmäßiges anzubieten.
8. Churn, baby, churn
   Man sollte immer den Willen sich und das Produkt zu verbessern mitbringen. Unbedingt auf Ideen und Anregungen der Konsumenten hören.
9. Niche Thyself
   Je einzigartiger das Produkt beziehungsweise die Dienstleistung und größer der Mehrwert für den Kunden, umso höher die Erfolgschancen.
10. Follow the 10 20 30 rule
    Unbedingt lernen zu präsentieren! Die 10 20 30 Regel bedeutet: 10 Slides, 20 Minuten, 30 Punkt Schriftgröße.
11. Don’t let the bozos grind you down
    Nur nicht von den Pessimisten und Deppen runterziehen lassen, wobei sich Herr Kawasaki sympathischerweise selbst nicht unbedingt aus diesen Personenkreisen ausschließt.

Alles in allem war es ein sehr unterhaltsamer Vortrag, gespickt mit vielen witzigen Anekdoten und Liebesbekundungen an Apple. Einziger Wermutstropfen war das ganze Drumherum. Angefangen bei einer ziemlich schlechten Moderation, über das Fehlen von gratis WLAN, bis hin zu einer dem Vortrag angeschlossenen, an Themenverfehlung grenzenden Podiumsdiskussion. Ein Blick ins Startup Wiki hätte genügt, um passendere Diskutanten zu finden. Viele von ihnen waren ohnehin im Publikum. Dieter Rappold von der Social Media Agentur knallgrau hat den möglichen Negativeffekt auf das Image des Veranstalters bereits in seinem Blog schön beschrieben.

Wer sich den Vortrag von Guy Kawasaki gerne ansehen möchte, kann dies auf der entsprechenden Seite der WKO machen. Übrigens mit rausgeschnittener Moderation und Podiumsdiskussion.

Apropos, liebe Wirtschaftskammer: Videos sind auf YouTube, Vimeo oder Flickr wesentlich besser aufgehoben, als in einem Windows Media Videostream.

Similar posts:

• Netscape Navigator – Ein Nachruf
• Mutig in die neuen Zeiten
• Digitalks07 – Online Collaboration
• Es regnet Karotten
• Freewave wird internationaler

Comment on this post.

If you live in Austria and are a fellow citizen of the Social Web, then you probably have already heard of The Vienna Project, a LARP spy game which will take place in Vienna on 22^nd of August. Until then, interested parties have to solve a series of riddles in order to be recruited as one of 16 “agents”, who will then participate in the game with the mission to unravel the mystery of a vanished colleague.

The game is mostly organised and promoted via social networks like Twitter and Facebook by its creator Roman Mittermayr and his team, all in their free time. Although I’ve never played a single LARP game, this one kept my interest and I was looking forward to the unveiling of the official website:

I must say, while I really liked the image of the hatted agent, the website just wasn’t what I had expected. But a few minutes later, Roman twittered:

“And pls don’t destroy me on usability, design or the small font-size Do a new awesome design for free and I’ll make you god for a day.”

Having had a few hours on my hands, I didn’t need to be told twice.

The inspiration

To get myself into the right mood, I compiled a playlist of a few suitable film scores and started to scribble.

Being a huge fan of spy movies (especially those with Bond, James Bond), I wrote down a few attributes I like about them in particular: Secrecy, puzzles, suspense, action, deception, … Now I had to decide which ones I could incorporate into the design within the limited time at my disposal.

The design

I wanted to give the viewers the feeling of already being part of the game, so I created a scene, where they slip into the role of an agent who’s browsing through confidental documents in darkness, using a flashlight. To add atmosphere, the light can be moved with the mouse on the start page.

The Austrian passport was added as tribute to another characteristic I love about spy movies: The numerous locations shown. Bond, for example, travels halfway across the world in the course of a single mission.

The resources

Providing a layout for free is one thing, having to pay for the necessary graphical material out of your own pocket is another. Luckily, SXC proved to be a valuable resource for royalty-free photos for this project. A big thank you to:

• slafko for the folder.
• rodnem for the white paper.
• Dippes for the paper with lines.
• Scyza for the Polaroid picture.
• alaahammou for the light effect (used as reflection on the iPhone).

For the moving flashlight on the start page, I used a PNG image, a few lines of JavaScript (on top of jQuery) and CSS. No Flash.

The reactions

I received a lot of positive feedback on the redesign like the one above. Thank you!!

Similar posts:

• Do you speak English?
• Creative business card design
• Creative Commons icons as custom shapes for Photoshop
• My favourite iPhone applications (so far)
• Web-Entwicklung mit Safari

Comment on this post.

Similar posts:

• Hi, I’m a MAC! (Comic)
• iDon’tKnow (Comic)
• His Master’s Tweet (Comic)
• The Frenzic Phenomenon (Comic)

Comment on this post.

Don’t you just love the smoother fox and the 3D effect on its tail? I could look at it all day!

For more information about the design process and the creative brief (worth seeing!), read the blog of Alex Faaborg, principal designer at Mozilla. You can download the new logo in various formats at the Mozilla Wiki.

Similar posts:

• Netscape Navigator – Ein Nachruf
• Neue Tricks für einen alten Fuchs
• Link Prefetching im Firefox (und wie man es deaktiviert)
• Web-Entwicklung mit Safari
• Vielfalt zum browsen gehen

Comment on this post.

Similar posts:

• Anatomie eines kleinen Protestes
• My favourite iPhone applications (so far)
• Oh my! I guess our Pokens aren’t compatible… (Comic)
• Hi, I’m a MAC! (Comic)
• iDon’tKnow (Comic)

Comment on this post.

Generelles Design

Dass die neue Optik der Website ziemlich obamaesk anmutet, ist nicht nur mir aufgefallen, auch in das Design Tagebuch hat sie es deswegen geschafft. Gut, sich die überaus erfolgreiche Online-Kampagne von Herrn Obama als Vorbild zu nehmen ist jetzt sicherlich nicht verkehrt, nicht zuletzt, weil ja Nachahmung laut Oscar Wilde die höchste Form der Anerkennung sein soll. Der Nachteil solcher großen Fußstapfen ist halt nur, dass man dann auch dem Vergleich standhalten muss, was aber meiner Meinung nach hier nicht der Fall ist.

Das Design wirkt auf mich generell unruhig und unstimmig. Im Gegensatz zum „Original” präsentiert es sich nicht aufgeräumt, die einzelnen Elemente sind teilweise zu dicht gedrängt. Ein optisches Ungleichgewicht entsteht auch durch die zentrale Ausrichtung mit den rechtslastigen (internen) Werbebannern.

Web-Standards

Die Umsetzung eines Designs mittels standardkonformer (X)HTML und CSS ist das Fundament einer professionellen und zeitgemäßen Website. Eine Prüfung mit verschiedenen Validierungs-Tools zeigt hier leider einige Fehler, sogar der RSS-Feed entspricht nicht den Vorgaben.

Ob dies nun ein Indiz dafür ist, wie gut sich diese Partei an Regeln halten kann, sei dahingestellt , die handvoll Fehler im XHTML-Quellcode könnten jedenfalls leicht ausgebessert werden. Die Herausforderung liegt hier auch darin, die Standardkonformität auch über längere Zeit aufrecht zu erhalten. Laut Jürgen Koller von Kollermedia.at waren es auch schon mal viel mehr Fehler, es wird also fleissig daran gefeilt.

Aber auch in den Style Sheets gibt es noch hauptsächlich Flüchtigkeitsfehler. Nur ein paar Anweisungen, die nur der Internet Explorer versteht, sollten verschwinden oder, wenn es denn wirklich sein muss, zumindest über Conditional Comments vor anderen Browsern (und anderen Betrachtungssystemen) versteckt werden.

Übrigens, nur um der Gerechtigkeit genüge zu tun: Barack Obamas Website ist auch größtenteils nicht standardkonform.

Accessibility

Auch in Bezug auf die Barrierefreiheit ist die Website oevp.at noch nicht da, wo sie eigentlich sein sollte. Eine Prüfung nach den WAI-Richtlinen ergibt wieder einige Fehler. Eine der Faustregeln für Barrierearmut lautet außerdem, dass die Website auch ohne Einsatz von Style Sheets und JavaScript logisch erfassbar und verwendbar sein sollte. Deaktiviere ich beides, erhalte ich leider nur recht unstrukturierte Inhalte und unnötige Elemente, wie zum Beispiel einige leere Buttons auf der Startseite.

Auch störend ist die relativ kleine Schriftart im Hauptmenü und das halbtransparente Untermenü, wo sogar ich mit meiner 3/4 Dioptrie Probleme habe, die einzelnen Punkte sofort zu erfassen. Der Farbkontrast könnte an manchen Stellen auch ruhig stärker sein.

Zwar gibt es auf der Website eine Funktion zur Vergrößerung der Schrift, nur nutzt diese wenig, wenn zum Beispiel das Hauptmenü oder der Fußteil davon gänzlich unbeindruckt bleiben oder das Layout so starr gebaut wurde, dass ich dann lauter Scrollbalken habe, weil die Inhalte sprichwörtlich ihren Rahmen sprengen. Mittlerweile bieten alle gängigen Browser (und auch Betriebssysteme) Benutzungshilfen, wie zum Beispiel Vergrößerungen, an, die wesentlich effektiver arbeiten, als die Funktion auf der Website.

Usability

Hier gäbe es jede Menge Verbesserungspotenzial. Hier nur einige Punkte:

Links

Es wird sehr schnell deutlich, dass es kein durchgängiges Konzept für Links gibt. Bei den Teasern ist unintuitiver Weise der Inhalt der Link zum ganzen Artikel, dann gibt es anderswo wieder blaue Links, dann sind sie wieder grau… Alles in allem nicht durchdacht und verwirrend. Die Grundregel aus Sicht des Besuchers „Don’t make me think!” wurde hier leider nicht beachtet.

Navigation

Ein weiteres Manko ist, dass ich weder durch eine optisches Kennzeichnung im Menü, noch über den (nicht vorhandenen!) Seitentitel, noch über eine sprechende URL erfahre, wo in der Struktur ich mich gerade befinde. Der einzige zarte Hinweis ist der große Balken, wo die Überschrift des Hauptmenüpunktes steht, die aber teilweise auch inkonsequent ist („Politik” im Hauptmenü heißt „Themen” im Balken). Wozu überhaupt dieser Balken? Ein Menü mit Hervorhebungen löst den Balken ab und ich spare jede Menge Platz für Inhalte.

Mag auch sein, dass Herr Pröll wichtiger ist als andere Teammitglieder, ihm aber einen eigenen Hauptmenüpunkt zu widmen, obwohl seine Seite sowieso unter dem Menüpunkt „Team” zu finden ist, zerstört die Logik der Navigation. Shortcuts sollte man anders gestalten und ein Menü stets die Seitenstruktur abbilden.

Top Stories mit Passwort

Ein Highlight ist auch, dass ich vom Firefox jedesmal gefragt werde, ob ich mein Passwort speichen möchte, wenn ich mich auf der Startseite durch die „Top Stories” klicken möchte. Offenbar wird hier gleich jedes Mal das davon eigentlich unabhängige Login-Formular mitgeschickt.

RSS Feed

Wenn ich schon einen RSS Feed anbiete, dann sollte dieser auch über entsprechende Meta-Tags eingebunden werden, damit auch Browser und andere Tools wissen, dass dieser existiert und ein Abonnement kinderleicht wird, weil man nicht auf der Seite nach etwaigen Icons suchen muss.

Sprechende URLs

Sprechende URLs, also zum Beispiel oevp.at/links/teilorganisationen statt oevp.at/links/index.aspx?pageid=38038, machen die Website sowohl für Menschen als auch Maschinen weitaus nutzbarer.

Suchmaschinenoptimierung

Die ÖVP möchte offenbar auch nicht gut gefunden werden. Meta-Tags für Stichworte und Kurzbeschreibung fehlen komplett, viel schlimmer ist aber, dass der Titel ausnahmslos „Die Österreichische Volkspartei” lautet, egal auf welcher Seite ich mich befinde. So etwas gefällt Google und Co. überhaupt nicht, den menschlichen Betrachtern übrigens noch viel weniger.

Der tatsächliche Beitrag von sprechenden URLs zur Suchmaschinenoptimierung ist zwar umstritten, unterschätzen würde ich ihn aber auf keinen Fall.

Web 2.0

Die selbst proklamierte Web 2.0-Tauglichkeit beschränkt sich auf Links zu einer handvoll ÖVP-Blogs und etablierten Plattformen, wie zum Beispiel YouTube, Flickr oder Facebook. Die Möglichkeit Beiträge auf der Website zu kommentieren gibt es derzeit noch nicht, laut Fritz Kaltenegger, Generalsekretär der ÖVP, wird das aber zeitgleich mit der Veröffentlichung des neuen Parteiprogramms möglich sein (Quelle: derStandard.at).

Auf die einzelnen Blogs möchte ich hier gar nicht näher eingehen, das hat schon Max Kossatz auf Wissenbelastet.com ausführlich erledigt.

Ein kurzer Blick auf YouTube und Flickr verrät: Viel mehr als Videos von Pressekonferenzen oder Fotos von pressewirksam händeschüttelnden Grinsekatzen gibt es dort nicht. Spektakuläre Betrachungszahlen offenbar deswegen auch nicht.

Die Facebook Fanpage wird hauptsächlich als Aggregator verwendet, woran es jetzt prinzipiell nichts auszusetzen gibt. Wie aktiv die ÖVP dort um einen Dialog mit den knapp 800 Fans bemüht ist, kann ich schwer beurteilen. Offizielle Reaktionen auf die ohnehin spärlichen Kommentare von Besuchern scheint es jedenfalls nicht zu geben.

Fazit

Hier wurde eine große Chance vertan. Abgesehen von den technischen Mängeln: Im Web 2.0 geht es um Authentizität und Dialog. Der neuen Website fehlt es an beidem. Einen großartigen Mehrwert im Vergleich zur alten Version erschließt sich für mich eigentlich nicht.

Dass die Website eine „100%ige Eigenproduktion der ÖVP” ist, halte ich prinzipiell für eine gute Sache, bei so einem Projekt kann man viel lernen. Dass das Ergebnis der Mühen und sicherlich unzähligen Stunden der freiwilligen „Bastler” offenbar mangels professioneller Beratung nicht optimal ist, finde ich äußerst schade.

Auf mich wirkt die Website jedenfalls unprofessionell. Und gepaart mit dem Tamtam rund um die Veröffentlichung macht es für mich den Eindruck, als hätte die ÖVP das Medium Web und dessen Potenzial noch nicht ganz verstanden.

Ich bin jedenfalls gespannt, wie sehr die Partei ihre „Homepage” in nächster Zeit noch verbessern wird.

Similar posts:

• Bedürfnispyramide eines Website-Besuchers
• Link Prefetching im Firefox (und wie man es deaktiviert)
• Mutig in die neuen Zeiten
• LoungeFM dank Fluid ohne Browser genießen
• Freewave wird internationaler

Comment on this post.

• Turn off the visual editor
  No problem for someone who has a good grasp of HTML. Not quite a solution, more of a workaround.
• Edit the TinyMCE configuration files
  The required changes are simple but could be lost with the next update of the editor.
• Use plugins
  I’m sure, there are tons of WordPress plugins which address exactly this issue but more plugins also mean more maintenance. Especially, when there is a much simpler solution.

Add the following code to the functions.php file of your theme:

function field_func($atts) {
   global $post;
   $name = $atts['name'];
   if (empty($name)) return;

   return get_post_meta($post->ID, $name, true);
}

add_shortcode('field', 'field_func');

Now you can display the value of a custom field in your post by adding the shortcode [field name=name-of-your-custom-field] to your content at the position where you would like it to be shown. Just make sure that the shortcode stands alone on a line, otherwise WordPress would wrap it in a paragraph, which would result in invalid HTML.

To add an iframe, simply paste the HTML code into the ”value” area of your custom field, like shown here:

Voilá. Your iframe (or any other HTML code for that matter) will not be removed from your post and you can edit the code without having to switch to the HTML mode.

Update: You’ll need at least WordPress 2.5 to be able to use shortcodes.

Similar posts:

• Dialogue of the Week (Arianna Huffington and Jon Stewart)
• My favourite iPhone applications (so far)
• Creative Commons icons as custom shapes for Photoshop
• Was lange währt, wird endlich gut!
• TextMate + CSSEdit + Transmit + SubEthaEdit = Coda?

Comment on this post.

Have you ever wanted to include the likeness of the Flying Spaghetti Monster in your artwork? Just download the custom shapes I created and  go in peace to love and serve the FSM. RAmen!

Similar posts:

• Creative Commons icons as custom shapes for Photoshop
• RSS icons as custom shapes for Photoshop

Comment on this post.

(via Helge.at)

Similar posts:

• Creative Commons icons as custom shapes for Photoshop
• Heimat bist du großer Brüder
• Mutig in die neuen Zeiten
• The Art of Barack Obama
• RSS icons as custom shapes for Photoshop

Comment on this post.