Noch hat die Neuerung kaum Einfluss auf die Rankings bei Google. Es sind zunächst nur etwa 1% aller Suchanfragen betroffen. Hinzu kommt, dass Google das erst mal auf den .com-Bereich beschränkt. Sobald aber die Erprobungsphase abgeschlossen ist, dürfte wohl jeder Webseitenbetreiber mehr oder weniger betroffen sein.

Allerdings ist die Ladezeit einer Webseite nur ein Faktor unter vielen. Wie hoch sein Gewicht ist, kann wohl niemand sagen. Mal abgesehen davon, gibt es eben Faktoren, die weitaus wichtiger sind. Wie z.B. und v.a. relevante Inhalte selbst.

Außerdem scheint die Sache noch nicht ganz ausgereift. Zumindest kann ich mir die teils enormen Schwankungen nicht erklären. Die müsste mir Google mal erklären, oder eben weiter an seinen Messmethoden arbeiten. Hier z.B. die Aufzeichnungen der Google Laps zum Webzeugkoffer.

Andere Tools liefern mir konstantere Ergebnisse.

Überraschung – Ladezeit hat schon immer Gewicht

Mal abgesehen davon, dass die Ladezeit jetzt zum Rankingfaktor erhoben wurde. Ladezeiten von Webseiten als Qualitätsmerkmal, sind im Prinzip so alt wie die erste Webseite.

Im Sinne von Userexperience spielen die Ladezeiten schon immer eine gewichtige Rolle. Dauert’s den Besuchern zu lange, sind sie ganz schnell wieder weg. Das Überangebot an Information im Netz sorgt für Alternativen – meistens.

Das neue Gute daran

Durch Google’s Zug werden auch SEOs dazu genötigt, sich verstärkt um Usability- und Technikaspekte ihrer Webseiten zu kümmern. So gesehen wäre es nicht schlecht, wenn der neue Rankingfaktor ein paar Pfunde auf die Waage bringen würde.

Maßnahmen und Tools

Ein paar allgemeine und einige speziell auf Wordpress bezogene Tipps hat Vladimir Simovic zusammengefasst.

Wem die Welt der Ladezeitenoptimierung noch neu ist, der findet im Netz eine Fülle an Tipps und Tools. Eine Auswahl:

Messen

• Yahoo! YSlow – Firefox Add-On
• Page Speed – Firefox Add-On
• Google Webmaster-Tools
• Pingdom Tools – Online

Handeln

• How-To Minimize Load Time for Fast User Experiences
• How to reduce the number of HTTP requests
• Checklist for Better Web Graphics

Gas geben! Auch wenn der Ranking-Aspekt noch nicht wirklich zählt.

Dustin Curtis, der seine Artikel übrigens sehr individuell und gelungen layoutet, erhielt Post von Mr. X. Die Nachricht war die Reaktion auf eine Kritik zur Website einer Fluggesellschaft. Mr. X, Angestellter der Fluggesellschaft nahm in seiner Nachricht Stellung dazu und den Hintergründen seiner Arbeit als angestellter UX-Designer: Dear Dustin Curtis. Die Story fand ihre Fortsetzung, Mr. X wurde mittlerweile entlassen und hat einen Gastartikel bei Dustin geschrieben.

Tipps vom Verbesserer. Oder wie man mit Kollegenschelte umgeht.

Wir haben einen schweren Job. Eierlegende Wollmilchsäue sind nichts dagegen. Webdesigner haben es schwer!

Fachchinesisch vermeiden. Can You Say That in English? Explaining UX Research to Clients.

Das kann man knicken: The myth of the page fold.

Mehr als Präsenz und Online-Pressestelle: Die Plattform Strategie der Corporate Website.

Beschreibung der UX-Lieferergebnisse und ein Poster zum Ausdrucken: User Experience Deliverables.

Kunst oder Wissenschaft. Irgendwo zwischendrin: Is UX an art or a science?

Über die Dimensionen mobiler Internetnutzung: User Experience und mobiles Webdesign

So it comes as no suprise when the general attitude of stakeholders these days is one of a shopper saying: ‘One McUser Experience with usability fries please.’Kem Kramer, Is UX becoming a commodity?

Manchmal habe ich daher den Eindruck, dass UX gerne mit Spaß (an einer Website) gleichgesetzt wird. Gute Userexperience macht Produkte sexy. Ich denke, dass es nicht ganz so einfach ist.

