Das Design steht, die Struktur ist klar, die Inhalte müssen “nur noch eingepflegt” werden. Selbst in dem glücklichen Fall, dass dieser Inhalt bereits formuliert, lektoriert und – rein orthografisch – fehlerfrei ist, kann ein gut gemeinter Ansatz genau das bleiben: gut gemeint. Und das ist bekanntlich das Gegenteil von gut. Der Zweck, den diese Website, dieser Flyer oder dieser Statuseintrag irgendwann mal erfüllen sollte, ist dahin. Wie schnell er dahin sein kann, zeigen folgende Beispiele anschaulich.

Weil ich keinem Texter oder engagierten Betreiber persönlich an den Pranger stellen möchte, bleiben die Quellen für den Moment mein Geheimnis. Die Texte sind ohnehin nur Stellvertreter für zig Ausführungen ihrer Art, wie sie überall im Netz und anderswo anzutreffen sind.

Vermeintlicher Umweltschutz: Phrasen zu 100% recyclen!

Top-Agent [Name] lässt es krachen! Mit modernsten Waffensystemen zieht er gegen eine Armee von Terroristen in einen gnadenlosen Kampf. Sein Ziel ist eindeutig: den terroristischen Aufmarsch und somit die Bedrohung der Welt durch Massenvernichtungswaffen zu stoppen – koste es, was es wolle!
Erleben Sie das weltweit vielfach ausgezeichnete [Spieltitel] erstmals auf PC. Die spektatkuläre, filmreife Action lässt selbst Hollywood erblassen und wird Sie nicht mehr loslassen. Sind Ihre Nerven stark genug, um dieses intrigengespickte Abenteuer voller Überraschungen zu überstehen?

Von der Rückseite einer Spieleverpackung

Ist doch klar um welches Spiel es geht, oder? Ich gestehe, dieser Text stammt von keiner Website, sondern von der Rückseite eines PC-Spiels. Es handelt sich um ein ausgezeichnetes Spiel, das sowohl unique als auch faszinierend ist. Doch das verrät uns der Text nicht. In die beiden Lücken lassen sich x-beliebige Heldennamen und Spieletitel einfügen, alles würde funktionieren. Denn Phrasen sind austauschbar, legen sich wie eine glattgeschliffene Norm über jeden Kontext und stehlen ihm jeglichen Sinn für Einzigartigkeit und Prägnanz. Content ohne Inhalt quasi.

Wie man Austauschbarkeit vermeidet

Wer aus einem zu prüfenden Text einmal alle markenbezogenen Substantive entfernt, erkennt schnell, ob die Worte immer noch das Produkt oder die Dienstleistung im Kern treffen. Funktioniert der Text aber mit tausend anderen Substantiven gleichermaßen, sollte die Austauschbarkeits-Alarmglocke läuten.

Fragen, die Sie sich nie gestellt haben

Für Unternehmen und Verwaltungen gilt: Nur wenn Daten und Lösungen reibungslos funktionieren, ist ein sicheres und effizientes Arbeiten möglich. Doch wenn die Lösung zu kompliziert ist, die Daten nicht stimmen oder andere IT-Probleme auftreten, kann es zu verzögerter Arbeitsfähigkeit und bei Unternehmen auch zu betriebswirtschaftlichen Schäden kommen.

Belehrungen als Startseitentext

Also grob zusammen gefasst: wenn’s scheiße läuft, läuft’s scheiße. Das waren gut 350 Zeichen für die Kategorie “um den Brei herumreden”. Womit sich das Unternehmen tatsächlich beschäftigt, wird erst ein Absatz später zur Sprache gebracht:

Herzlich willkommen auf der Homepage von [Firmenname]. Mit unseren Dienstleistungen und Produkten möchten wir Sie dabei unterstützen, Ihre (Geo) Daten-Infrastruktur zu einem leistungsfähigen Bestandteil Ihres Arbeitsalltags zu machen. Ob Hardware, Software oder Serviceleistungen – nehmen Sie einfach Kontakt mit uns auf.

Der zweite Absatz dieser Startseite

Allerdings: knapp daneben ist auch vorbei. Diese Firma macht was mit Geodaten-Infrastruktur, so wie ich “was mit Medien” mache. Dieser Text beantwortet keine Fragen, sondern wirft sie auf. Von “was sind Geodaten” bis hin zu “warum sollte ich den Kontakt aufnehmen?”. Stellt sich dem oder der Besucher/in diese letzte Frage, kann man im Falle einer Website, die die Kontaktaufnahme durch den User als Ziel definiert, vom Scheitern auf ganzer Linie sprechen.

Faseln vermeiden

Vermeintliche Einleitungen und Verallgemeinerungen sind verschwendeter Platz und teuer bezahlte Zeit. Virtuelles Papier ist vielleicht geduldig, das Publikum ist es nicht. Es gilt, zu Anfang auf den Punkt zu kommen. Wenn nach einem Absatz nicht klar umrissen ist, was hier geschieht, war’s das mit dem potentiellen Kunden. Es ist nicht davon auszugehen, dass Ihr Publikum auf dem gleichen Wissenstand ist wie der oder die Texterin. Im Gegenteil. Auf “Wir machen was mit Geodaten-Infrastruktur” reagiert beispielsweise niemand mit “das ist genau das was ich brauche!”. Es ist schlicht zu unpräzise.

Unnützer Platzhalter

Willkommen auf den Internetseiten der [Firmenname], unsere Webpräsenz wird zur Zeit überarbeitet und steht Ihnen demnächst wieder mit allen Informationen zur Verfügung.

Eine Baustellenseite

Dieser Text stammt von einer Seite, die derzeit in Überarbeitung ist. Mehr weiß ich auch nicht. Mehr steht dort auch nicht. Vielleicht gibt die URL noch was her, womöglich auch nicht. Vielleicht bin ich auf diese Seite durch eine Empfehlung gekommen, vielleicht zufällig. Was diese Seite werden will, wenn sie mal groß ist, weiß nur sie selbst. Wozu dann dieser Platzhalter? Niemand muss sich die Mühe für eine “Under Construction”-Seite machen, wenn damit kein Appetit angeregt wird.

Rücken Sie raus mit der Sprache

Für Platzhalter gilt: machen Sie das beste daraus, dass Sie noch unter Hochdruck an der Präsenz arbeiten. Besucher wollen auf den Geschmack gebracht, angeregt werden, die Seite bald wieder zu besuchen. Sonst ist diese Adresse so schnell aus dem Besucher-Gedächtnis wie der Name des zweiten Menschen auf dem Mond.

Absurde Absichten

Wir freuen uns, dass Sie unsere Internet-Präsenz besuchen. Als modernes multifunktionales Medien- und Dienstleistungsunternehmen wollen wir Sie gerne auch online mit allen Informationen rund um unsere Angebote versorgen.

Gute Vorsätze im Introtext

Warum der Anbieter nicht genau das tut, was er in diesem Vorspann verspricht, bleibt sein Geheimnis. Kein Geheimnis hingegen ist, dass dieser Text keinen Zweck erfüllt, außer ein paar glänzende Adjektive rund um das Unternehmen zu platzieren. Also ist die Absicht eine ganz andere. Denn eigentlich sagt dieser Text:

Wir freuen uns, Ihnen diesen Text vorlegen zu können. Als Firma möchten wir im besten Licht stehen und erzählen Ihnen daher was von guten Absichten, damit Sie sich folgendes über uns merken: wir sind toll, hipp und uns interessiert nicht die Bohne, was Sie möchten.

Promises, promises!

Durch unsere optimierte Vertriebsstruktur, die große Sortimentsvielfalt sowie permanente Produktinnovationen sind positive Umsatzentwicklungen garantiert. Dabei legen wir großen Wert auf Qualitätsdenken, Flexibilität und Zuverlässigkeit als Basis für eine langfristig erfolgreiche Zusammenarbeit. Wir liefern Ware von höchster Qualität zu unvergleichlichen Preisen und unterstützen Ihren Erfolg mit attraktiven Verpackungen und verkaufsfördernden Präsentationselementen.

Von der Website eines Hundefuttervertriebs

Mal abgesehen von dem wiederholten Problem der Austauschbarkeit wie in Beispiel Nummer eins leidet dieser Text an Adjektivitismus. Das ruft gleich mehrere Probleme auf den Plan:

1. Der Text ist schwer lesbar.
   Während des Lesens eines Textes versuchen wir stets, die für uns relevanten Punkte in den Fokus zu bekommen. Das sind in der Regel bestimmte Substantive und Schlüsselbegriffe. Adjektive und überschwängliche Attribute gehören meist nicht dazu.
2. Der Text benennt das erwartbare.
   Es ist ja löblich, dass diese Firma so viele gute Eigenschaften vereint. Aber sind Qualitätsdenken, Flexibilität und Zuverlässigkeit das nicht etwas, dass man von jedem Anbieter erwarten können sollte?
3. Der Anbieter wirkt unglaubwürdig.
   Wer so mit positiven Attributen und Adjektiven um sich wirft, läuft Gefahr, jede Authentizität und damit Glaubwürdigkeit zu verspielen. Taten oder Aussagen anderer Personen sind deutlich dankbarere Beweise, übertriebenes Selbstlob riecht tatsächlich irgendwann unangenehm. Marketinggefasel und leere Versprechungen kennen wir aus den Flyern und Anrufen, die wir nie bestellt oder verlangt haben.

Zurück auf den Tron, König!

Wenn also Content King ist, gibt es bei der Entwicklung jeder Kommunikation wohl nichts wichtigeres als gut kreierten Inhalt. Denn er ist es, der eine Website zum Publikumsmagneten macht. Beispiel aus dem Alltag: finden Sie die Gestaltung ihrer Tageszeitung (kein Boulevard) hipp und modern? Vermutlich nicht. Und dennoch wird kaum etwas so zuverlässig und akribisch rezipiert wie die schwarzweißen Inhalte dieses Recyclingpapiers.

Demnächst

