HTML and CSS Reference
In-Depth Information
1 Mobile Designprinzipien
Bevor wir uns an das Programmieren einer mobilen Webseite machen, möchten wir auf
einige Designgrundlagen für das mobile Anwendungs- und Webdesign aufmerksam
machen. Das Design einer mobilen Seite oder Anwendung kann in vielen Punkten als
komplexer als das Webdesign einer Desktopseite angesehen werden. Auf folgende
Herausforderungen werden Sie stoßen, wenn Sie mobile Programme erstellen möchten:
•
Der Bildschirm ist wesentlich kleiner.
•
Der Benutzer bedient die Anwendung mit dem Finger, nicht mit der Maus.
•
Die Texteingabe ist selbst bei High-End-Telefonen immer noch keine Freude.
•
Der Benutzer hat unterwegs andere Anforderungen an eine Anwendung oder Web-
seite als zu Hause oder bei der Arbeit am PC.
•
Trotz UMTS und anderer Technologien ist das mobile Internet nicht beständig
schnell, ein Nutzer kann sogar in Gebiete ohne Empfang kommen.
Um diese Probleme so gut wie möglich zu lösen, sollten Sie bei dem Anwendungsdesign
einer mobilen Anwendung auf folgende Dinge achten:
•
Machen Sie sich am Anfang Ihres Konzepts klar, was Ihr zukünftiger Benutzer für
Vorteile hat, wenn er Ihre Anwendung unterwegs benutzt. Was könnte die Haupt-
nutzung, der hauptsächliche sogenannte »Use Case«, Ihrer Anwendung sein?
•
Eine mobile Anwendung wird wahrscheinlich nicht erfolgreich sein, wenn sie unter-
wegs keinen Sinn ergibt oder die Funktionen, die für die Benutzung unterwegs wenig
sinnvoll sind, gegenüber anderen Funktionen heraushebt.
•
Nicht alle Inhalte eignen sich für die mobile Nutzung: Große Grafiken oder extrem
lange Texte sind ungeeignet, verursachen lange Ladezeiten oder passen nicht in das
Design für kleine Bildschirme. Versuchen Sie, angepasste Inhalte zu verwenden.
•
Wenn nicht der falsche Use Case oder Designansatz den Erfolg einer mobilen
Anwendung »killt«, dann ist es die fehlende Geschwindigkeit. Der mobile Benutzer
ist in der Regel viel ungeduldiger und erwartet - insbesondere von einer Seite oder
Anwendung, die für die mobile Nutzung optimiert ist - auch eine optimierte
Geschwindigkeit.
•
Versuchen Sie, die Texteingabe so weit wie möglich zu minimieren. An jeder Stelle,
an der der Benutzer Ihrer mobilen Anwendung längere Informationen eingeben
muss, ist Scheitern programmiert. Zwar bietet insbesondere das iPhone eine für
mobile Geräte recht komfortable Eingabemethode, dennoch wird ein Großteil Ihrer
Benutzer Eingabefelder so weit wie möglich meiden.
•
Falls Sie nicht um bestimmte Texteingabefelder herumkommen, versuchen Sie nach
Möglichkeit, diese schon vorher sinnvoll auszufüllen. In diesem Fall hat der Benutzer