Spaß und Freude sind im Umgang mit einer Website sehr wichtig. Keine Frage. Das nennt man auch gerne Joy of Use. Joy of Use ist allerdings nur ein Aspekt von UX. Die Nutzererfahrung lässt sich z.B. durch sechs Adjektive gut beschreiben:

• auffindbar
• zugänglich
• benutzbar
• nützlich
• schön/begehrenswert
• zuverlässig

Joy of Use kann erst dann eintreten, wenn Vorbedingungen erfüllt sind. Hier sind v.a. die Auffindbarkeit und die Zugänglichkeit gemeint. Danach entscheidet sich, ob eine Sache darüber hinaus gut benutzbar ist.

Gute Benutzbarkeit, Nützlichkeit und Schönheit sorgen dann für den Spaß an der Sache.

UX lässt sich imho nicht genau abgrenzen und klar definieren. Sie lässt sich wohl aber umschreiben. Einige Ansätze dazu habe ich mal gesammelt: Was ist also Userexperience (UX)?

Ich denke, dass Userexperience in den meisten Fällen zunächst sogar zeitlos sein muss.

Nehmen wir das Beispiel der guten, alten intelligenten Suche auf Websites. Auch wenn diese vielleicht auch sowas wie ein Loch-Ness-Monster ist (anderes Thema).

Sie wird in Befragungen von Nutzern immer wieder genannt. Sogar auch dann, wenn es um Innovation geht.

Ein weiteres, häufig genanntes Thema waren intelligente Suchfunktionen, die die Nutzer aktiv bei Ihrer Suche unterstützen.

Die Suche auf einer Website stellt eine Alltagssituation im Web dar.

[...], dass Funktionen, die sich ganz individuell auf die Bedürfnisse der Nutzer anpassen lassen und die Fragestellungen von Nutzern in Alltagssituationen bedarfsgerecht klären beim Nutzer derzeit als besonders innovativ beurteilt werden.Was ist innovativ? So sehen es die Webnutzer

Was hat die intelligente Suche mit Userexperience zu tun? Das Funktionieren und die einwandfreie Benutzbarkeit eines Suchformulars und die übersichtliche Ausgabe der Suchergebnisse, stellt zunächst mal eine Anforderung an die Usability dar.

Eine intelligente Suche muss darüber hinaus noch weitere Anforderungen erfüllen. So z.B. Vorschlagsfunktionen und bei Bedarf zur Verfügung stehende, erweiterte Filterfunktionen. Dazu muss man im Prinzip nicht zaubern können oder immer auf die brandneuesten technologischen Features setzen. In erster Linie geht es um ein rundum gelungenes Nutzungserlebnis bestehend aus Nutzbarkeit, Nützlichkeit, Attraktivität u.a.

Fragen der Userexperience, Usability und andere Anforderungen werden in den seltensten Fällen zuerst mit technischen Features beantwortet.

Doing more sometimes means less to people using your product if it doesn’t meet their needs.Francisco Inchauste, Creating a Timeless User Experience

Optisch gelungene Website zu einem Buch. Schöne Typo und dazu passend im Retro-Stil gehalten.

Die kommentierte Packung Links schwerpunktmäßig zu Usability und UX.

• Über die Dimensionen der mobilen Internetnutzung: User Experience und mobiles Webdesign
• Chris Heilmann hat keine Lust mehr, über Barrierefreiheit Vorträge zu halten. Hoffen wir, dass man ihn überzeugen kann, dran zu bleiben: Barrierefreiheit Konferenzen – One speaker slot free.
• Was ist innovativ? So sehen es die Webnutzer: Auch die gute, alte intelligente Suche ist dabei.
• Manch einer mag die ständige Suche nach dem ROI leid sein. Die Realität sieht so aus, dass wir ihn tatsächlich öfter mal beziffern müssen: UX ROI: User Experience Return on Investment
• Eine Ressourcensammlung zum Thema Grid Based Webdesign: Grid Based Design Toolbox
• 9 Guidelines on how to create really good Web Sites: Auch die Reihenfolge ist hier nicht ganz unwesentlich

Darauf aufmerksam wurde ich durch den bei Mashable erschienenen Beitrag Introducing Sociability. Was bedeutet Sociability? Gibt es sowas wie Usability für soziale Netzwerke? Ich meine nein.

Definition Sociability

