Konzeption und Gestaltungsprinzipien - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 103

Position - sitzt, steht oder liegt der Benutzer? Hat er eine oder beide Hände frei?
Davon ist abhängig, ob Ihre App komplexe Eingabemechanismen einsetzen kann
oder einfach gehalten werden muss.

3

Lichtverhältnisse - in der Sonne sind Bildschirminhalte schwerer lesbar als in
geschlossenen Räumen. In der dunklen Nacht hingegen blendet ein Smartphone-
Bildschirm stärker als bei Tageslicht. Die Lichtverhältnisse entscheiden über die
Farbwahl und die Kontraste Ihrer App.

Verbindungsgeschwindigkeit - sitzt der Nutzer auf der heimischen Couch, ist es
wahrscheinlicher, dass er über eine schnelle WLAN-Verbindung verfügt. Sitzt er
hingegen in seiner Ferienblockhütte im tiefsten Schwarzwald, so wird sein Inter-
netzugang entsprecht langsamer sein. Eine Förster-App sollte daher z. B. auch off-
line funktionieren.

Umgebung - in einem vollen Hörsaal oder einer U-Bahn sollte eine App keine
unerwarteten Geräusche produzieren. Auch wenn Hintergrundmusik oder Intros
noch so cool sind, der Nutzer sollte die Möglichkeit haben, sie zu deaktivieren.

Im Folgenden werden wir an zwei sehr gegensätzlichen Beispielen erläutern, wie
diese Faktoren das Design einer App beeinflussen.

Beispiel 1: Die Surfer-App

Die Surfer-App eines bekannten Boardherstellers soll die Sportler über Windge-
schwindigkeit, Wellenhöhe, Wassertemperatur und generelle Wetterinfos auf dem
Laufenden halten. Die Nutzer befinden sich dabei in einer besonderen Situation:

Sie sind unterwegs.

Sie befinden sich unter freiem Himmel, im Idealfall in der Sonne. Es ist hell, auch
mit cooler Sonnenbrille.

Sie stehen, sitzen oder laufen.

Sie sehen in Ihrer Bermuda-Shorts einfach umwerfend aus.

Sie haben höchstens eine mobile Internetverbindung zur Verfügung.

Das bedeutet, dass eine vollmobile iPhone-App am sinnvollsten ist (Abbildung
3.17). Sie sollte nur wenige Daten übertragen und auch ohne Internetverbindung
funktionieren. Informationen müssen klar und lesbar dargestellt werden, hohe
Kontraste und große Schriftgrößen erleichtern die Erkennbarkeit auch in grellem
Sonnenlicht und mit dunkelschwarzer Sonnenbrille. Alle wichtigen Informationen
müssen auf einen Blick erkennbar sein, weniger wichtige werden hinter einem
Details-Tab eingruppiert (Abbildung 3.18). Auf Dekoration und Spielereien wird
bewusst verzichtet.