Design und Development für mobile Endgeräte

Berni | Neu | 94512 gelesen |

Gibt es das mobile Web überhaupt? Und sollten dementsprechend von nun an separate Webseiten für mobile Endgeräte wie Smartphones und Tablets erstellt werden?

Bruce Lawson, seines Zeichen Programmierer und Blogger für eines der international erfolgreichsten deutschen (wenn auch in englischer Sprache geführten) Nachrichtenportale zu den Themen Webdesign und Webentwicklung, „Smashing Magazine“, beantwortet diese Frage mit einem klaren Nein. Es gilt also vielmehr, die jeweilige Webseite für den Smartphone- und Tabletgebrauch zu optimieren.

So funktioniert die Optimierung

Begriffe wie „Progressive enhancement“, „mobile-first“ und „responsive design“ sollen den Developern den Weg weisen zu einem moderneren, funktionelleren und schöneren Web. Dabei ist es manchmal aber wirklich nicht gerade einfach, eine Seite für mobile Endgeräte zu optimieren. Smartphones sind allgegenwärtig und in Handyshops wie http://www.24mobile.de/ findet man auch fast nur noch diese mobilen Alleskönner vor, mit denen auch die Nutzung des World Wide Webs immer komfortabler wird. Möchte man eine Seite entwickeln, die sowohl als Desktop- wie auch als Smartphone-Variante attraktiv und sinnvoll erscheint, muss man auf einige Dinge achten. Hier nur einige der vielen Beispiele:

• Flash ist für viele mobile Geräte ein Problem und auf klar strukturierten Webseiten ohnehin meist nur Effekthascherei.
• Bilder sollten sich automatisch der Bildschirmgröße anpassen und keine endlosen Ladezeiten verursachen.
• Die Lesbarkeit der auf der Seite präsentierten Texte ist das A und O. Die Schrift sollte also auf den mobilen Geräten nicht zu klein (oder zu groß) erscheinen.
• Die Navigation auf dem Smartphone ist eine ganz andere als auf dem Desktop-PC – darauf muss man bei der Entwicklung Rücksicht nehmen.
• Verschachtelte Menüs und umständliche Dropdown-Listen erschweren die Navigation via Smartphone.

Stetiges Testen ist wichtig

Natürlich muss man die Webseite auf – nach Möglichkeit verschiedenen – mobilen Endgeräten testen. Wer das während der Developmentphase tun möchte, kann das auch auf der Webseite von Opera Mini tun. Hier gibt es eine Testumgebung beziehungsweise einen Emulator, die/der auch auf dem Desktop-PC funktioniert. So muss man die Seite nicht immer mit dem Smartphone ansteuern.

Kommentare zum Artikel Artikel kommentieren Neuen Kommentar schreiben Benutzen Sie [code] und [php] um Codes, SQL-Queries oder php korrekt darzustellen!
Verwandte Beiträge Das Samsung Galaxy Tab - Android-2.2-Tablet auf der Ifa 2010 Das Websiteanalysetool Piwik 2.1 ist fertig Design und Development für mobile Endgeräte	Links zum Artikel

Weitere PHP-News und Artikel

Zusatzverdienst von zu Hause aus | Berni | Views | 2 Comments	Was tun, wenn der Computer immer langsamer wird? | Berni | Views
Die Geschichte von PHP | phpler | Views	PHP Summit 2012 – 18 interaktive Workshops mit allen wichtigen PHP-Themen | Berni | Views
ebiz-trader PHP Marktplatzscript in der Version 6.4 erschienen. | Berni | Views	PhpMyAdmin mit Backdoor | Berni | Views
Logdateien, Programmcode und Dokumentationen günstig drucken | phpler | Views	Serverüberwachung wozu? | Berni | Views