Ich beginne, wie sich das gehört, erst mal mit der Begriffsdefinition.

The skill, tendency or property of being sociable or social, of interacting well with others.Wikipedia

Sociability Design stellt eine Erweiterung des Begriffs dar.

Im Grunde geht es hier um Regeln, Reputationssysteme, Moderationsmechanismen usw., die z.B. dem “Dilemma of the commons” entgegenwirken sollen.Sociability Design: Spieltheorie

Hier sind v.a. Anreizmechanismen und -systeme gemeint, die Nutzer dazu motivieren sollen, sich aktiv in ein Netzwerk einzubringen. Erst dadurch werden soziale Netzwerke ermöglicht. Agiert und teilt niemand, dann gibt es auch kein soziales Netzwerk.

Usability für das Social Web?

Warum sollten soziale Netzwerke besondere Ansprüche an die Usability stellen? Zunächst sprechen wir von webbasierten Nutzeroberflächen, von Websites und -anwendungen. Nichts neues also. Auch Zielgruppen, Personas, Anforderungsanalysen etc. sind nichts neues. Auch nicht im Social Web.

Interaction between users is what distinguishes social media from other media in which interactions occur between users and the screen.

Es geht verstärkt um die Interaktion zwischen den Menschen auf entsprechenden Plattformen. Außerdem die Art von Information und deren (Weiter-) Verteilung und Verbreitung durch die Nutzer.

Aber am Anfang steht eben die “langweilige” Usability. Denn bevor die Nutzer über Netze miteinander kommunizieren und interagieren (können), steht doch die Interaktion mit dem Userinterface bzw. der Maschine. Unsere Methoden und Tools bleiben die gleichen. Man muss sich weiter an den Anforderungen und Wünschen der Nutzer orientieren. Dann erst erfolgt die Interaktion zwischen Menschen – über ihre virtuellen Schnittstellen.

Usability für Websites vs. Soziale Netzwerke

Dazu gab’s vor einiger Zeit schon mal einen Artikel. Wobei man feststellen muss, Usability bleibt Usability.

Trotzdem gilt es Unterschiede zu beachten. Es sind u.U. neue Besonderheiten zu beachten. Die in der Breite noch relativ neuen sozialen Netzwerke und ihre Nutzer stellen neue Anforderungen an uns. Applications of usability principles on a social network beschreibt das ganz gut.

Das gerechtfertigt imho trotzdem noch nicht unbedingt die Schaffung eines neuen Begriffs.

Was also ist Sociability?

Sie ermöglicht das Funktionieren sozialer Netze. Das geht auf den o.g. Gedanken der Anreizsysteme und -methoden zurück. Es ist keine Mischung aus Social und Usability bzw. Usability speziell für soziale Netzwerke im Internet. Der Begriff ist nicht geeignet, dem ein oder anderen Usability schmackhafter zu machen. Sociability und Usability existieren nebeneinander und miteinander.

Eine Grafik, die ich bei der Recherche gefunden habe fasst vier Aspekte von Sociability zusammen:

• Awareness
• Connectedness
• Engagement
• Solidarity

(aus The Sociability Of Social Media)

Usability beeinflusst v.a. Awareness und Connectedness. Dann wenn die Maschine bzw. die Interfaces gut nutzbar konzipiert und gestaltet sind, können die Nutzer gegenseitig ungehindert gewahr werden (aware) und sich aktiv vernetzen (connect).

Sociability als “Fachbegriff” existiert in unserem Bereich – Webdesign und -entwicklung – nicht.

Der Screenshot stammt vom Portfolio der Designerin Denise Chandler.

Das kommentierte Paket Links mit hohem Webkrauts-Gehalt.

• Barrierefreiheit beginnt mit Ladezeiten: Diese Barriere betrifft alle!
• Moderne Semantik: Einleitung zur Einführung in HTML5 bei den Webkrauts.
• Was ist ein (HTML-) Fehler und wie schwer wiegt er? Das Streben nach Null
• Non-UX Designers Can Pay Attention to User Experience Too! Ein paar Tipps, wie man schon mit kleinen Schritten großes bewirken kann.
• Prototyping zu praktizieren ist am Anfang schon schwer. Noch schwieriger ist die Etablierung dazugehöriger Prozesse und Methoden in bestehende Designprozesse: Integrating Prototyping Into Your Design Process
• Krieg der Welten könnte man meinen: How Does User Experience Design Fit into Marketing?

