precom BLOG

2011 soll nach Berichten im Internet das Jahr der Tablets und Smartphones werden. Beide Märkte drängen mit ständig neuen und noch besseren Produkten an uns Kunden und die Zahl der verwendeten Tablets und Smartphones steigt rasant. Auch für die Webgestaltung und -entwicklung bedeutet dies umzudenken. Egal ob unterwegs oder auch zuhause, immer mehr Webseiten-User werden mit derartigen Geräten das Internet verwenden, und daher gilt es, auch das Webdesign auf die Geräte abzustimmen.

Was ändert sich?

Die Auflösungen der Tablets und Smartphones unterscheidet sich massiv von einem herkömmlichen PC. Im deutschsprachigen  Raum sind Bildschirmauflösungen von 1280×1024 Pixel und höher sehr stark verbreitet, wodurch sich im Webdesign der Trend zu zirka 1000 – 1100 Pixel breiten Webseiten entwickelt hat. Ein iPhone hat zum Beispiel 940×640 Pixel Auflösung – also egal ob man das Smartphone waagrecht oder senkrecht hält, die ganze Seitenbreite kann nicht angezeigt werden. Auch bei den Tablets sind ähnliche Zahlen in der Bildschirmauflösung zu finden. Es macht jedoch keinen Sinn, die eigene Webseite einfach nur mehr im Format der Smartphones anzubieten, die Darstellung auf einem klassischen Rechner würde enorm darunter leiden.

Ziel muss es daher sein, für die diversen Anzeigegeräte auch unterschiedliche Webseiten anzubieten. Lediglich ca. 12% der deutschsprachigen Unternehmen setzen bereits optimierte Seiten ein – das wird sich im Jahr 2011 und 2012 jedoch dramatisch verändern. Gerade bei Unternehmensseiten, die zumeist mit Content Management Systemen laufen, ist es möglich, durch geänderte Templates (Vorlagen) die Inhalte auf andere und optimierte Weise auszugeben.

Das bedeutet Templates in 2 neuen Auflösungen (sowohl für eine iPhone-Auflösung wie auch eine für Smartphones mit 640 Pixel Breite), den Verzicht auf Technologien, die möglicherweise nicht dargestellt werden können (etwa Flash) und auch die Anpassung der Inhaltsdarstellung. Die Menüführung muss für die Touchscreens angepasst und auch der gesamte  Seitenbaum neu überdacht werden. Zu komplizierte Seitenbäume hindern den User daran, die Inhalte zu finden die er wirklich benötigt – und das selbe gilt für die Menüführung.

Die mobile Version der Internetseite sollte also gut geplant werden. Insbesondere folgende Punkte sollten gründlich angepasst sein:

• welche Inhalte stelle ich dar, was brauche ich wirklich auf der Internetseite
• welche Menüpunkte sind zwingend, welche können unter Umständen zusammengeführt werden
• verzichte ich auf aufwändige Designs um die Seite schneller laden zu können? Oder ist es notwendig, den Internetauftritt auch auf Mobilseiten einheitlich dem CI zu gestalten?
• soll mein Webauftritt informativ sein oder muss er beeindrucken?

Eine gute Projektplanung ist daher bei mobilen Webseiten enorm wichtig und sollte nicht unterschätzt werden, um wirklich den größtmöglichen Erfolg mit der mobilen Version zu erzielen!

Tags: iPad, iPhone, Mobiles Internet, Mobilseite, Smartphone, tablet, Webseite