Teil zwei der Reihe “Texte im Web” beschäftigt sich mit der Frage, was Texte denn nun interessant und wirkungsvoll macht. Aus dem journalistischen leihen wir uns dafür das AIDA-Modell, die umgekehrte Pyramide und das Konzept des Nachrichtenwerts.

Spielerei am Rande: Mit Klick auf die Listenelemente kann man dieses Thema virtuell abhaken.

Grundsätzliches

• Valides HTML, saubere Semantik
  Das (eigentlich die) HTML sollte dem Validator stand halten, aber wichtiger ist noch der korrekte Einsatz der Elemente und die Trennung von Inhalt, Präsentation und Verhalten. Webstandards und guter Stil sind große Themen, aber eine wichtige Grundvoraussetzung.
• Screen- und Printstylesheet
  Gerade letzteres wird im Eifer des Gefechts ganz gerne mal übersehen. Dabei nimmt es eigentlich kaum Zeit in Anspruch. Grundlagen bietet Jens Meierts Artikel.
• Stylesheets für weitere Darstellungen (Tablets, Smartphones,…)
  Im Zuge von Responsive Webdesign und allgemeiner Optimierung für mobile Endgeräte bietet sich – je nach Anforderung des Projekts – beispielsweise der Einsatz von Media Queries und entsprechender Stylesheets an.
• Validierung des CSS und Verifizierung des JavaScripts
  Naja gut, es GIBT einen CSS-Validator, aber durch Hacks, Vendor-Prefixes und vieles mehr spuckt der ohnehin nur Fehler aus. Ist also eher Theorie. Für (selbstredend Unobstrusive) JavaScript ist JSLint ein gutes Kontrolltool. Bei intensivem Einsatz von JS empfiehlt sich aufgrund der geringeren Fehleranfälligkeit in Sachen Crossbrowser der Einsatz eines Frameworks wie jQuery.
• Einsatz von HTML5-Elementen
  …bei entsprechendem Doctype. Für alle Microsoft-Browser kleiner als IE9 macht es Sinn, die Elemente noch einmal per JS zu erläutern und in jedem Fall sollten einige Elemente im Stylesheet auf display:block geeicht werden. Templates wie HTML5 Boilerplate schaffen diese und mehr Voraussetzungen für den Einsatz von HTML5.

Fallbacks

• JavaScript
  Die Seite sollte auch ohne JavaScript noch intakt bleiben und funktionieren. Auch wenn Google und Apple das mittlerweile anders sehen. Stichworte Progressive Enhancement bzw. Graceful Degradation.
• CSS
  Das Layout sollte nicht direkt explodieren, wenn bestimmte CSS-Eigenschaften nicht unterstützt werden. Werden böse dunkle Hacks verwendet sollten diese nicht aus Versehen Browser(generationen) beeinflussen, für die sie gar nicht gedacht waren. Auch ein Blick auf die Seite komplett ohne CSS kann Beurteilungen zur Qualität des Markups erleichtern.
• PHP
  Nicht direkt eine Aufgabe des Frontend-Entwicklers, aber wenn ein Script mal Fehler ausspuckt, sollten diese einigermaßen sinnvoll formuliert und platziert sein. Gibt kaum was schöneres als “mySQL-Statement is invalid…” irgendwo überhalb des bodys.

Usability / SEO

• Weiterleitungen einrichten
  Häufig ändern sich bei Relaunches Website-Strukturen und alte URLs gelten nicht mehr. Für Google und für Besucher ist daher darauf zu achten, dass diese alten Adressen auf die entsprechenden neuen weitergeleitet werden.
• Sprechende URLs durch ModRewrite
  Hübsch für Suchmaschinen und Menschen: Verständliche und lesbare URLs, auch in tiefen Ebenen.
• Microformats
  Auf dem Weg zum semantischen Web können diese kleinen Anreicherungen für eine bestimmte Nutzergruppe echte Anwendungsverbesserungen bedeuten. Sofern (Such)Maschinen diese erweiterte Semantik auslesen, gibt es da natürlich auch Vorteile. Alternative Techniken sind RDFa und natürlich die neuen HTML5-Microdata-Spezifikationen. Bislang erfahren nach meinem Stand die erstgenannten Microformats allerdings die meiste Anwendung.
• Brauchbare <head>-Elemente: <title>
  Ein guter Seitentitel hilft Nutzern und Suchmaschinen. Jede (Unter)Seite sollte einen sinnvollen, individuellen Titel bekommen, das Wichtigste zuerst genannt werden und noch so vieles mehr ist zu beachten.
• Brauchbare Metatags: description
  Auch hier macht es Sinn, jeder Seite einen sinnvollen Text zu verpassen sowie Verständlichkeit und Keywords entsprechend zu berücksichtigen – schon alleine, weil dieser Text bei den meisten Suchmaschinen als Kurzbeschreibung des Ergebnisses verwendet wird.
• GEO-Tags
  Wieder einmal zur maschinenlesbaren Kategorisierung der Inhalte gut zu gebrauchen. Sie ordnen die Website geographisch ein. Macht bei Angeboten mit Standortbezug durchaus Sinn.
• robots.txt
  Zwar bin ich bisher ganz gut ohne diese Datei ausgekommen, aber es hält sich die Annahme, diese Datei sei nicht ganz unwesentlich. Vermutlich ist da was dran.
• Weitere sinnvolle Meta-Tags
  Es gibt noch zahlreiche weitere Metatags, welche davon sinnvoll sind, sollte jeder selbst entscheiden oder vom SEOler entscheiden lassen.
• Metatag robots
  Was in der Entwicklungsphase häufig auf “noindex,nofollow” gesetzt ist, sollte beim Launch dann geändert werden. Nur so als Erinnerung.
• XML-Sitemap anlegen
  Für Redaktionssysteme gibt es dafür Automationen (z.B. das Plugin für WordPress), bei statischen Seiten hilft der Sitemap Generator weiter.

Zugänglichkeit / Barrierearmut

• alt- und title-Attribute
  Sie gehören dazu. Während alt für Bilder sinnvoll und verpflichtend ist, erzeugen title-Attribute zusätzliche Informationen, die moderne Browser als Tooltip beim hover-Zustand darstellen – Elementen wie und brauchen das title-Attribut zwingend.
• Verhalten bei Schriftgrößenänderung
  Wie reagiert das Layout, wenn die Schriftgröße von Client angepasst wird? Passt es sich an, lassen sich alle Elemente sauber vergrößern oder explodiert es nach einer Zoomstufe direkt? Auch bei fixen Layouts ist die Angabe der Dimensionen in Prozent und em (respektive ex) sinnvoll.
• Verhalten bei Viewport-Änderung
  Insbesondere bei flexiblen Layouts immer wieder mehrere Tests wert.
• Darstellung ohne CSS, Darstellung/Funktionen ohne JavaScript
  Bleibt die Seite verständlich und navigierbar, wenn alle Layout-Informationen fehlen? Sind Funktionen gewährleistet, auch wenn das JavaScript versagt?
• Darstellung ohne (Hintergrund)Bilder
  Sollte es dem Server mal nicht gelingen, die großkalibrigen Bilder auszuliefern, kann das eine Seite schon mal unbrauchbar machen. So etwa bei weniger eleganten Image-Replace Lösungen oder Schriftfarben, die auf ein dunkles Hintergrundbild angewiesen sind. Testen lässt sich das gut mit der Web Developer Toolbar.
• Darstellung bei hohem und niedrigen Kontrast und ohne Farben
  Da wir niemals sicher gehen können, dass unser hübsches Design auch genau so knallig und sauber dargestellt wird wie aus unserem Bildschirm, sollten wir einige Extreme testen. Sei es, weil sehbehinderte Menschen den Kontrast hochdrehen (oder teilweise Farben umkehren) oder weil manchen Geräten die entsprechende Helligkeit und anderes fehlt.
• Tastaturnavigation: :focus und Skiplinks
  Bei jeder :hover-Deklaration sollte auch ein :focus stehen. Auch die Outlines aktiv zu lassen, ist sinnvoll, wenn die gestalteten hover-Zustände ohne Mauszeiger schwierig auszumachen sind. Skiplinks helfen Tastaturnutzern, schneller zum gewünschten Bereich auf einer Seite zu gelangen.
• Funktionieren alle Ankerpunkte?
  Zum Beispiel für oben genannte Skiplinks. Testen, testen, testen.
• Ist die Tabulatorreihenfolge in Ordnung?
  Bei hierarchisch sauber geschriebenem Code ist das meist kein Thema, bei Formularen oder seltsamen SEO-Tricks (wie den Header nach dem Content coden und per CSS nach oben positionieren) kann sowas schon mal zum Fallstrick werden.

Performance

• Overhead reduzieren
  Gerade bei Verwendung von HTML/CSS-Frameworks: ungenutzte Klassen rausschmeißen. Inwieweit Tools wie HTMLTidy noch aufräumen können, hängt vom Coding ab. Automatische CSS-Aufräumtools gibt’s zwar auch, aber das ruft auch direkt Probleme mit der Kaskade und mit Hacks auf den Plan. Weiterhin gilt: CSS-Selektoren nicht unnötig in die Länge ziehen und -Deklarationen zum Beispiel mit Shorthands schlank halten
• Bildkomprimierung
  Was Photoshop schon gut kann, kann Fireworks noch besser, können Tools wie RIOT, Smushit, PunyPNG am allerbesten: Bilder komprimieren.
• Sprites, wo es geht
  Die Summe lädt schneller als ihre Einzelteile nacheinander: CSS-Sprites
• Styles auslagern
  Damit gecached werden kann. Klar, oder?
• JavaScript in den Fuss
  Damit die Seite nicht erst auf das JS warten muss, bis sie weiterlädt. Script-Elemente kurz vor den -tag.
• Bibliotheken aus Repositories laden
  HTTP-Requests an die eigene Domain lassen sich sparen, wenn global verwendete Elemente wie JavaScript-Bibliotheken aus den öffentlichen Repositories geladen werden. So schnell wie Google liefert ohnehin niemand.
