Foto Sonne hinter Wolke über dem Meer
© A. Fischbeck
  1. Startseite
  2. Referenzen
  3. Webprojekte
  4. Angela Fischbeck

Mobile Website

Website mit adaptivem Template

Mit dem Erscheinen des ersten iPhones 2006 verbreitete sich die mobile Nutzung des Internets mit Smarphones rasant. Als Antwort auf die ersten Smartphones wurden zunächst eigenständige mobile Websites mit eigener (sub)Domain programmiert. Diese Website ist ein Beispiel aus dieser Zeit. Es gibt eine Website für den Desktop und eine zusätzliche Mobile Website für Smartphones mit eigener URL:

Screeshot Desktop Website und mobile Web-App (www.angela-fischbeck.de)

Desktop Website und mobile Website (www.angela-fischbeck.de)

Screenshot Website mit Google Maps in der Desktopansicht und im iPhone

Integration von Google Maps auf der Desktop Site. Bei der Web-App ist zusätzlich Routing implementiert. Hierdurch hat der mobile Nutzer die Möglichkeit mit seinem Smartphone von seinem jeweiligem Standort direkt zum Ziel zu gelangen.

Screenshot Google Testergebnis: "Großartig! Diese Seite ist für Mobilgeräte optimiert."

Großartig! Diese Seite ist für Mobilgeräte optimiert.

Screenshot Testergebnis vom W3C Markup Validation Service:"Congratulations - The document located at https://www.angela-fischbeck.de was successfully checked as HTML5."

W3C Markup Validation Service: "Congratulations - The document located at https://www.angela-fischbeck.de was successfully checked as HTML5."

Die Mobile Website zeigte nur eine Untermenge des Inhalts der Desktopversion an, da man zunächst davon ausging, dass auf den kleinen Bildschirmen keine längen Texte gelesen werden.

Etwas später zeigte sich jedoch, dass die Erwartungshaltung der User eine andere ist. User erwarten auf allen Geräten den gleichen Inhalt. aus diesem Grund und dem gleichzeitigem Aufkommen des Responsive Webdesigns wurden Mobile Websites durch responsive Websites verdrängt.