Fünf Tricks für UX-Design für IOS 7

Die Benutzeroberfläche wird schlichter, die Apps übersichtlicher, die Icons klarer, die Texte lesbarer, die Farbpalette kontrastreicher. Die Reduktion der Details lässt die Nutzfläche optisch größer erscheinen. Überflüssige Balken, Tasten und andere Designdetails sind verschwunden. Dadurch steigt der Bedienkomfort. Gleichzeitig erreicht das neue Design durch den implementierten Parallax-Effekt mehr Tiefe. Bei Änderung des Haltewinkels verschieben sich die verschiedenen Ebenen vor dem Hintergrund gegeneinander.

Die Anordnung der Elemente auf mehreren funktionalen Ebenen sorgt für eine räumliche Optik, Struktur und Ordnung. Der Wechsel zwischen einzelnen Apps erfolgt, wie auch schon bei WebOS (Activity Cards), über eine übersichtliche Scroll-Ansicht. Durch einen kurzen Wisch nach oben lassen sich Apps schließen. Interaktionen imitieren physikalische Bewegungsabläufe und wirken dank entsprechender Animationen äußerst lebendig und realistisch.

Anhand der neuen Vorgaben von IOS 7 hinsichtlich Design und Funktionalität lassen sich fünf Tipps für optimales UX-Design ableiten:

1. Flat-Design umsetzen

Das neue Betriebssystem erfordert eine radikale Umstellung des Designansatzes: weg von der stark strukturierten, oft auch didaktischen Gestaltung der Icons, Bar-Buttons und Launch-Bilder, hin zu flächigen, aufs Wesentliche reduzierten Elementen. Rahmen sind nicht mehr vorgesehen. Schatten und Farbverläufe sollten mit dem Design von iOS 7 harmonieren.

2. Transparenz und Blur-Effekt beachten

Die Ebenenstruktur von iOS 7 führt dazu, dass Elemente einander überlappen. Die vorderste Ebene erscheint scharf, die hinteren weichgezeichnet. Zudem sind alle View Controller nicht nur transparent, sondern auch im Fullscreen-Modus anzulegen, da Status Bar und Tab Bar bei iOS 7 nur bei Bedarf eingeblendet werden. Diese Designelemente sind unbedingt zu berücksichtigen.

3. Dynamik nutzen

Das Design von iOS 7 zeichnet sich im Vergleich zum Vorgänger durch zahlreiche Bewegungseffekte aus. Animationen begleiten alle Interaktionen und frischen so das Benutzererlebnis spürbar auf. Die notwendigen Anpassungen sollten nicht als Last, sondern als Chance verstanden werden: Dank der Motion Effekte bei iOS 7 sorgt Apple dafür, dass Technologie und Design endlich im Einklang stehen.

4. Texte optimieren

Aufgrund des Verzichts auf skeuomorphe Designelemente liegt die Verantwortung für die Benutzerführung stärker auf den Texten als zuvor. Sie sollten unbedingt einfach und eindeutig sein, um intuitiv bedient werden zu können.

5. Unverwechselbar bleiben

Apple hat sich mit dem Design von iOS 7 Android und Windows angenähert. Das Flat-Design nimmt dem Entwickler die Chance, durch dekorative Zusätze eine eigene Note zu kreieren. Dennoch ist die große Herausforderung des UX-Designers unverwechselbare Apps zu entwickeln. Empfehlenswert ist eine Rückbesinnung auf grundsätzliche Designprinzipien wie Funktionalität, Klarheit und Konsequenz.

"Apple schließt mit IOS 7 zu Android und Windows 8 auf", kommentiert Lukas Czarnecki. "Das minimalistische Design, die Ebenenstruktur und die Bewegungseffekte sorgen für ein positives Benutzererlebnis. Fraglich ist jedoch, wie die Apple-Nutzer die Reduktion der Icons annehmen. Denn Texte müssen gelesen, wohingegen Icons intuitiv verstanden werden."