HTML and CSS Reference
In-Depth Information
Inhalte können länger und komplexer sein.
Interaktive Inhalte und Videos sind möglich.
Durch die erhöhte Bildschirmgröße macht eine 1:1-Portierung einer iPhone-App
keinen Sinn. Die App muss für den großen Bildschirm optimiert werden.
3
3.1.4 Alles eine Frage der Ausrichtung
Wie bereits in Kapitel 2, »HTML5 in der mobilen Webentwicklung«, erwähnt, besitzen
moderne Mobilgeräte zwei Ausrichtungen: den Portrait- und den Landscape-Modus.
Für Sie als Entwickler bedeutet das, dass Sie Ihre App in zwei verschiedenen Auflö-
sungen anbieten sollten. Es gibt einige native Apps, vornehmlich Spiele oder Maga-
zine, die jeweils nur eine Ausrichtung unterstützen. Bei WebApps ist es allerdings
nicht möglich, sich auf einen Modus festzulegen. Sobald der Nutzer das Gerät dreht,
wechselt die Ausrichtung unweigerlich.
Für Ihre App bedeutet das einen enormen Zugewinn. Sie können je nach Ausrichtung
unterschiedliche Informationen darstellen. Zunächst sollten Sie sich aber fragen:
Wann wird welcher Modus eigentlich verwendet?
Ein Smartphone wird üblicherweise in einer Hand gehalten, mit der anderen tippt
der Nutzer auf den Bildschirm. Dies geschieht in der Regel im Portrait-Modus. Durch
seine Form liegt das Telefon so bequem in der Hand. Sobald der Nutzer beide Hände
frei hat, dreht er das Telefon in den Landscape-Modus. In dieser Ausrichtung lassen
sich bequem längere Texte tippen, Vollbildvideos schauen oder Spiele spielen.
Bei Tablets sieht das Ganze etwas anders aus: Durch ihre größere Fläche lassen sie
sich bequem im Landscape-Modus halten, iPads mit Smartcover lassen sich, leicht
angewinkelt, bequem auf einen Tisch stellen. Erstaunlicherweise findet der Portrait-
Modus hier eher selten Verwendung, die vom Computer gelernte Breitbildvariante
ist wesentlich populärer.
Interessant wird es, wenn Sie die unterschiedlichen Ausrichtungen mit unterschied-
lichen Informationen belegen. Im Folgenden zeigen wir an einigen Beispielen aus
bekannten Apps, wie das aussehen kann.
E-Mail auf dem iPad
Apples E-Mail-Programm auf dem iPad zeigt in der Landscape-Orientierung den
Posteingang auf der linken Bildschirmseite als Liste an, auf der rechten Seite sieht der
Nutzer den Inhalt der ausgewählten E-Mail. Dreht er das Tablet in die Portrait-
Ansicht, verschwindet die Liste auf der linken Seite, die E-Mail nimmt den ganzen
Bildschirm ein. Während die eine Ansicht die Übersicht über die letzten E-Mails
erleichtert, ist es in der anderen bequemer, lange Texte oder Dokumente zu lesen - je
nach Anwendungsfall haben beide Ansichten Vor- und Nachteile.
Search WWH ::
Custom Search