Webdesign für Mobilgeräte

Damit Ihre Site auch auf Handys und Smartphones gut benutzbar ist, optimieren Sie am besten Ihre bestehende Site. Das empfiehlt auch die Mobile Web Initiative (MWI) beim W3C (World Wide Web Consortium), das für die Web-Standards zuständig ist. Über das Thema .mobi habe ich ja vor einigen Tagen schon einmal geschrieben.

Eventuell können Sie auch eine so genannte Browserweiche einbauen, welche die Benutzer entsprechend den Geräten, die sie benutzen zu unterschiedlichen Unterbereichen Ihrer Site leitet.

Bei den Seiten für mobile Geräte achten Sie vor allem auf Folgendes:

  • Halten Sie die Seiten klein & kurz – mit Bildern nicht mehr als 100 KB groß und nicht höher als ca. 1000 Pixel bei Standardschriftgröße.
  • Fixieren Sie die Schriftgröße nicht.
  • Fixieren Sie die Seitenbreite nicht, damit diese an die kleinen Displays angepasst werden kann (meist um die 200 bis 300 Pixel breit).
  • Legen Sie die Seiten nicht zu breit an, das heißt, auch die Grafiken sollten möglichst nicht breiter als 300 Pixel sein. Bauen Sie lieber kleine Vorschau-Bilder ein und verlinken Sie diese zu den großen Abbildungen. Das reduziert gleichzeitig auch die Datenmenge.
  • Verzichten Sie auf Frames.
  • Verzichten Sie auf Formulare zur Navigation, diese werden auf vielen mobilen Browsern entweder gar nicht angezeigt, oder sie sind sehr mühsam zu bedienen. Wenn Sie Formulare tatsächlich brauchen, legen Sie diese möglichst groß an und verteilen Sie die Elemente auf mehrere kurze Seiten.
  • Verzichten Sie auf Popup-Fenster.
  • Setzen Sie eingebettete Medien wie Flash-Filme mit Bedacht ein. Viele Geräte unterstützen diese nicht. Sehen Sie für solche Fälle einen alternativen Zugang zur Information vor.
  • Vermeiden Sie komplexe CSS-Layouts – viele mobile Browser haben mit diesen Probleme. Tabellen zur Gestaltung sind sowieso tabu.

Die Mobile Web Initiative (MWI) veröffentlicht umfangreiche Anleitungen für das Gestalten von Websites, die auch mobil genutzt werden sollen. Auf ihrer Website bietet sie neben umfangreichen Informationen auch einen interaktiven Web-Check an, der Ihre Site kostenlos auf Probleme hin prüft, die bei der Nutzung über ein Mobilgerät auftreten können. Seien Sie auf eine lange Liste mit Problemen gefasst – leider ist es ohne Erfahrung sehr schwer, deren Schwere zu beurteilen.

Die MWI kümmert sich auch darum, die Bedienung zu vereinfachen und zu standardisieren. Dazu ist sie in Kontakt mit Geräte- und Software-Herstellen. Die Initiative gehört zum W3C (World Wide Web Consortium), das für die Web-Standards zuständig ist.

Die Website der MWI ist:
www.w3.org/Mobile/

Schreibe einen Kommentar