• HTTP-Requests und Datenmengen verringern
  Hierfür gibt’s gleich mehrere Ansätze für verschiedene Bereiche: head.js fasst wunderbar JavaScript-Aufrufe zusammen und simplifiziert den Einsatz, minify stampft CSS und JS zu je einer Datei zusammen ohne die Quelldateien unbrauchbar zu machen und über die Auslagerung von Datenmengen (zum Beispiel Bildern) auf Subdomains oder gleich in die Cloud (beispielsweise Amazon S3) sollte man sich Gedanken gemacht haben.
• Komprimierte Auslieferung der Dateien
  Serverseitig können Dateien komprimiert und vom Client nach Erhalt wieder entpackt werden. Einträge im der .htaccess mit dem Modul mod_deflate erzeugen entsprechende Bandbreitensparmaßnahmen.

Tools / Infrastruktur fürs Monitoring

• Analyse
  Kostenlos und sehr gut machen das Google Analytics (an den Impressums-Text denken) oder Piwik. Als kostenpflichtiges Konkurrenztool gilt Mint.
• Google Webmaster Tools
  Wenn gewünscht oder sinnvoll, kann man hier Google die Seite etwas näher bringen und Voraussetzungen für den Einsatz weitere Google-Produkte wie Adwords oder Products schaffen. Ich bilde mir auch ein, dass die Indizierung neuer Seiten dadurch schneller von statten geht. Vermutlich stimmt das nicht.

Cross-Browser-Testing

• Internet Explorer
  Es muss ja leider sein. Hilfsmittel sind hier Multiple IE, IETester, die IE Developer Toolbar und das Firebug Lite-Bookmarklet. Mac-Nutzer testen die IEs in ihrer Virtuellen Maschine (Parallels oder Fusion) oder auf einer Bootcamp-Installation.
• Moderne Browser
  Wer auf Firefox entwickelt, sollte auch die Webkit- (Chrome, Safari) sowie Presto- (Opera) engine testen und umgekehrt. Gerade bei CSS3-Einsätzen wird der ein oder andere Prefix schon mal vergessen. Und es soll sogar Bugs in modernen Browsern gegeben haben.
• Mobile Browser
  Lassen wir hier WAP mal außer Acht, sind die verbreitetsten mobilen Browser wohl der iOS Safari, ein weiterer Webkit auf den Androids und und vielleicht, auf spukigen Geräten, noch der IE irgendwas sowie Opera Mobile. So wirklich ohne echtes Endgerät zuverlässig zu testen ist schwierig, SDKs mit Device-Simulatoren gibts für Apple und Andriod, und der Opera Mobile Emulator ist das, wonach er klingt.

Backe, backe, Häusle baue

Diese Liste wuchs in den letzten Monaten in meinen Notizen stetig und wurde immer wieder durch neue Impulse angereichert und verfeinert. Vollständig oder der Weisheit letzter Schluss ist sie deswegen noch lange nicht. Damit sie jetzt und in Zukunft vielleicht ein gutes Kontrollinstrument abgeben kann, lade ich dazu ein, Anregungen, Kritik und Erweiterungen in den Kommentaren anzubringen.

Die Welt der Wasmitmedien

Drei Tage lang hatte die “Konferenz über Blogs, soziale Medien und die digitale Gesellschaft” den Friedrichstadtpalast in Berlin und die angeschlossene Kalkscheune besetzt, um über allerlei Medienthemen zu diskutieren. Ein fraglos spannendes Unterfangen, bei dem es neben den weitgestreuten Themen von Gebärdensprache bis Emanzipation vor allen Dingen um das Treffen an sich ging. Viele neue Kontakte, ein Paket voller Visitenkarten und einige neue Follower auf Twitter sprechen für mich eine deutliche Sprache.

Die ZusammenhalterInnen

Meine Ex-Kommilitonen und gute Freundin Carolin bewies zusammen mit ihren Digital Media Women, was Zusammenhalt bedeutet – und wozu es führen kann. Gleich zwei Sessions wurden von DMW-Mitgliederinnen gehalten und gerechterweise gelobt. Zusammen mit Sanja zeigte Caro auf, welchen Einfluss das Handwerkszeug der Kommunikativen Menschen auf die Öffentlichkeit haben kann. Es war die Rede von Sprache, Wortgebilden und -hülsen wie “Netzaktivisten” und “Datenkrake”, die unkritisch von vielen Textschaffenden übernommen werden. Vielleicht auch durch den abschließenden, gelungenen Appell an alle Schreiberlinge, mehr Augenmerk auf dieses Phänomen zu legen, bissen auch große Medien an und thematisierten diese Aufgabenstellung.

Im Übrigen gefiel das nicht jedem. Bloß gut, dass es Menschen gibt, die das eloquent relativieren können:

ist aber auch echt nervig, dass frauen und minderheiten jetzt eure schöne konferenz kapern #rp11 bit.ly/dXkZ8l

@ckoever am 16. April

Dass trotz 2.500 Teilnehmer ein relative großer Streuverlust in Sachen Zusammenhalt festzustellen war, wurde auf einer großen Leindwand unfreiwillig visualisiert. Denn: mit dem Namensschild der re:publica-Teilnehmer, auch Badge genannt, wurde auch die zufällige Zugehörigkeit einer Farbgruppe bestimmt. Ich war #rot. Jede Person, die einen Tweet mit dieser Farbe absetzte, wurde mit allen weiteren Äußerungen fortan dieser Gruppe zugeordnet und sollte im Laufe der Tage Teil eines großen Kontinents werden (je mehr Tweets einer Farbe, desto größer). Nun, die Kontinente blieben überraschend klein. Vermutlich, weil zahlreiche Teilnehmer dieses Spiel nicht mitspielen wollten.

Oder es lag am WLAN. Das hatte nämlich häufigere Absturz- und Comeback-Attituden als Charlie Sheen. Von der t-mobile Funkzelle ganz zu schweigen.

Die Pöbler

Nicht ganz unselbstkritisch wurde allerdings auch konstaniert, dass die kommunikative Reichweite der Medienmenschen doch noch irgendwie nicht in die Welt der “Normalos” vordringt. Man sei isoliert, unter sich, böte keine echten neuen Ideen. Die in der Haupstadt umliegenden Bistros und Etablissements spiegelten diesen Eindruck teilweise wieder, als sie fragten, wozu denn diese Namensschildchen gut wären, die jeder zweite Gast neuerdings um den Hals trug.

Untermauern konnte man diesen Eindruck durch die Theorie der Echochambers, die Thomas Pfeiffer am Tag Eins aufstellte. Anscheinend kommen wir alle halt nicht aus unserer Haut, wenn wir mal wieder nicht über unseren gesellschaftlichen Tellerrand schauen wollen. An die Nase fassen dürfen sich aber in dieser Hinsicht nicht nur die Digital Natives. Das geht so ziemlich jedem so.
Siehe auch Tag Eins meiner mehr oder weniger Liveberichterstattung.

Zynisch pöbelte Sascha Lobo in einer Session, dass außer ihm ja niemand den Mut hätte, die große Bühne zu betreten und Furore in Sachen neue Medien zu machen. Johlende Zustimmung aus dem arenagleichen Palast sorgte bei mir für Irritation. Mit Gedanken bei meinen zahllosen Kundengesprächen und Bemühungen, das Wesen des Internets in die “normalen” Köpfe meine Kunden zu bekommen, fühlte ich mich auf den Schlips getreten. Muss ich denn Popstar sein, um einen Unterschied zu machen? Muss ich mir die Haare rot färben, um die gute Nachricht nach außen tragen zu können? Nunja, man muss ihn schon zu nehmen wissen, den guten Sascha.

Apropos kleine Welt: Es soll Sessions gegeben haben, die sehr gut waren, obwohl ich sie entweder nicht besucht habe oder nicht besuchen konnte. Nicht unerwähnt bleiben soll hier eine Session von Günter Duck über das Internet als Gesellschaftsbetriebsystem. Das Internet holt diese Welt ins heimische Wohnzimmer.

Wer 48 min. Zeit hat, sollte sich den #rp11-Vortrag von @wilddueck anhören – Wer keine Zeit hat, sollte es trotzdem tun! http://goo.gl/WBQHi

Uwe Knaus alias @uknaus

Die Welt der Verwandten

Mit einer Hamburgerin an der Spree chillen ist nicht das unnormalste der Welt. Wenn diese Hamburgerin dann aber die geliebte Verwandtschaft aus dem Norden begegnet, erinnert schon wieder an dieses kleine-Welt-Phänomen. So erging es jedenfalls Taalke, die, nichts Böses ahnend, plötzlich auf Platt von der Seite ankommuniziert wurde.

Mir sollte es zwei Tage später nicht besser ergehen, als ich feststellte, dass ich mit einer schon länger bekannten Bekannten im x-ten Grad verwandt bin. Da die Welt aber ein Dorf ist (hatte ich das schon erwähnt?), verrate ich nicht wer und wie und wo.

Die Welt der Kollegen

Gedankensprung zurück zur re:publica. Viele trafen Kollegen und Bekannte in Berlin, mich allerdings der Schlag, als ich einen aus Kindheitstagen in guter Erinnerung behaltenen Menschen wiedertraf. Der Begegnungsdialog sprach Bände:
“Sag mal, heißt Du zufällig Frank?”
“Bist Du der Sohn von…”
“Ganz genau!”
“Das ist ja… hey!”

Es folgten Umarmung und Verabredung. Frank (@frank_tentler) macht jetzt auch was mit Medien. Genau wie ich. Die re:publica vermittelte nicht nur durch solche Momente, dass es beinahe nur noch Menschen in diesem Berufsfeld gibt.

Daheim wurde mir ein alter Kunde über einen neuen Kunden erneut vermittelt, die beides nichts von mir als ihren gemeinsamen Schnittpunkt wussten. Dass dieser neue Kunde auch irgendwie bekanntheitsgraduell mit meinem sozialen Umfeld über überraschend viele Ecken zu tun hatte, war darüber hinaus schon fast langweilig erwartbar.