Eine Überschrift aus einem der o.g. Artikel hat mir letzte Woche besonders gefallen:

Walk a Mile in The Users Shoes

Wir brauchen ein neues, frisches Design!

Wer kennt das nicht? Viele von uns sind sehr wahrscheinlich schon mit einer solchen Aussage konfrontiert worden.

Gleich immer alles neu zu machen, ist selten die beste Lösung. Im Extremfall kann der Schuss auch gewaltig nach hinten losgehen. Ein neues (Web-) Design kann zwar ansprechend und gut bedienbar sein, die Besucher/Nutzer aber erst mal verwirren.

Wo ist mein Login hin?

Ein radikales Re-Design ist selten die beste Lösung

Jakob Nielsen hat dazu einen Artikel geschrieben. Er ist wie immer auch etwas radikal in seinen Ansichten. Im Kern aber steckt viel wahres in seinen Ausführungen.

Fresh vs. Familiar: How Aggressively to Redesign?

Er argumentiert zunächst gegen voreilige und umfassende Re-Designs. Aber auch er sieht die Notwendigkeit größerer Würfe. Denn auf die Dauer kann zu viel Kleinklein auch Probleme mit sich bringen.

Das Gewohnheitstier

Nehmen wir das Beispiel Freemailanbieter. Sehr viele Nutzer rufen ihre Mails nicht über eigene lokale Mailclients ab. Sie besuchen jedes Mal die Website des Anbieters und loggen sich über die Website in ihren Mailaccount ein. Befindet sich der Login nicht an gewohnter Stelle, sind die Nutzer erst mal verwirrt. Die Folge kann dann auch Verärgerung über die Veränderung sein.

Nutzern ist das Design (fast) egal

Innerhalb eines gewissen ästhetischen Rahmens, spielen für die Nutzer Designdetails nur eine untergeordnete Rolle. Sie analysieren ein Webdesign nicht. Der erwähnte Rahmen lässt sich natürlich nicht abschließend definieren. Man kann aber davon ausgehen, dass sich die Ansprüche – oft unterbewusst – je nach Thema ändern.

So z.B. sind Designfeatures und -details bei Nachrichtenseiten, bei denen es in erster Linie um reine Information geht, eher zu vernachlässigen. Wohingegen Websites von Automobilherstellern, wohl höhere Ansprüche erfüllen müssen. Hier geht es z.B. auch um Emotionen. Design kann diese wecken – auch negativ.

In beiden Fällen ist es so, dass einem die Besucher/Nutzer die radikale Neugestaltung nicht immer nur danken werden. Auch wenn es auf den ersten Blick schön aussieht.

Wann ist ein Re-Design angebracht?

Nielsen führt zwei Fälle an, die seiner Ansicht nach ein Re-Design rechtfertigen.

1. Eine (noch) kleine Nutzerbasis. Wenn man sich dann von einem ganzheitlichen Re-Design eine deutliche Verbesserung erhofft, um dadurch auch die Nutzerbasis zu erhöhen, dann sei ein Re-Design der u.U. richtige Schritt.
2. Ein festgefahrenes Design. Das kann aus vielen kleinen Erweiterungen und Änderungen über Jahre hinweg resultieren. Irgendwann kommt man dann nicht mehr weiter und es ist Zeit für einen Neuanfang.

Bei Punkt 2 sollte man aber eines nicht vergessen. Die Besucher/Nutzer mit einzubeziehen. D.h. sie über die anstehende Veränderung zu informieren. Am besten zum Anfang der Neuentwicklung ihr Feedback einholen und zum Neustart Orientierungshilfe anbieten und die Änderungen erläutern.

Nielsen rät abschließend:

So, unless your existing design is an overgrown mess of bolted-on features that needs a new architecture, it’s best to stay with the familiar design that users prefer and avoid the temptation to go with a novel design that only you’ll appreciate.

Ergänzend sollte hinzugefügt werden, dass die Optik irgendwann mal einfach nicht mehr zeitgemäß ist. Das kann manchmal sogar der einzige Grund für einen radikalen Schnitt sein. Nielsens Artikel motivieren nicht unbedingt immer zu Innovation und Kreativität ;-) Das nur mal am Rande angemerkt.

Kaizen – Kleine Schritte sind meist die bessere Lösung

