SEO: Performance neues Ranking-Kriterium bei Google

Da ist mir gerade eine tolle Nachricht via uxzentrisch.de bzw. RSS-Reader rein geflattert: Für Google ist die Performance einer Website jetzt auch ein Ranking-Kriterium. Nachzulesen im Offiziellen Google-Blog.

Ich freue mich darüber, weil das im Umkehrschluss bedeutet, dass gut gecodete Websites, und hiermit dann vor allem auch sauber implementierte Systeme, eine Grundvoraussetzung fürs gut bei Google gefunden werden sind. Und ich habe in den vergangenen Jahren immer wieder erlebt, dass Website-Betreiber immer gerne bereit sind, in die Suchmaschinenoptimierung (SEO) Geld und Zeit zu investieren. Wenn sich das also herum spricht, kann das nur zu einem Qualitätsschub fürs Web bedeuten.

Auch bei der CMS-Auswahl für die eigenen Web-Projekt mit SEO-Anspruch, sollten man nun unbedingt auch auf die Code-Qualität des Systems achten. Denn gut implementierte Systeme, sind auch schneller und damit performanter.

Usability? User Experience? Das Flaschenbeispiel

Es ist nicht einfach solche Sachverhalte wie Usability oder User Experience zu erläutern. Darum bin ich immer ganz froh, wenn ich im Bedarfsfall ein griffiges Beispiel zu Hand habe, um meinem Gegenüber zumindest eine grobe, wenn auch oft vereinfachte Vorstellung von einem neuen bzw. komplexen Sachverhalt geben zu können.

Bei für uns Web-Leuten wichtigen Themen wie Usability und User Experience ist dies das Flaschenbeispiel. Eigentlich müsste es ja Flaschen-Verschluss-Beispiel heißen, aber da sollen sich andere drüber streiten, ich erläutere es lieber:

Ein Schraubverschluss ist ein schönes Beispiel für eine gute Usability beim Öffnen einer Flasche. Das Öffnen einer Flasche mit Schraubverschluss geht schnell und einfach, und die Flasche lässt sich sogar ziemlich gut wieder verschließen. Das Gegenteil ist beim Korken der Fall. Man braucht extra einen Flaschenöffner, die haushaltsüblichen Modelle bringen regelmäßig Menschen zur Verzweiflung, und das Wiederverschließen ist auch so eine Sache für sich. Nichtsdestotrotz punktet der Korken gerade bei Wein und seinen Liebhabern, und wenn man so will, somit auch in Sachen User Experience. Eine gute Kombination aus guter Usability und User Experience beim Flaschenverschluss findet sich bei der Bügelflasche. Sie ist schnell und mit eine besonderes “ploppigen” Erlebnis zu öffnen und trotzdem gut wieder verschließbar.

Wenn man jetzt noch will, kann man das Beispiel auch herbeiziehen, um die finanziellen und weitere Aspekte des Thema zu beleuchten, wie etwa die Haltbarkeit, Frische und Aroma des Flascheninhalts. Womit man schnell beim Thema (zielgruppenspezifischem) Mehrwert ist. Ein zentrales Kriterium, gerade auch wenn es um die Gestaltung und Entwicklung von Websites geht.

Usability: Gestaltgesetze der Wahrnehmung

Bei der Gestaltung von Informationsangeboten im Web entscheiden oft Nuancen darüber, ob der gewünschte Informationsfluss zum Nutzer funktioniert und damit das Ziel einer Webseite erreicht wurde. Gerade der fast schon klassische Spalten-Aufbau von Websites bietet hierbei einige Fallstricke. Da beziehen sich oftmals Inhaltselemente aufeinander, die so ungeschickt platziert sind, dass der Nutzer diesen Bezug gar nicht wahrnimmt. Auch zerreißen Werbeelemente, die ja unbedingt im sichtbaren Bereich einer Webseite zu platzieren sind, den Informationsfluss oder das grundlegende Gestaltungsmuster einer Website funktioniert auf einigen ihrer Seiten und auf anderen nicht.

Einen guten Orientierungspunkt für Web-Gestalter, die solche Fallstricke vermeiden wollen, soweit ihnen das die Projektumstände das möglich machen, sind die Gestaltgesetze der Wahrnehmung. Auf Webmasterpro.de gibt es dazu eine interessante Artikelsammlung, in der unter anderem solche Gesetze wie das Gesetz der Nähe, Gesetz der Ähnlichkeit oder Gesetz der Geschlossenheit.

Gesetze der Nähe, der Ähnlichkeit und der Geschlossenheit

Schon die Berücksichtigung dieser drei Gestaltungsrichtlinien kann im Alltag schon sehr helfen, Informationsangebote so zu strukturieren, dass zusammengehörende Elemente auch als zusammengehörig wahrgenommen werden. Oft hilft es auch, sich in seinem Bürostuhl einfach mal zurückzulehnen und das “Bild”, dass die gestaltete Webseite abgibt zu betrachten und dabei möglichst nicht auf die konkreten Inhalte zu achten. Gibt es störende Elemente zwischen den zusammengehörigen Elementen? Nimmt man so zu große oder zu kleine Weißräume zwischen den Elementen wahr? Wie wirkt sich das Dummy-Element des Werbebanners auf die Wahrnehmung der restlichen Inhalte aus?