“In echt” durfte ich in Berlin bisher nicht persönlich bekannten aber dafür umso mehr respektierten Kollegen die Hände schütteln. Sei es dem HTML5-Experten Peter Kröner, Technikwürze-Macher David Maciejewski oder dem Texter Nicolai Schwarz. Der bereits auf dem BarcampRuhr 4 kennengelernte und sympathische Maik Wagner (der die alle schon kannte) erwähnte dazu lässig:

“Weißt Du, Mirko, das sind Menschen wie du und ich, die kochen auch alle nur mit Wasser”.

Maik Wagner

Immerhin lässt das darauf schließen, dass wir nicht nur die gleichen Konferenzen besuchen, sondern auch unsere Tees und Kaffees auf derselben Grundlage zu uns nehmen. Puh!

Privates und geschäftliches verband sich feministischer Weise plötzlich auch am Abend bei einer Tasse Bier. Während ich am Jahresende 2009 mit Alice Schwarzers Magazin EMMA im Gespräch über den Relaunch war, sprach ich nun mit Alex, die ihres Zeichens seit einigen Monaten Redakteurin bei eben diesem politischem Magazin von Frauen für Menschen ist. Da ich die EMMA seit Kindheitstagen kenne und Jahre später immer noch schätze, war dieser Kontakt wirklich etwas Besonderes und fühlte sich so an, als würden sich zwei lose Enden zu einem Ganzen zusammen fügen.

Die Welt der Prominenten

Das wir tatsächlich alle mit Wasser kochen und uns gar nicht so fremd sind, bewies der WDR, der das Thema der Digital Media Women auf der re:publica zum Aufhänger erhob. Von wegen Reichweitenproblem. Als Chrisi am Morgen des 3. Berlin-Tages verlauten ließ, dass der Malotki von 1Live sich zu eben diesem Aufänger regte, war klar, dass Zusammenhalt Wellen schlagen kann.

Berlin protzt nicht bewusst mit Prominenz, aber dass einem der ein oder andere bekanntere über den Weg läuft, ist nicht ganz auszuschließen. Vielleicht gesehen habe ich: Wirtschaftsminister Brüderle. Absteigen sehn habe ich: Umweltminister Röttgen. Rauchen sehn habe ich: Ben Becker. Letzterer wenigstens erzeugte in mir nicht dieses vehemente Gefühl der Abneigung. Berlin ist manchmal halt auch ein Wechselbad der Gefühle.

Die Welt der Besseren

Diese meine erste re:publica war viel besser, als manche anscheinend niezufriedenen im Nachhinein erzählen. Und ich bin froh, dass die positiv denkende Digitale Gesellschaft sich schlagfertig zu verteidigen weiß. Wer mault, soll’s besser machen. Für mich war’s gut genug, mal abgesehen von der fehlenden Plastikschutzhülle für mein Namensschild und den teilweise zu kleinen Räumen. Der Überlauf dieser Räume steht ja auch mal wieder im Kontrast zu den lautstarken Echauffierungen.

Verbesserungsbedarf ist da, na klar, wirklich versaut hat’s aber keiner, im Gegenteil. Die Welt ist ja anscheinend klein genug, um auf kurzen Wegen nächstes Jahr aktiv zum Erfolg beizutragen. Gegen etwas zu sein ist einfach und twittern kann jeder. Mehr oder weniger.

In voller Länge schildere ich meinen subjektiven Eindruck der re:publica einen Eintrag früher.

Weitere, andere, ergänzende, erweiternde und subjektive Beiträge zur re:publica:

• Lena Reinhard, die nicht dabei war, macht sich dennoch interessante Gedanken um die so genannte Digitale Gesellschaft: Abwehrreflexe, die METTPARTEI und Grundsatzfragen an die Endnutzer digitaler Geräte »
• Auch die Digital Media Women haben der Konferenz eine ganze Reihe gewidmet. Hier geht’s los: Voll, voller, re:publica Tag 1 »
• Franz Patzig findet, die re:publica war rundum gelungen und nutzt dieses wunderbare Wort “Besitzstandswahrunghysterie”, was es meines Erachtens in mancher Hinsicht ziemlich auf den Punkt bringt: re:publica 2011 at franztoo »
• Oben erwähnter Textformer Nicolai Schwarz war #blau und fand die #rp11 toll: #rp11 #eindrücke #blau #digiges »
• Besagte Carolin verfasste einen “absolut, vollkommen, total uneinschränkbar subjektiven Eindruck” zur Konferenz: Warum ich mich vor der re:publica verneige
• Auch Christiane hat vom Meckern genug und lässt (bald) Bilder sprechen: re:publica 2011
• Ganz eifrig war Daniela Warndorf, die eine Liste zahlreicher Nachberichte zur re:publica zusammengestellt hat: re:publica XI: Die Nachberichte – eine mehr oder weniger vollständige Liste »
• Einige Videos in HD aus dem Friedrichspalast gibt es auf Vimeo in Christian Cordes Stream »

Pictures, please!

Einen relativ impressionistischen, vielleicht auch etwas zusammenhangslosen Fotostream von meiner Handycam gibt es im öffentlichen Teil meiner Dropbox zu sehen.

Schnellsprunglinks

• Preludium
• Tag Eins
• Tag Zwei
• Tag Drei
• Postskriptum

Preludium Dienstag, 12. April
Oder: Abhängig von Verbindungen

Die Bahn kommt

iPhone-Tethering: check. Tasche: check. Reisefön: check. Ticket und Ticket: check check. Los geht’s. Auf nach Berlin!

Damit die Zugfahrt neben lustiger englisch-Radebrecherei der Zugführer auch etwas Unterhaltung bietet, habe ich gestern noch meinen iPhone-Vertrag anpassen lassen, so dass ich mich auch ohne verfügbares WLAN mit meinem Notebook via iPhone über Verbindungsabbrüche ärgern darf. Mein Twitter-Stream ist voll mit re:publicanern, alle fahren in einem anderen Zug als ich. Aber das ist halb so tragisch, da ich doch weiß, dass wir uns alle zur Mett-Völlerei vor dem Friedrichspalast einfinden werden.

Bei einer Geschwindigkeit von 200 km/h versende ich vier mal eine halbe eMail und führe mir den Session-Plan der re:publica vor Augen. Ich hätte eher damit anfangen sollen.

Aufgrund der schlechten Verbindung im Zug wünschte ich, der Sessionplan wäre mit einigen deskriptiveren Überschriften gesegnet. Aber dafür müsste man natürlich irgendwas mit Kommunikation (oder wenigstens mit Medien) gemacht haben.

Angekommen im Zirkus

Mein Zug erreicht überraschend pünktlich den berliner Hauptbahnhof und keine zwei S-Bahn-Haltestellen weiter erstrahlen die Hackeschen Höfe im Sonnenschein. Ein wenig Fußmarsch und durch die Pforte des Circus Hostel – ein schöner Ort, mit allem, was man so braucht. Kellerbar, WLAN, Club Mate.

First flush

Mit Chrisi, Taalke, Meik und noch vielen weiteren in ein argentinisches Steakhouse. Völlige Verwirrung bei hin- und wegfahrt mit den hiesigen öffentlichen Verkehrsmitteln. Sechs Smartphones, dreizehn Ansagen. Am Ende haben wir es doch geschafft und nach viel zu günstigen Preisen zwei drei Bier in einer wirklich angenehmen Spelunke am Rosenthalplatz eingenommen. Jetzt wieder zurück im Hostel. Müde. Und gute N8.

Tag Eins Mittwoch, 13. April
Oder: Der frühe Vogel kann mich mal. Aus Gründen.

Frisch wie der Morgen

Die Nacht im Circus Hostel wurde präsentiert vom Reiseutensil No. 1: Meinen Oropax. Keine BettnachbarIn hatte wirkliche Atemwegsprobleme zur nächtlichen Schlafstunde (aber ich hätte es ja ohnehin nicht mitbekommen) aber der ganze Zirkus in und um den Circus zirkulierte mir außerhalb meines akustischen Wahrnehmungsbereichs genug. Nach erfolgreicher Augensandvernichtung: Duschen, Haarbürste ausleihen, frühstücken und ab zum Friedrichstadpalast.

Freunde für drei Tage: Bändchen und Handgelenk

Berlin ist selbst bei Regen eine Reise Wert. Der Fußweg vom Rosenthal- zum Friedrichsplatz sorgte dafür, dass Chrisi, Taalke und meine Wenigkeit den Mettmob ausfallen lassen mussten – was bei dem offensichtlich unnatürlich rot gefärbten Mettbelag auf den Brötchen nicht so richtig schmerzte.

Der Friedrichsstadtpalast ist ein beeindruckendes Gebäude. Groß, beleuchtet und Berlin-verortet. Der riesige Hörsaal wurde eigentlich nur durch die riesige Menschenmenge überboten, die in der Begrüßungssession sich entweder ungeschickt stapelte oder die theatergleiche Räumlichkeit tatsächlich sprengte.

Nach einem spektakulären Check-In mit vielen bekannten Gesichtern vom BarCamp Ruhr 4 ging es auch direkt rein ins kleine Nebengebäude des Palastes, der Kalkscheune, in dem ein aufwändig vertontes und gefilmtes Panel mir und ca. 200 weiteren Gästen die Problematik von “Echochambers” näherbrachte. Es ging ums Prinzip “Gleich und Gleich gesellt sich gern”, oder anders ausgedrückt Selbstbeweihräucherung und Eierschaukeln in sozialen Gruppen. Einen Raum weiter wurde wenig später die Frage gestellt, wie dieses “Internet” eigentlich aussähe. Seit der IT Crowd liegt die Antwort dieser Frage eigentlich auf der Hand.

Viel voll für Nichts

Das Ärgernis des Tages geht an weitere Sessions, die für mich leider nur auf dem Papier existent blieben, da die entsprechenden Räume hoffnungslos überfüllt waren. Doch in Berlin kann man sich rund um die Aussicht auf den Alex (heißt eigentlich jetzt der Platz so oder ist damit der Fernsehturm gemeint?) die Zeit auch mit Kaffee und humorvollen Indern vertreiben. Zum Ausklang sorgte Sascha Lobo, der Mann mit Anzug und knallrotem Iroschnitt, bei einem Bier im großen Saal des Palastes für kurzweile. Für ein Resümee zitiere ich einmal mich selbst:

Sascha Lobos Vortrag ist witzig und dabei tiefgründiger als man vll zugeben wollen würde. Nice.

@mileonnet am 14.04.2011

Man muss es schon gesehen und gehört haben. Zum Glück gibt’s ja das Internet: Sascha Lobos Vortrag zum Thema Trollforschung.

Wer bist denn Du eigentlich?

Der große Vorteil, den man als Neuling auf solchen Veranstaltungen mitbringt, ist, dass einem gar keine andere Wahl bleibt, als sich in die Real Life Society zu schmeißen und jedes sympathische und kontaktfreudige Wesen anzuquatschen. So trieb es mich an diesem Tag von einer Gesellschaftskonstellation in die nächste. Mit zig Leuten, die ich bis heute nicht kannt (und die nun ganz doll viele neue Twitter-Follower ergeben).

Nachdem ich meine ursprüngliche Gruppe um Carolin (CarolinN), Taalke (@talinee) und Chrisi (@lemontonic21) vollends aus den Augen verlor, gab es kurzweilige Nerd-Gespräche mit Christopher (@JohnnyThan), Antonia (@soophie) und Meik (@fernmuendlich), Lachmuskeltraining mit Shawty (@Rabbit_Runz), ein Wiedersehen mit Manuel (@Schmutte), Steph (@DieSteph), Christian (@cfuerstenau), neue Gesichter wie Inken (@meyola) und Katrin (@kommanderkat), und einen Absacker im Laden mit dem wohlklingenden Namen “Muschi Obermeier”, das nicht nur zahlreiche nackte Frauen an den Wänden, sondern auch Ben Becker beherbergte. Voller Neid musste die bereits ruhende Caro folgende Nachricht goutieren:

Klassentreffen im Muschi Obermeier mit @fernmuendlich @textformer @DieSteph @MarkoTosic @Madlenie @kommanderkat uvm #rp11

@mileonnet am 14. April viel zu spät am Abend

Morgen steht allerdings zu “früher” Stunde die vielleicht wichtigste Session der re:publica an: Carolin und Sanja (@kassanja) legen dar, warum die Digitale Gesellschaft eine PR-Strategie benötigt: Wake the Blog. Doch für mein nächtliches Eindringen in das gemeinsame Hostel-Zimmer heißt es nun erst einmal: don’t wake the girls.

Tag Zwei Donnerstag, 14. April
Oder: Tag zwei ist wie Tag eins, nur später

Das Wichtigste zuerst

Carolins und Sanjas Vortrag war nicht nur aufregend, anregend und appellierend, sondern wurde durch eine rege Diskussion und zahlreiche Tweets honoriert.

Es zog mich ins Blaue und der gleichnamige Saal in der heimeligen Kalkscheune bot eine Podiumsdiskussion mit dem hochtrabenden Titel “Quo Vadis, Web?”. Der Abriss über bislang eingeführte Standards und der Entwicklung von http, html und Co. im Allgemeinen war sehr kurzweilig, die Antwort auf die aufgeworfene Frage blieb die Runde allerdings schuldig. Aber wer hätte das gedacht:

“Das Internet funktioniert nur so, weil Microsoft ne dumme Idee hatte (XMLHTTP)” bei Quo Vadis Web. Sehr gut. #rp11

@mileonnet mit einem nicht ganz ernst gemeinten Zitat von der Bühne

Ist ein Arzt im Saal?

Natürlich hatte ich, mehr oder weniger freiwillig, mir etwas Arbeit mit nach Berlin gebracht. Natürlich undankbare Arbeit, in der Fehler in reichlich chaotischem Code ausgemacht und behoben werden sollten. Dank einigen Tipps meiner – ich würde sie am liebsten Kommilitonen nennen – konnte ich das Problem quasi bei den Hoden packen, was den Rest des Tages deutlich entspannter werden lassen sollte.

High society

An diesem Punkt der sessionalen Ermüdung und laboratorischen Erleichterung gestattete ich mir einige längere Momente in der Crowd der so genannten digitalen Gesellschaft. Mit David
(@macx), Meik (@fernmuendlich) und Antonia (@soophie) in leichte Kunden- und Firmenlästerung vertieft, ging ich innerlich bereits den Plan für die Abendstunden durch. Also das, um das es bei der re:publica wirklich geht.

Die letzte Session im Riesensaal des Palastes war die klassische Twitterlesung, die für außenstehende wie ein bisschen Selbstbeweihräucherung anmuten muss. Es wurden die mehr oder weniger besten humorvollen Spitzen der einhundertvierzig-Zeichen-Blogger ausgewählt, thematisch sortiert und vorgetragen. Der zeitgleich laufende Wettbewerb des besten Offline-Tweets (dafür wurden die sonst dort sehr selten antreffbaren Utensilien Stift und Zettel verteilt) erhob die Gemeinde schlagartig in dadaistische Höhen:

Man kann die Leute in zwei Gruppen einteilen: Gruppe eins und Gruppe zwei.

Gewinner des besten Offline-Tweets bei der Twitter-Lesung

Tasse Bier

Und dann wurde es Zeit: einige, aber zum Glück nicht alle Besucher der letzten Session begaben sich gemeinschaftlich in die “Lora” zu einer Tasse Bier. Preis pro Tasse: ein Euro, inkl. Mehrwertsteuer. Doch auch hier hörte das Netzwerken (dankbarerweise) nicht auf: interessante Menschen, zahlreiche Visitenkarten und mindestens vier Tassen Bier bescherten mir einen gelungenen Abschluss zu einem gelungenen zweiten Tag in Berlin.

Tag Drei Freitag, 15. April
Oder: Lasse Zeit ziehen fürs Sightseeing

Der Morgen danach

Heute gab es zum Startzeitpunkt der Sessions keine für mich super interessanten Angebote. Jedenfalls bildete ich mir das ein. Ich lag zugunsten meines Energiehaushalts einfach mal länger im Bett. Auch wenn sich der Kopfschmerz nicht ganz vermeiden ließ, wollte ich diesen Tag zu einem entspannenden Ausklang machen.

Die Sessiontitel waren teils interessant, teils verwirrend aber Alles in Allem fühlte ich mich wie vor einem furchtbar lecker aufbereiteten Buffett, von dem ich schon so viel gegessen hatte, dass mir der Appetit ausblieb. Gut, ich hatte mir auch in den Tagen zuvor gar nicht so viele Sessions einverleibt, aber irgendwann ist man den ganzen Rummel einfach über. Wir sind ja schließlich nicht zum Spaß hier

Die Welt hat maximal 200 Einwohner

Fast der Schlag traf mich, als ich einen alten Bekannten (Frank, @frank_tentler) aus Kindheitstagen in der spelunkigen Kalkscheune wiedersah. Wir kannten uns aus einer Zeit ohne Smartphones, Ladestationprobleme und Twitterfeed. Ja ich glaube, sogar Handys und SMS hatten sich noch nicht durchgesetzt. Jetzt machen wir beide was mit Medien. Tja.

Is this the real life?

Es kam wie es kommen musste und auch die Offiziellen gaben Ihren dramatisch aufgebauten Abschiedsgruß zum Besten. Und das war in diesem Jahr das Gleiche wie im Jahr davor: Bohemian Rhapsody. Gänsehaut, eine wirklich klasse Show von Spreeblick-Gründer Johnny Häesler (@spreeblick) und viel, viel Applaus. Etwas konträr zu den zwischenzeitlich doch recht garstigen Kommentaren einzelner enttäuschter Besucher.

Zuvor allerdings gab es von eben diesem Johnny schlagfertige Antworten auf die Frage “Was hat das Internet je für uns getan”. Was wir anhand eines originellen Diagrams, welches die Wikipedia Eintragslänge zum Maß nimmt, nun wissen: Gott ist großer als Star Wars. Aber die Beatles sind größer als Gott!

Postskriptum Samstag, 16. April
Oder: Anschluss finden im schönen Minden

Check it out

Zum Glück wurde ich an diesem samstäglichen morgen nicht vom sonst so obligatorischen Smartphone-Wecker geweckt. Um kurz nach sieben meinte mein Schlafrhythmus, zum Outro zu kommen und öffnete mir die Augen. Behände schmiss ich meinen berlingetränkten Körper unter die Dusche und meine Klamotten in meinen Reisrucksack. Es ist unglaublich, wie ein violetter Trekking-Rucksack die Streetcredibility minimiert. Aber da Berlin heute sowieso das meiste von mir gesehen haben sollte, wirkte sich das nur marginal auf meine Contenance aus.

Am berliner Hauptbahnhofsbollwerk wurde das Unglück einer knapp liquiden Ungarin zum Karma-Pushup meinerseits. Mit vier unbegrenzt geliehenen Euronen konnte ich der verzweifelten und ursympathischen Dame ihre Weiterreise nach Rostock ermöglichen. Ein gutes Gefühl.

Kontemplative Reiseerfahrung

Die Zugreise gestaltete sich als wenig spektakulär und während viele re:publicaner noch in Berlin blieben, hatte ich beim Thema Fahrtgenossen wenig Erfolg. Der Kulturschock stellte sich ein, als ich an meinem Zielbahnhof in Essen ankam. Nun hat Essen nicht gerade die Größe von Berlin, toppt im Hauptbahnhof die Hektik aber doch noch um einiges. Als dann ein Saufgelage mit reichlich Bier im Gepäck meine letzte Tramfahrt verlärmte, wusste ich, ich bin zu Hause

Die Kombination IC => RE => Straßenbahn => Fußweg => Treppensteigen, deren Anstrenungsgrad liniar anzusteigen schien, ließen die Reise ermüdender wirken, als sie tatsächlich war. Die Entleerung meines Rucksackes brachte die bislang unsortierten Mitbringsel von dieser Konferenz zu Tage: Umhängeschild (Badge), Bändchen, Schmutzwäsche und zahlreiche Visitenkarten. Ich resümierte: Berlin und die re:publica waren diese Reise ohne Frage wert. Aber es ist schön, wieder zu Hause zu sein.

