Movable Web

Usability: “Web 2009 = Desktop Web 1998″

Vor kurzem habe ich erst über die mobile Darstellung von Webseiten geschrieben und Überlegungen angeregt, ob eine optimierte Darstellung für mobile Geräte überhaupt nötig ist.

Heute finde ich eine Artikel vom Webguru Jakob Nielsen mit dem Titel Web 2009 = Desktop Web 1998.

Er zeigt verschiedene Erfahrungen von Tests und Faktoren auf, mit denen die Freude beim Surfen mit mobilen Geräten steigt und fällt. Nielsen kommt beispielsweise zu dem Ergebnis: “A Separate Mobile Site Is Best”.

Der Titel “Web 2009 = Desktop Web 1998″ hört sich vernichtend an. Ist er auch. Denn 2000 war mobiles Surfen auf dem Stand von Desktop-Web des Jahres 1994, damals WAP; 9 Jahre Dektop-Webentwicklung also, nach Nielsen, = 4 Jahre Mobile-Webentwicklung. Das ist meiner Meinung nach sehr wenig.

Berichte zum Mobile World Congress

Zurzeit findet in Barcelona der Mobile World Congress statt. Bis zum 19. Februar gibt es Pressekonferenzen, Keynotes und Gesprächsrunden.

In Meinen Feed-Reader haben sich so einige Artikel gesammelt. Hier mal ein paar Hinweise für alle Interessierten:

Frank von m4gic.net ist in Barcelona. Er berichtet auf seiner Webseite und auf dem offiziellen LG-Blog. Zudem bekommt ihr ein paar persönliche Eindrucke, wenn ihr Frank bei Twitter folgt.

Die Redaktion von mobile-zeitgeist.com ist ebenfalls auf dem MWC und sagt Hallo aus Barcelona. Auch Twitter ist hier eine Informationskanal, über den ihr Eindrücke erhalten könnt.

Basic Thinking stellen eine recht interessanten Vergleich zwischen dem MWC und der CeBit auf.

Auf fscklog.com werden “Entwicklungen [vorgestellt], die das iPhone streifen”. Der Beitrag nennt sich MWC: Palms webOS, Nokias Ovi Store, Flash-Player 10 für Smartphones.

Eigene mobile Webseite erstellen aus RSS-Feed

Im Beitrag WordPress für mobile Geräte optimieren habe ich euch eine Möglichkeit aufgezeigt, die Darstellung eure WordPress-Installation für mobile Geräte zu optimieren. Das Plugin erkennt, ob ein Benutzer mit dem iPhone, iPod Touch oder einem Handy mit Android surft und passt das Design an.

Es geht natürlich auch anders, in dem ihr beispielsweise eine gesonderte URL anbietet, die alle mobilen Leser aufrufen können.

Bei der ersten Variante hostet ihr selbst auf eurem Webspace ein paar Dateien, die über eine URL, z.B. m.euredomain.de aufgerufen werden. Zusätzlich benötigt ihr noch die URL eures RSS-Feeds. Das Tutorial von css-tricks.com erläutert euch im Detail, wie ihr vorgehen müsst. Das Ergebnis sieht so aus. Vorteil dieses Tutorials ist, dass ihr das Design an eure Bedürfnisse anpassen könnt. Nachteil, ihr müsst, wie schon erwähnt, die Dateien selbst hosten.

Anders ist das bei dem Webdienst doyoufeed.com. Dort könnt ihr mehrere RSS-Feeds zu einer mobilen Webseite zusammenführen.

Natürlich könnt ihr das auch nur mit eurem Feed machen. Die URL, die doyoufeed.com für euch erstellt, gebt ihr dann an eure mobilen Leser weiter.

Der Webdienst feedm8.com funktioniert ebenso; konvertiert aus eurem Feed eine kleine Webseite. Das sieht dann z.B. so aus. Zwischen den Beiträgen wird jedoch Werbung eingeblendet.

Deutschsprachige Topblogs und die mobile Darstellung

Immer mehr Leute surfen im Internet. Viele Webseite sind natürlich für höhere Auflösungen optimiert. Doch es gibt ja Möglichkeiten, die Darstellung für mobile Benutzer anzupassen.  

Doch ist das überhaupt nötig? Denn das iPhone, G1 und Co. bieten ja schon gute intuitive Techniken, die Ansicht einzustellen.

Schauen wir uns mal die Top 10 vom 12.02.2009 der deutschsprachige Blogs an. Gemessen wird an der Zahl der Feed-Leser. Eine Liste findet ihr unter lesercharts.de.

Das Ergebnis finde ich sehr interessant:

1. Basic Thinking – optimierte Darstellung für mobile Geräte? nein

2. BILDblog – nein

3. GoogleWatchBlog – nein

4. Software Guide – nein

5. Stefan Niggemeier – nein

6. Caschys Blog – nein

7. Design Tagebuch – nein

8. Werbeblogger – ja

9. Stylespion – nein

10. MACNOTES – ja

Zwei von zehn der deutschen Top-Blogs bieten den mobilen Lesern eine angepasste Darstellung an.

Wenn ich übrigens die Charts von deutscheblogcharts.de betrachte (Stand 11.02.09), ist es nur ein Blog unter den Top 10.

Dieses Ergebnis lässt nun zwei Schlussfolgerungen zu:

1) Die Nutzung von mobilen Geräten ist bei vielen Webmastern noch nicht angekommen oder wird unterschätzt.

2) Die Technik macht eine mobile Darstellung überflüssig.

Was denkt ihr? Ich bin zum aktuellen Zeitpunkt für die zweite Schlussfolgerung. Denn unter “Technik” zähle ich zum einen die Technik der Geräte (Multitouch, Zoomen) und zum anderen auch so etwas wie RSS. Viele der Leser werden erfahren im Umgang mit Technik sein. Da werden viele ihre liebsten Seiten über RSS-Feeds auf dem Handy lesen. Dementsprechend ist die Darstellung der Webseiten ziemlich uninteressant, zumindest wenn der Feed ungekürzt ist.

Was aber, wenn mobiles Internet in den Alltag einkehrt und auch unerfahrene Benutzer über das Handy surfen? Reichen dann die Techniken der Geräte aus?

WordPress für mobile Geräte optimieren

Der Vorteil, wenn man ein Content Management System mit einer fleißigen Community nutzt ist, dass viele Plugins und andere Erweiterungen entwickelt werden.

Somit gibt es auch schon einige Plugins, die nach Aktivierung Nutzer von mobilen Geräten erkennen und die Darstellung anpassen.

Das Plugin, mit dem ich die besten Erfahrungen gemacht habe, ist WPTouch. WPTouch läuft auch auf diesem Blog. Eine Vorschau zeigt der Screenshot. Erkannt wird das iPhone, iPod Touch und Handys mit Android.

Im Administrationsbereich könnt ihr diverse Einstellungen vornehmen.

Ihr könnt sogar den Code von Google Analytics eintragen, dann werden auch die mobilen Besucher gezählt. Zudem lassen sich Farben des Designs anpassen und festlegen, welche Seiten im Menü mit welchem Icon angezeigt werden.

WPTouch wurde zuletzt am 04. Februar 09 aktualisiert und läuft ab WordPress-Version 2.3.

Es gibt auch noch weitere Plugins, die aber nur mit älteren Versionen von WordPress laufen. So beispielsweise WordPress Mobile Edition, WordPress Mobile Plugin und für die Administration iPhone / Mobile Admin.