Bevor man sich voreilig für ein umfassendes Re-Design entscheidet, sollte man immer erst innehalten und analysieren. Design erfüllt in den meisten Fällen keinen Selbstzweck. Man sollte sich vor einem Re-Design v.a. immer eines fragen: Was will ich verbessern?

Bekannte und (design-) strategisch erfolgreiche Unternehmen zeichen sich auf UI-Ebene dadurch aus, dass sie ihre Interfaces behutsam weiterentwickelt und verbessert haben. Teilweise über große Zeiträume hinweg und oft so dezent, dass der Unterschied zwischen zwei aufeinanderfolgenden Iterationen nicht unbedingt offensichtlich war.

Irgendwann dann kommt aber doch die Zeit für ein komplettes Re-Design. Aber in der Regel nicht alle 1-2 Jahre. Meistens sogar erst dann, wenn z.B. ein kompletter Markenauftritt eines Unternehmens überarbeitet wurde. Oder aber auch dann, wenn eine Website oder -anwendung soviele Nutzungs- und Akzeptanzprobleme aufweist, dass kleinere Anpassungen das Ganze nur noch verschlimmbessern würden.

Die 3 K im UI Design

• Konstanz: Wer ständig seinen Stil wechselt, kann nicht erwarten, Konstanz und Glaubwürdigkeit zu vermitteln. Jedes Jahr den Anstrich zu ändern ist daher nicht ratsam.
• Konsistenz: Navigationselemente und Funktionen sollten möglichst konsistent verwendet werden. Auch über verschiedene Iterationen hinweg. Das vermeidet negative Überraschungen für die Besucher/Nutzer.
• Kreativität: Natürlich sind auch attraktive und innovative Designansätzen gemeint. Oft aber eben nur auf Detailebene. Außerdem ist Kreativität auch bei der Suche nach Lösungsansätzen für bestimmte Designprobleme gefragt. Wobei es dabei eher untergeordnet um Farben und Formen geht.

Great Designers Re-Align (meistens)

Good Designers Redesign, Great Designers Realign

Ein Leitsatz der sich in den letzten Jahren weiter etabliert hat. In seiner umfassenden Argumentation bei A List apart nachzulesen.

Die Langeweile am eigenen Design ist jedenfalls selten das beste Argument für ein radikales Re-Design.

Das Portfolio der Webdesignerin Isa Costa.

In der ersten Woche nach dem Urlaub stand die Orientierung im Vordergrund. Was gibt’s neues und was sind die wichtigen Themen? Dabei sind natürlich auch wieder ein paar kommentierte Links ins Netz gegangen.

• A shorthand for designing UI flows: Was machen Nutzer jetzt und was werden sie tun (können)? UI Flows als dynamische Ergänzung zu Wireframes. Oder auch als Wireflows bekannt.
• Das Social Web im Vergleich zu herkömmlichen Publikationskanälen, sein Wachstum und die Verlagerung zum mobilen Web: Interesting Facts About the Internet and Social Web
• 7 Steps for Systematizing The Design & Build Process: Snippets, Templates, Frameworks und vieles mehr bilden die logistische Basis hochwertiger Webentwicklungsprozesse.
• Sechs Anforderungen an zeitgemäße Corporate Websites: Die meisten sind es derzeit wohl nicht – zeitgemäß
• Ein dicker Schinken: If You Printed The Internet …
• Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

Ein neues Blog gibt’s auch. Future of Web Strategy ist Sebastian Küpers’ neue Blogquelle zum Thema Webstrategien der Zukunft und dem sozialen Netz.

Portfolio eines Art Directors. Sliden und Flippen werden hier groß geschrieben. Schön clean und durch die Animationen sehr luftig.

Die Ladung Links heute mit erfreulich vielen deutschsprachigen Texten.

• Online-Formulare: der Weisheit letzter Schluss?
• Teil 1: Mootools im Überblick
• Code-Effizienz bei CSS-Frameworks
• Die Mythen der Meta Tags halten sich immer noch hartnäckig
• 7 gute Gründe für Wireframes & Prototyping im Interfacedesign
• Nine Essential Characteristics of Good UX Designers
• How Usable is the Mobile Web? Das erinnert etwas an die Anfangszeiten des Web auf dem Desktop
• Communication Between Designers and Developers from a Developer’s View
• Über gute Kommunikation und Überzeugungskraft: Developer Evangelism