Ein Tweet frühstückte den kleinen Wehrmutstropfen, den die Veranstaltung irgendwie hinterließ, schlagfertig ab:

freue mich auf die sensationellen sessions auf der #rp12 von denen, die @republica gerade vornölen, wie mies die #rp11 doch war.

Wibke Latwig (@sinnundverstand) am 16. April

Angefangen hat alles mit einer Besuchsankündigung meiner wunderbaren Freundin und Ex-Kommilitonin Caro (@CarolinN). In Essen fände ein Barcamp statt und frau bräuchte eine Übernachtungsgelegenheit. Und man hätte bei dieser Gelegenheit noch ne Karte für den Sonntag für mich.

Was isse ‘ne Dampfmaschin’?

Ein Barcamp ist was ganz seltsames. Irgendwie eine Konferenz, aber wieder auch nicht. Eine Vortragsreihe, aufgeteilt in Sessions, die wiederum nicht immer Vorträge sind. Ein Familientreffen ohne Verwandtschaft, Menschen mit Twitter-Namen auf der Brust und Macintosh-Produkten in der Tasche. Einfach schön.

Es ging also ums Web, um Smartphones, Coding, Gestaltung, Fotografie, Programmierung und all den ganzen Kram, den ich so gerne mache. Bei der spontan zugesagten Warm-Up-Party am Freitag des Wochenendes ergaben sich für mich erste surreale Momente: Menschen, deren Gedanken ich bereits bei Twitter verfolgen durfte, saßen plötzlich zum greifen nah am Nachbartisch. Es gibt sie also wirklich, diese Leute aus dem Internet.

Nerd ist nicht gleich Nerd

Es sollte sich an diesem Abend noch herausstellen, dass selbst Caro bei bestimmten Themen die Ohren zumacht. Mit Maik (@fernmuendlich) und Christopher (@JohnnyThan) in Gespräche über Overflows, Drupal, font-size und Lieblingskunden vertieft, suchte die Journalistin bei der Steph (@DieSteph) Konversation mit weniger Gefasel. Sie verriet mir aber, dass sie sich von unserem Sprachcode seltsam fasziniert fühlte.

Dabei sein ist alles

Da mein Ticket für das Barcamp nunmal nur für den Sonntag galt, hatte ich am Samstag Gelegenheit, mich um ganz andere Dinge zu kümmern. Gleichzeitig brachte die Twitterwall mit dem Hashtag #bcruhr4 das Barcamp in meine vier Wände. Man kann sich das so vorstellen: Während des ganzen Ablaufs in Essen wurden zahlreiche Tweets von den Teilnehmern abgesetzt und mit dem Schlüsselbegriff “bcruhr4″ gekennzeichnet. Ich glaube, die Tweetpflicht bei solchen Veranstaltungen ist mittlerweile gesetzlich verankert. Meine Twitterwall tat also nichts weiter, als mir alle Tweetnachrichten, die diesen Schlüsselbegriff benutzten, anzuzeigen. DSF is’n Witz dagegen. Denn:

Ich bin Gunnar, XING-Spezialist, SEO-Berater und verkaufe Heilkristalle.

Gunnar bei der Vorstellungsrunde auf dem BarCamp Ruhr 4

Einschulung

Am Sonntag ging es dann für mich los. Einchecken, T-Shirt abholen, Vorstellungsrunde verpassen, Session-Planung mitmachen. Und da der Hunger trieb und das Essen in dieser essener Bar so unheimlich essbar ist, musste dann auch direkt die erste Session dran glauben. Im nächsten Block wurde es zum Thema Creative Commons und Urheberrecht bei Manuel (@Schmutte) interessant. Quintessenz:

Bildrecht is a bitch und Creative Commons zwar ‘ne geile Sache, aber dank deutschem Recht voller Tücken

via @CarolinN

Das Tolle an Barcamps ist ja, dass eine Session zwar etwas mit dem Themenschwerpunkt zu tun haben sollte, aber nicht zwangsläufig muss. Caro und Antonia (@quelltexterin) ließen sich zu einer Session hinreißen, die sich “Bring den Nerd zum Tanzen” schimpfte. Ich und auch ein paar sensationsgierige Kameraobjektive waren dabei. Mein Peinlichkeit-o-meter allerdings habe ich zum Glück vorher an der Tür abgegeben und laut Andreas (@ScottyTM) ist das Recht am eigenen Bild notwehrfähig. Dennoch: trotz erfolgreichem Memphis-Gruppen-Line-Dance bezahlte ich meine Leichtsinnigkeit mit einem gezerrten Wadenmuskel.

In den Sonnenuntergang reiten

Großartigerweise war das Wetter an diesem Wochenende in Essen zu Haus. Auf der Dachterrasse des unperfekten Etablissements wurden Barcamper und Nicht-Barcamper von wohlgesonnten Sonnenstrahlen wohl gesonnt. In der Abschlusssession, die diesen Genuss zum Glück nur temporär unterbrach, einigte man sich darauf, demnächst auf weniger gutes Essen zu achten. Verständlich, hieß es doch zwischenzeitlich:

Das #bcruhr4 ist super, aber dieses viele Gelaber zwischen den zwölf Mahlzeiten ist etwas anstrengend.

via @dantz

Achja, und mich gab’s aufm Dach dann auch nochmal, akustisch, ungestimmt und plagiatös. Aber hey, ich bin Rockstar, ich darf das. .

Ich wurde gebarcamped!

Für mich war das ein großartiges Wochenende. Nicht unerwähnt bleiben soll hier Stefan (@hirnrinde), dem als Chef vonns Ganze diese Veranstaltung wirklich gelungen ist.

Die oben erwähnten Kameras wurden im Übrigen durch ein chices Mikrofon ergänzt, das auch das ein oder andere Gespräch (oder Gejaule) auditiv festgehalten haben muss. Anno jetzt stehen Zusammenschnitte und Podcasts noch aus. Doch die sind bestimmt schneller in meiner Timeline als die Kompensation der mich völlig überrumpelnden Zeitumstellung.

Gegensätze zwischen Arbeitgeber und Arbeitnehmer sind so alt wie dieses Paar selbst. Dass sie in unserer hippen, modernen Innovationsgesellschaft aber Grundlage aller Kommunikation ist, irritiert mich.

Lose-lose Situation?

Das Lager der Angestellten ruft: Wir wollen mehr Lohn, Freizeit und nettes Arbeitsklima. Die Unternehmer, also Arbeitgeber, entgegnen: Könnt ihr euch alles abschminken, uns geht’s nur um Gewinnmaximierung auf Kosten eurer Freizeit, eures Gehalts und Arbeitszufriedenheit. Und obwohl es so in den Lehrbüchern steht, frage ich mich unwillkürlich: Seriously? Ist das der Weg, den unsere Gesellschaft zu wählen entschied?

Stell’ dir vor, du könntest dein Allerbestes geben

Meine Gedanken schweiften nach Utopia, in der zufriedene Arbeitnehmer großartige Produkte und Dienstleistungen schaffen. Eine Welt, in der Unternehmer Ihren Angestellten freie Arbeitseinteilung gewähren, weil sie wissen, dass sie zu IHRER Zeit und mit IHREM Plan in viel kürzerer Zeit viel effizienter Arbeiten können. Utopia, du unmögliches Land, du Spinnerei eines Weltverbesserers, du… wie, solche Arbeitsplätze sind existent? Hier, in unserer Welt?

Festgefahren in konservativen Werten

Ich halte diese konservative Einstellung eines Arbeitgebers, der sich – im Prinzip – einen Dreck um die Zufriedenheit seiner Angestellten kümmert, nicht nur für obsolet, sondern für unwirtschaftlich. Keine Zufriedenheit bedeutet keine Motivation, keine Motivation führt zu uneffizienter Arbeit, im schlimmsten Fall fügt es Unternehmen und Menschen Schaden zu. Unsere “Dienstleistungsgesellschaft” hat stoische, repetitive Fließbandarbeit ohnehin ad Acta gelegt. Also was soll diese unkritische Indoktrination eines scheinbar gottgegebenen Interessensgegensatzes, wenn es anders doch viel besser geht?

Google und Yahoo beispielsweise haben nicht nur unkonventionell eingerichtete Räume, sondern veranstalten nach meinen Information auch regelmäßig so genannte Hack Days, in denen sich die Entwickler 24 Stunden lang um ein Projekt Ihrer Wahl kümmern können. Am Ende gibt es Kuchen, Lorbeeren und Party. Geschätzte 70% (besser Wissende mögen mich hier korrigieren) aller Produkte und Services der Unternehmen entstehen in diesen 24 Stunden. Kosten/Nutzen-Rechnung anyone?

Oder fragen wir einen Götz Werner, langjähriger Geschäftsführer der Drogeriekette dm, der sich für sozialistisch anmutende Modelle wie das bedingungslose Grundeinkommen einsetzt. Ein Kapitalist auf Seiten der Arbeitnehmer? Interessenskongruenz statt Gegensatz!

Für die Sache, nicht für’s Geld arbeiten wir

Kein Mensch auf dieser Welt arbeitet nur für Geld. Motivation schöpft sich aus der Sache selbst, nicht aus der Belohnung dafür. Daher will auch kein Mensch nur arbeiten, damit er oder sie irgendwann Urlaub haben kann. Und kein “guter” Arbeitgeber sollte seine Gewinnmaximierung auf Kosten der Zufriedenheit seiner Angestellten durchdrücken. Wie das alles zusammenhängt wurde im übrigen schon zig mal untersucht und begründet und beispielsweise hier kreativ (und vermutlich ohne irgendein Honorar) zusammengefasst:

Die überraschende Wahrheit darüber, was uns motiviert

Achso: Selbständig arbeiten ist awesome!

Update: Beispiel los!

Dank @JohnnyThan wurde ich kürzlich auf einen Artikel über eine Firma aufmerksam gemacht, welche eine großartige Beispielfunktion für ein funktionierendes, frei atmendes und soziales Unternehmen darstellt: Die Befreiung der Arbeit bei sein.de.

Meine Lieblingssätze:

Wer braucht eine bestimmte Anzahl Stunden pro Tag? Wir brauchen Leute, die ein bestimmtes Ergebnis abliefern. Mit vier Stunden, acht Stunden oder zwölf Stunden im Büro – sonntags kommen und Montags zu Hause bleiben.

Ricardo Semler

Das Rezept ist einfach: Behandele deine Mitarbeiter wie Erwachsene, dann verhalten sie sich auch so. Je mehr Freiheiten du ihnen gibst, desto produktiver, zufriedener und innovativer werden sie.

Aus dem o.g. Artikel

Bingo.

Achja Berlin. Es ist so schön, einen wirklich triftigen Grund dafür zu haben, ein Heidengeld für einen geschäftlichen Zweck ausgeben zu können und ganz im Geheimen darauf zu hoffen, einfach mal wieder meine Lieblingshauptstadt inhalieren zu dürfen.

Die gute Caro erzählte schon letztes Jahr relativ euphorisch von der Konferenz über Blogs, soziale Medien und die digitale Gesellschaft. Für dieses Jahr liebäugelten wir zwei sogar zusätzlich, ein Paper für die re:publica einzureichen, also einen Beitrag zu und im Rahmen dieser Konferenz zu halten. Naja, wie gesagt, wir liebäugelten. Das muss für dieses Jahr reichen. Man kann ja nicht alles gleichzeitig

In jedem Fall freue ich mich auf diesen Termin, auf Berlin, Caro und Chrisi und die Dinge, die da kommen. Welche das dann sind bzw. waren werde ich hier dann ausführlich berichten.

Und hier berichte ich über die re:publica im Dabeisein. »

Ich bespreche das noch einmal mit meiner Frau

Es ist schon interessant: Auftraggeber und Kunden würdigen zwar stets die professionelle Einschätzung des Webworkers, aber wenn beispielsweise das Rot der Kopfzeile der besten Freundin des Kunden etwas zu sehr ins Bläuliche verläuft, gibt es kein Halten mehr. Dieser Lobby ist kein Auftragnehmer gewachsen.

Es macht dennoch keinen Sinn, diese Einwände kategorisch schlecht zu reden. Denn fast immer haben diese Kritikpunkte etwas mit der Identifikation, der Wirkung und Perspektive der Website zu tun und decken Bereiche auf, die von den Projektbeteiligten nicht oder nicht mehr gesehen werden. Durch das kontinuierliche Befassen mit einem Thema entwickeln sich automatisch einige “blinde Flecke”, die durch einen Perspektivwechsel mithilfe anderer Personen entlarvt werden können.

Kritik einordnen und bewerten

Im Journalismus gibt es eine Methode, die sich Quellenbewertung nennt. Genauso verhält es sich mit Feedback und Kritik. Es ist entscheidend, von wem und in welchem Kontext ein bestimmter Punkt geäußert wird, denn es gibt unterschiedliche Arten von Feedback.

Spontanes und ehrliches Feedback

Gut gemeinte Kritik von Freunden und Bekannten ist mitunter die hilfreichste, wenn man sie richtig einordnet. Sie ist häufig assoziativ und an persönlichen Geschmäckern und eigenem Verständnis von Webseiten festgemacht. Im besten Fall ist sie ehrlich und konstruktiv. Sie kann aber auch das eigene Verständnis der Zielgruppe für einen Moment verzerren, weil sie auf Dinge aufmerksam macht, die zwar für besagte Bekannte relevant ist, für die Zielgruppe aber eben nicht oder genau umgekehrt.

Beispiel: Das Konzept und die Funktionsweise eines Blogs mag meiner heißgeliebten und ästhetisch feinfühligen Tante fremd sein. Sie wird sich wundern, was das alles mit den Kategorien und Paginierungen auf sich hat. Meine Zielgruppe in der Blogosphäre allerdings nicht. Im Gegenteil: sie würde auf den Bruch mit bestimmten Konventionen unangenehm reagieren.

Verbessernde Kritik

Manches Feedback setzt auch direkt mit Verbesserungsvorschlägen an. Diese Form der Kritik kommt oft von anderen Profis, semi-professionellen oder auch von Menschen, die “irgendwas mit Medien” machen. Sie kann wertvolle Anregungen liefern, läuft aber auch Gefahr, auf einer selbstdarstellerischen Motivation zu beruhen. Ich möchte ehrlich sein: auch ich tappe hin und wieder in die Falle, mein Wissen und Können anhand von Kritikpunkten an anderen Projekten zu demonstrieren. Doch auch hier fällt schnell auf, dass viele meiner herausposaunten Punkte relativiert werden, sobald ich mich intensiver mit dem Konzept und der Zielgruppe der Website befasse – und feststelle, dass alles doch sehr gut aufeinander abgestimmt ist.

Kritik um der Kritik Willen

Hin und wieder kommt auch Feedback zum tragen, das den Anschein macht, als hätte man förmlich nach Fehlern gesucht. Zu erkennen ist sie oft daran, dass ein Gefühl entsteht, das viele Fragezeichen aufwirft, worauf der oder die Kritisierende eigentlich hinaus will. Im besten Fall wird durch diese Pingeligkeit das ein oder andere Manko noch ausgemerzt, selbst wenn es kein Kernproblem darstellt. Sie kann aber auch unsachlich und geringschätzend wirken. In diesem Fall heißt es nicken, danken und vergessen.

Diese Aufzählung ist natürlich nicht vollständig. Doch mir begegnen die o.g. Feedback-Typen bisher am häufigsten.

Jedes erwünschte Feedback unterliegt ohnehin einem Phänomen: Sobald jemand gebeten wird, auf eine Frage zu antworten, ändert sich der Inhalt der zu erwartenden Antwort, da sich die Einflussfaktoren geändert haben. Wirklich völlig authentisches und einflussfreies Feedback ist also so gesehen gar nicht möglich.

Doch überprüfen Sie auch immer sich selbst: Sie mögen noch so gute Gründe haben, eine bestimmte Entscheidung getroffen zu haben, wenn Sie die Kritik an dieser Entscheidung emotional trifft, ist meistens etwas dran. Überprüfen Sie, woran das liegt. Stehen sie wirklich hinter der Entscheidung? Gibt es einen sinnvolleren, alternativen Weg? Oder stört sie etwas ganz anderes?

Machen Sie Redaktionsschluss, aber sammeln sie weiterhin wertvolles Feedback

Grundsätzlich gilt: reagieren Sie nicht gleich ad hoc auf das Feedback und verschlimmbessern das Design, die Funktion oder die ganze Website sukzessiv mit jedem neuen Hinweis. Sie sparen Zeit und Geld, wenn Sie die Kritikpunkte erst einmal sammeln, wirken lassen und bewerten um anschließend zu entscheiden, welches Feedback tatsächlich Handlungsbedarf erzeugt.

Sind die Entscheidungen einmal gefallen, doch es stehen noch Feedbacks aus, machen Sie dennoch Redaktionsschluss. Im Prozess des Webdesigns ist es an vielen Punkten notwendig, sich auf ganz klare Absprachen verlassen zu müssen, da sich sonst Basisarbeit und Detailarbeit gegenseitig behindern. Stehen Sie zu Ihren Entscheidungen, sammeln sie aber dennoch weiterhin wertvolles Feedback – der nächste Änderungswunsch kommt bestimmt. Dann können vorhandene Punkte noch einmal neu bewertet und ggf. umgesetzt werden.

Am Ende alles nur Gutdünken?

Die Sache mit dem Feedback aus einer überschaubaren Gruppe kommt noch mit einem entscheidenden Problem daher: ebenso wie Kundenwünsche und Profiempfehlungen handelt es sich nicht um wirklich repräsentative Erhebungen. Ob eine Website die Ziele erfüllt, für die sie konstruiert wurde, lässt sich bei jeder Website nur nach einiger Zeit herausfinden. Es wird also ohnehin irgendwann müßig, Entscheidungen zu überdenken und nochmals zu verändern, wenn noch nicht einmal wirklich geprüft werden konnte, ob vorige Lösungen überhaupt zum Ziel führten.

Es gilt also neben dem direkten Feedback immer im Auge zu behalten, wie das Publikum auf die Website und auf Veränderungen an derselben reagiert. Dabei helfen klassische empirische Methoden wie Befragungen oder Tests aber auch dankbarerweise Analysetools wie Google Analytics.

Einzelne Meinungen sind also zu bewerten und immer in den Kontext mit Kommunikationsziel, Zielgruppe und natürlich harten Fakten durch Analysen zu setzen. Mit diesen Prozesseckpfeilern im Hinterkopf lassen sich nach meiner Erfahrung Kritik und Feedback stressfrei einordnen und werden zu nützlichen und nicht nervigen Faktoren auf dem Weg zu einer gelungenen Website.

Design ist keine Kunst um ihrer selbst willen

Niemand würde der Gestaltungsbranche ihre künstlerischen Eigenschaften absprechen. Aber sie unterscheidet sich von “der Kunst”, die um ihrer selbst willen gestaltet wird: sie hat immer eine Botschaft zu übermitteln. Und nicht selten macht sie es sich auch zur Aufgabe, eine ganz bestimmte und sehr konkrete Reaktion beim Publikum auszulösen. Zum Beispiel das Kaufen eines Produkts. Oder der Griff zum Telefonhörer.

Gerade im modernen Webdesign steht der funktionale Ansatz im Vordergrund. Das Bauhaus-Prinzip greift: Die Form folgt der Funktion. Und diese Funktion ist idealerweise klar umrissen.

Warum gestalten wir überhaupt?

Sie wollen also eine coole Website? Gerne. Und warum? Weil Sie jemandem gefallen wollen – nämlich ihrem Publikum. Und wieso? Weil sie das Publikum an sich binden möchten, damit es ihre Produkte kauft. Aha. Tja, dann werden wir mal schauen, wie wir das in einem überwiegend visuellen Medium gestalterisch erreichen können.

