3.2 Controls und Icons

Es ist noch immer nicht selbstverständlich, dass Buttons und Beschriftungen ausreichende Größe und Kontrast haben. Bei mobiler Nutzung ist es besonders wichtig, dass Buttons so groß wie möglich gestaltet werden, um ein leichteres Antippen zu ermöglichen. Buttons, die umrandet oder hervorgehoben sind, werden von Seniorinnen und Senioren viel einfacher gefunden als solche, die als flache Schriftzüge dargestellt sind. Abbildung 6a/b zeigt die Buttons "Filter" und "Sie hören" einmal in nicht umrandeter Version (links), und einmal umrandet (rechts).

  • NeuFür eine gute SeniorInnentauglichkeit müssen Buttons immer umrandet oder hervorgehoben/schattiert gestaltet werden. Dies steht im Gegensatz zu den Apple-Guidelines.

Abbildung 3.2.6a Controls und Icons Abbildung 3.2.6b Controls und Icons
Abbildung 6a und 6b: schattierte Buttons (links) mit Mouseover (rechts) der Bank Austria

  • Zu kleine Buttons und Symbole führen zu Bedienungsproblemen. Buttons müssen vor allem auf mobilen Geräten besonders groß angezeigt werden, also mindestens 48 x 48 dp (device-independent pixel), das entspricht ca. 8 x 8 mm. Die Angaben sind in absoluten physischen Maßen, da alle anderen Angaben wie px, em etc. auf den unterschiedlichen Endgeräten bzw. Auflösungen unterschiedlich groß ausfallen. Für SeniorInnen ist jedoch die tatsächliche, reale Dimension relevant.

Icon AppleIcon Android

Abbildung 3.2.7 Controls und Icons
Abbildung 7: Bad Practice: Die Pfeil-Buttons werden kaum getroffen, ebenfalls Ö1 App.

Abbildung 3.2.8 Controls und Icons
Abbildung 8: Good Practice: Die Buttons haben ausreichende Größe (Shazam-App)

  • Der Abstand zwischen Bedienelementen (Buttons, Links, anklickbare Icons …) muss mindestens 1,25 mm betragen, bzw. für Android 8 dp.

Icon Android

Abbildung 3.2.9a Controls und Icons Abbildung 3.2.9a Controls und Icons
Abbildung 9: Das Play-Symbol und die Beschriftung "Guten Morgen Österreich" sind zwei verschiedene Bedienelemente. Bei der Android-Version ist es schwierig das Play-Symbol zu erwischen (Bad Practice,oben), bei iOS gibt es genügend Abstand (Good Practice, unten)