Achtet man nun noch auf etwas auf eine gute Typologie, bringt genug Mut zu Weißräumen auf und wählt das passende Bildmaterial aus, so sind viele der grundlegenden Fallstricke bei der Gestaltung von Informationsangeboten im Web schon weitestgehend umschifft. Wenn man jetzt noch mit etwas gesundem Menschenverstand an das jeweilige Screendesign herangeht, sollte die Gestaltung einer brauchbaren Website kein Hexenwerk mehr sein.

Web-Interface-Regel: Lass sie es vor Ort tun

target

Aus der Historie des World Wide Webs ist es gar nicht so selbstverständlich, dass man User etwas genau dort erledigen lässt, wo es vom Kontext her sinnvoll ist. Doch mit dem Selbstverständnis, das mit dem Web2.0 Einzug hielt, ist dies jedoch immer üblicher geworden. Aber machen wir es mal an einem konkreten Beispiel fest.

Will man bei Twitter seine Mail-Adresse ändern, möchte Twitter, dass man dies mit der Eingabe seiner Mail-Adresse bestätigt. Dazu muss man in den Settings-Bereich bei seinem Twitter-Account gehen. Ausschnittsweise sieht das dann so aus:

twittersettings1

Um nun die Mail-Adresse zu ändern, klickt man in das entsprechende Feld. Daraufhin öffnet sich direkt darunter das Feld, das die bestätigende Eingabe des Passworts einfordert:

twittersettings2

Nach der Änderung der Mail-Adresse und der Eingabe des Passworts, können dann die geänderten Einstellungen gespeichert werden.

Diese Vorgehensweise hat Vorteile gegenüber anderen Lösungen. So weiß der Nutzer immer, was gerade Sache ist. Denn will er zum Beispiel seine Zeitzone oder seine eingetragene Website ändern, verlangt Twitter dazu nicht die Eingabe des Passworts. Auch könnte Twitter sich die Mail-Adressen-Änderung in einem weiteren Schritt bestätigen lassen. Hat der Nutzer aber gerade sein Passwort nicht zur Hand, so muss er den Vorgang abbrechen. Kein großes Drama, aber die sind nur all zu oft nicht nötig, um einen Nutzer zu vergraulen. Und wenn man nicht Twitter ist, und keine so exponierte Stellung unter seinen Wettbewerbern hat, sind es oft gerade diese Kleinigkeiten, die die Nutzerzufriedenheit und somit seine Treue festigen.

Morgendlicher Web-Spaziergang

webwalk

Was ich heute Morgen gemacht habe, prägte in ähnlicher Form irgendwann einmal den Begriff “durchs Web surfen”. Mit meinem RSS-Reader als Ausgangspunkt, habe ich mich durchs Web treiben lassen. Hier die Wegpunkte meines Web-Spaziergangs:

Mein RSS-Reader führte mich zuerst zum Dr. Web Autorenwettbewerb, genauer gesagt zum heutigen Beitrag Das Kaufhausbummeldesign – Wie der Alltag Ihnen bei Design-Ideen hilft. Besonders gut hat mir darin die Metapher “Das Supermarktregal – auf Augenhöhe sein” gefallen. Damit wollte der Autor Björn Dammann noch mal klar machen, dass das jeweils Wichtigste auf jeder Seite auch wirklich “auf Augenhöhe” platziert werden soll. Im Web ist das: Sichtbarer Bereich, Mitte. Eine Anforderung, die das nur all zu oft uniformierte Design vieler Websites nur bedingt bedienen kann. Wir setzen darum immer häufiger auf das Inhaltselement der Bühne.

In dem Artikel wird auf savethechildren.de hingewiesen, mein nächster Anlaufpunkt. Dies ist eine Kinderrechtsorganisation, die sich Themen verschrieben hat, wie weltweit das Überleben und die Gesundheit zu sichern oder auch die Ausbildung von Kindern zu fördern. Gutes und wichtiges Thema.

Mein nächster Anlaufpunkt ist netzwertig.com, wo sich Marcel Weiss mit Twitters für 2010 angekündigter Echtzeit-API Firehose beschäftigt. Marcel geht stark davon aus, dass das Implementieren auf Basis dieser Firehose-API kostenpflichtig und damit zum ersten richtigen Geschäftsmodell von Twitter wird.

Im Webzeugkoffer Blog beschäftigt sich dann Björn Seibert mit minimalistischem Webdesign und verweist auf einen gelungenen Beitrag When Minimalism Backfires: When Too Little Is Not Enough im Webdesigner Depot. Auf dieser Website gefällt mir, dass beim Überfahren des Logos mit der Maus, eine kleine, aber auffällige Info dargestellt wird. Diese macht deutlich, dass wenn man dem Link folgt, man zur Startseite zurück kommt. Eine angenehme Lösung des Problems, dass auch heute noch viele Leute nicht wissen, dass man in aller Regel nach einem Klick aufs Logo wieder zur Startseite der Website zurückkommt.

Ein weiterer Artikel auf Webdesigner Depot informiert mich darüber, dass es eine Wikipedia Usability Initiative gibt und dass man auf Wikipedia über den Try this-Link zu einer Beta-Version der optimierten Wikipedia-Ansicht gelangen kann. Neugierig geworden, schaue ich nach, ob es das auch auf der deutschsprachigen Wikipedia gibt und werde fündig. Der Link Beta ausprobieren am oberen Rand jeder Seite war mir bisher völlig entgangen. Ich beginne mit dem “Betatesten” und habe schon wieder eine Idee für einen weiteren Blogeintrag im Hinterkopf …

schließen