HTML and CSS Reference
In-Depth Information
immer noch die Chance, den vorgeschlagenen Inhalt zu verändern oder zu löschen,
kann ihn aber auch einfach ohne Texteingabe akzeptieren, wenn er mit dem Vor-
schlag einverstanden ist.
•
Vermeiden Sie komplexe Formulare mit Texteingabe. Die meisten Touchscreen-
Telefone blenden eine Bildschirmtastatur ein, die einen Großteil des Bildschirms
verdeckt. Unter Umständen sehen Sie gar nicht mehr, was Sie eingeben sollen, da
sich die Bildschirmtastatur über die Felder gelegt und der Fokus sich verschoben hat.
•
Mittels HTML5 können Sie glücklicherweise wesentlich flexiblere Texteingabefelder
definieren. Mehr dazu lesen Sie im Abschnitt 2.2.2 »Neue Input-Typen, Auto-
Korrektur und Auto-Großschreibung«.
•
Lassen Sie sich nicht von der Traumvorstellung des mobilen Nutzers verführen! Er
ist ein ganz normaler Anwender, nicht unbedingt technisch versiert, wenig interes-
siert am »Entdecken« von Funktionen und Bereichen einer mobilen Anwendung,
und er kommt meistens auch ohne Superfinger mit Stylus-Durchmesser daher.
Gestalten Sie daher Ihre Schaltflächen auch für etwas dickere Finger.
Auch wenn sich die gerade aufgeführten Punkte nach einer Reihe von Einschränkungen
anhören und den Spaß am Anwendungsdesign verderben, so bieten mobile Anwendun-
gen auch einzigartige Möglichkeiten:
•
Der Benutzer kann Ihre mobile Anwendung oder Webseite immer bei sich tragen.
Dazu ist Ihre Kreation auf dem Medium und dem Gerät da, mit dem der Benutzer
einen Großteil seiner Kommunikation abwickelt. Bieten Sie in Ihrer Anwendung
oder Webseite Schnittstellen zu den Telefonfunktionen an, wenn es Sinn ergibt. Aus
einer Webseite und natürlich auch aus einer Anwendung heraus können Sie Tele-
fonanrufe initiieren, Inhalte per E-Mail verschicken oder sie im Internet direkt vom
Handy heraus verbreiten.
•
Insbesondere HTML5 bringt mit den Location-Funktionen die aktuelle Position des
Benutzers zu Ihnen. Wenn Sie wissen, wo auf der Welt sich Ihr Nutzer befindet,
können Sie passgenaue Dienste anbieten. Allein durch die Verfügbarkeit dieser
Information lassen sich Tausende mobilspezifische Anwendungen bauen.
•
Mit den Offlinekapazitäten von HTML5 haben Sie die Chance, mobile Anwendun-
gen zu konzipieren, die auch ohne Internetverbindung auskommen oder kurze Ver-
bindungsausfälle, wie sie mit einem Telefon schon mal vorkommen, ganz geschickt
zu überspielen.
•
JavaScript und HTML5 bieten Ihnen unglaubliche Möglichkeiten, nicht immer eine
ganze Seite, sondern nur bestimmte Teile der Seite neu zu laden. Machen Sie davon
Gebrauch - wenn es sinnvoll ist!
1.1
Mobiles Web- und Anwendungsdesign
Da das iPhone ohne Frage die mobile Welt verändert und Standards im mobilen Web-
design gesetzt hat, möchten wir im nächsten Abschnitt auf bestimmte Charakteristiken
im iPhone-Webdesign eingehen und sie vorstellen. Für alle Beispiele im Buch werden
