Sie befinden sich hier: Technik / Websites für Mobiles
Deutsch
English
Dienstag, 25.09.2018

Website für Mobile Endgeräte entwickeln: Welche Ansätze gibt es?

Bei der Entwicklung von Websites für die Nutzung mit mobilen Geräten gibt es zwei Möglichkeiten:

  1. Man kann das Design durch sogenannte CSS media queries auf unterschiedliche Bildschirmgrößen reagieren lassen (es "responsive" machen). Diese Technik bezeichnet man im Englischen mit "multiscreen design", "responsive design" oder "screen-sensitive design". Die Idee hinter diesem Ansatz ist es, das Design an die Bildschirmgröße anzupassen. Die Webseite benutzt ein und dasselbe HTML und es wird CSS verwendet um das Erscheinungsbild und das Layout dieses HTML zu ändern, um das Design auf die unterschiedlichen Bildschirmgrößen anzupassen.
    BEISPIEL
  2. Der zweite Ansatz verwendet ein alternative HTML und CSS für die mobile Version der Website und nutzt darüberhinaus JavaScript um sich an die Benutzererfahrung anzupassen. Dieser Ansatz gibt der mobilen Website-Version ein "mobile app feel", welches enger an die "usability" des Betriebssystems des jeweiligen Geräts anknüpfen kann. Dieser Ansatz wird z.B. von jQuery Mobile verfolgt.
    BEISPIEL

(in etwa aus dem Englischen aus dem Beitrag Customizable starter design for jQuery Mobile)