Wir gestalten also eigentlich keine Website, sondern eine Funktion. Wir definieren Botschaft, Ziel und Zielgruppe und gestalten dahingehend ein Mittel zum Zweck. Es fällt auf, dass in diesem Prozess die Aussage und der Inhalt im Mittelpunkt stehen und Layout, Farben, Typographie und Bilder “nur” Werkzeuge sind.
Der Webdesigner Ben Hunt bringt das anschaulich auf den Punkt:

Gestalte den Inhalt, nicht die Box, die ihn beinhaltet

Ben Hunt in Save the Pixel

Definieren Sie Ziele und halten Sie sich daran

Wer anfängt, an einem Design nach und nach immer wieder kleinere Verschlimmbesserungen vorzunehmen, läuft Gefahr, die eigentliche Absicht hinter der Gestaltung aus den Augen zu verlieren. Auch mir passiert es, dass ich mich während der Entwicklung für irgendwo anders aufgegriffene Elemente begeistere und diese am liebsten direkt in mein aktuelles Design einbauen möchte. Ob sie wirklich dem Gestaltungsziel zuträglich sind, steht dabei leider auf einem anderen Blatt.

Helfen kann dabei die (schriftliche) Festlegung der Designziele. Fragen Sie sich zu beginn des Prozesses nicht, wie die Website aussehen soll. Fragen Sie sich lieber, welche Reaktion das fertige Produkt auslösen wird. Wie wird man über die zukünftige Website reden? Zäumen Sie das Pferd von hinten auf und gehen sie immer davon aus, dass der Inhalt der Website die Aussage trägt und das Design diese Aussage gefälligst zu hundert Prozent zu unterstützen hat.

Nicht alles ist für jeden gleich wichtig

Es mag ja sein, dass Ihre Website in eine bestimmte Kategorie fällt – sie kann zum Beispiel ein Blog sein, eine Verkaufsplattform oder eine Werkgalerie. Vergleiche zu anderen Auftritten sind dann obligatorisch. Aber nur, weil ähnlich positionierte Webauftritte bestimmte Ziele verfolgen, müssen das nicht die Ihren sein. Blinde Übernahme nach dem Motto “so macht man das heute” ist kein Königsweg.

Beispiel: Ich pflege hier einen Blog. Aber ich habe mich dagegen entschieden, meine Seitenlseiste Blog-typisch mit Monatsarchiven oder Tags zu dekorieren, denn dafür fehlt mir zum einen die entsprechende Frequenz, welche die Monats-Archive rechtfertigen würde, und zum zweiten verwende ich überhaupt keine Tags. Jedenfalls noch nicht. Zwar ordne ich meine Artikel auch nach Datum, stelle diese Information aber nicht in den Vordergrund, da ich meine Artikel zum einen nicht tagesaktuell und zum anderen auf Nachhaltigkeit orientiert schreibe.

Ich breche damit und mit anderen Dingen einige Konventionen eines klassischen Blogs zugunsten meiner Botschaft und meines Publikums.

Auf der anderen Seite reichere ich mein Design an, um es zweckdienlicher zu machen, nicht hübscher. Der auf den Haupt-Seiten grün abgegrenzte Bereich ist auffällig, weil er die wichtigsten Informationen beinhaltet. So lässt sich bereits beim Querlesen, im Netz auch “scanning” genannt wichtiges von zweitwichtigem Unterscheiden.

Ich gestehe, nicht jedes allerletzte Element einer Website lässt sich Ad Hoc einem Zweck zu ordnen. Einiges entsteht auch aus einem allgemeinen Funktions- und Gestaltungsverständnis heraus – oder tatsächlich auch, weil es der Ästhetik zuträglich ist. Aber selbst dann kann es nur gut sein, wenn es die Emotion unterstützt, welche die Website auslösen soll. Und das geht nur, wenn über Inhalt und Botschaft ein Ziel definiert ist.

Jeffrey Zeldman darf zum Abschluss mit einer viel zitierten Aussage erhalten:

Inhalt geht dem Design voraus. Design ohne Inhalt ist kein Design sondern Dekoration.

Jeffrey Zeldman via Twitter

Kennen Sie Formatvorlagen?

Sie sind seit unzähligen Versionen in zahlreichen Textverarbeitungsprogrammen Standard: Formatvorlagen. Und doch sehe ich kaum jemanden, der sie wirklich produktiv einsetzt.

Der gängige Weg, ein Dokument zu Formatieren läuft so: Text schreiben, mit mehreren Absätzen voneinander trennen (ggf. mit Tabs und Leerzeichen ausrichten) , Textteil für Textteil markieren und über die Formatierungsleiste vergrößern, fetten, Schriftart wechseln usw.

Daraus ergibt sich ein einigermaßen konsistentes Bild der Textdarstellungen, das eine gewissen Logik erahnen lässt. Das Problem ist nur: rein technisch steckt dahinter keine. Denn jeder Absatz enthält eine Fülle von Formatierungsinformationen, die für auch gleich aussehende Absätze wieder und wieder definiert werden. Gleiches gilt für alle anderen Elemente wie Überschriften, Listen, Aufzählungen, Tabellen.

Formatvorlagen bringen Logik in das Dokument: sie sind wie eine Art Klassenname, der den Elementen zugeordnet werden. Diese Zeile ist eine Überschrift 1. Grades steht dann als einzige Information an dem entsprechenden Element. Dass diese Überschrift 20pt groß, fett und dunkelblau sein soll, steht dort nicht – sondern im großen Pool der Formatierungsregeln. Die Formatvorlage Fließtext kann beispielsweise die Infos “Arial, 12pt, 1,5 Zeilen Abstand, schwarz, linksbündig” beinhalten. Absätze, die als Fließtext verwendet werden, erhalten die Info “Du bist ein Fließtext”. Fertig.

Riesenvorteil Übertragbarkeit

Was ist, wenn jeder Fließtext doch nicht in Arial, sondern in Verdana gesetzt sein soll? Formatierungsregel für “Fließtext” ändern – und glücklich sein. Sie erahnen die Effizienz von Formatvorlagen?

Rein theoretisch lassen sich so Dokumente erstellen, die nur noch aus Inhalt und Klassennamen bestehen – und mit dem Austausch der Formatierungsregeln völlig neue Layouts mit einem Klick entstehen lassen können. Plattformübergreifend.

Praktisch wird diese Technik im modernen Webdesign eingesetzt. Dort redet man von Klassen und Stylesheets.

Trennung von Inhalt und Layout

Dieses Prinzip der Vergabe von Klassennamen und der Verwendung von Formatierungs- bzw. Gestaltungsregeln entspricht dem Übercredo der Webstandards: Trennung von Inhalt und Layout. Das hat nicht nur technische Vorteile (kleinere Dateien, weniger HTTP-Requests durch Caching der Stylesheets etc.) sondern erspart eine Menge Arbeit. Denn die Stylesheets, also das Gestaltungsregelwerk, gilt Dokumentübergreifend für alle zugeordneten Webpages einer Website – und wenn man will auch darüber hinaus. Was früher zu Schweißausbrüchen geführt hat, ist nun mit der Editierung einer einzigen Datei erledigt.

Webseiten und Semantik

Die Auszeichnungssprache HTML ist von Grund auf mit semantischen Elementen bestückt. Das heißt, es gibt mehr als nur “frei” ausgedachte Klassen, sondern fest zu verwendende Elementnamen. Sie beschreiben die Semantik, also die inhaltliche Bedeutung eines Elements. Einige Standardelemente sind Überschriften, Absätze, Listen, Zitate.

Das geht über die Formatierungsregel hinaus: ein Element kann aussehen wie es will, solange es nur semantisch korrekt bezeichnet ist. Das hat den Vorteil, dass die Bedeutung auch bei fehlenden Gestaltungsregeln nicht verloren geht – und das Dokument immer strukturiert bleibt und jederzeit fehlerfrei gelesen werden kann. Denn: nicht das Layout oder das Format definiert die Logik und die Struktur des Dokuments, sondern die semantisch korrekt bezeichneten Elemente.

Beweis gefällig?

Sie können die saubere Auszeichnung mit semantischen Elementen auch an dieser Website testen. Der folgende Link entfernt nämlich besagte Stylesheets. Was sie dann zu sehen bekommen, ist hauptsächlich Text, der aber immer noch sinnvoll und logisch strukturiert ist – auch mit Formatierungen, denn jetzt greift das Standard-Stylesheet Ihres Browsers, das immer dann zum Tragen kommt, wenn keine Gestaltungsregeln vom Webauthor bereitgestellt wurden. Laden Sie die Seite einfach neu, wenn Sie wieder zur alten Ansicht gelangen möchten

Stylesheet entfernen
JavaScript aus dem Bookmarklet von David Dorward

Was bedeutet das für die Entwicklung?

Wenn man diese Generalisierung der Gestaltungsregeln weiterdenkt, bedeutet das natürlich, dass auch viele mögliche Formatierungsbedürfnisse beim Anlegen der Stylesheets berücksichtigt werden müssen. Von daher ist es immer sinnvoll, sich wirklich intensiv über den gestalterischen Aufbau einer Website Gedanken zu machen – eine Art Handbuch für das Corporate Design der Website.

Um effizient bei der Arbeit bleiben zu können, stelle ich häufig den ein oder anderen “pingeligen” Kundenwunsch in Frage. Definiert eine Gestaltungsregel einen Abstand von 20 Pixel, aber der Kunde möchte an genau einer Stelle einen etwas geringen Abstand haben, stellt sich die Frage nach der Sinnhaftigkeit der zu investierenden Zeit, für einen von fünfzig Fällen eine extra Regel zu erstellen und einzubinden.

Das mag bequem klingen, aber es geht mit allgemeinem guten Design konform: gutes Design, das auf verschiedene Inhalte angewendet werden kann, ist durchdacht, die Elemente passen zueinander, auch wenn sich Inhalte verändern.

So jedenfalls erlebe ich täglich den reflektierenden Einfluss aus der technischen Entwicklung auf das Design. Gut, wenn man sich in beiden Bereichen zu Hause fühlt (ein bisschen Eigenwerbung muss sein). Eine Bitte an alle Menschen mit einem Wunsch nach einer Website: ziehen Sie von Anfang an beide Disziplinen mit in die Planung ein.