Es wurde viel über iOS 7 gesprochen, seit es Anfang des Monats veröffentlicht wurde, und das meiste war auf das Design ausgerichtet, insbesondere auf die neuen Icons. Jetzt, da wir alle Zeit hatten, über die Änderungen nachzudenken, werden Fragen gestellt, wie sie sich auf das Design unserer eigenen Apps auswirken. Aus diesem Grund ist eine Debatte darüber entbrannt, welchen Einfluss die neue Benutzeroberfläche von iOS 7 haben sollte.
Während einige glauben, dass Apps ihrem eigenen Stil treu bleiben sollten und nicht neu gestaltet werden sollten, um dem Look von iOS 7 zu entsprechen, glauben andere, dass Apps neu gestaltet werden sollten, damit sie sich nativer fühlen. Hinzu kommt, dass es gewisse Verwirrung darüber gibt, wie streng es ist Apples iOS Human Interface Guidelines eigentlich sind.
Um die Dinge zu klären, habe ich mir die Dokumente in diesem Buch genau angesehen Apples iOS 7 Design-Ressourcen und werde diesen Beitrag nutzen, um einige meiner Erkenntnisse zu teilen.
Im Hinblick auf die Debatte darüber, ob alle Apps nun eine "flache" Ästhetik annehmen sollen, ist das reine Ansichtssache. Wenn Sie benutzerdefinierte UI-Elemente in Ihrem Design verwenden, liegen letztendlich stilistische Entscheidungen bei Ihnen und Ihrem Team. Obwohl Apple vorschlagen, dass Sie die Verwendung von Schlagschatten, Farbverläufen und Einfassungen wiederholen, habe ich keine Beweise dafür gefunden, dass dies eine strenge Anforderung ist.
In dem unten stehenden Textausschnitt, entnommen aus der iOS 7 UI-Übergangshandbuch Weitere Informationen zu den verschiedenen Anpassungsebenen und zu den Auswirkungen auf die einzelnen Schritte für die Vorbereitung Ihrer Apps für den Übergang finden Sie hier.
Stellen Sie sich die App-Anpassung so vor, dass sie in die folgenden drei Typen unterteilt ist:
- Standard. Die App enthält nur standardisierte, nicht angepasste UI-Elemente, die von UIKit bereitgestellt werden.
- Brauch. Die App präsentiert eine vollständig benutzerdefinierte Benutzeroberfläche, die keine UIKit UI-Elemente enthält.
- Hybrid. Die App enthält eine Mischung aus Standard- und benutzerdefinierten Elementen, einschließlich Standardelementen, die Sie mithilfe von UIKit-Tönungs- und Darstellungs-Anpassungs-APIs anpassen.
Bei einer Standard-App müssen Sie entscheiden, ob Ihre visuellen und Nutzererfahrungsdesigns in der iOS 7-Umgebung noch sinnvoll sind. Wenn Sie sich dafür entscheiden, das aktuelle Layout und das Interaktionsmodell beizubehalten, müssen Sie kleinere Anpassungen vornehmen und sicherstellen, dass die App die neuen systemweiten Gesten korrekt verarbeitet.
Benutzerdefinierte Apps, d. H. Apps, die keine UIKit-UI-Elemente verwenden, erfordern eine differenziertere Vorgehensweise. Zum Beispiel, wenn Sie der Meinung sind, dass die aktuelle Benutzeroberfläche und die Erfahrung der App immer noch angemessen ist, kann es sehr wenig zu tun geben. Auf der anderen Seite, wenn Sie der Meinung sind, dass sich die Persönlichkeit und Benutzererfahrung der App ändern sollten, um die Nutzer von iOS 7 zu erfreuen, haben Sie mehr zu tun.
Hybrid-Apps variieren je nach den von Ihnen vorgenommenen Anpassungen und der Kombination von benutzerdefinierten und Standardelementen. Neben der Überarbeitung des Gesamtdesigns einer Hybrid-App müssen Sie sicherstellen, dass Ihre Anpassungen weiterhin gut funktionieren und gut aussehen, wenn sie in Standardelemente integriert werden.
Es wird auch am Ende des oben zitierten Dokuments angemerkt, dass eine App, die die standardmäßige iOS 6-Benutzeroberfläche in einer vollständig benutzerdefinierten Weise nachahmt, wahrscheinlich eine Menge Arbeit erfordert, da sie einfach veraltet wirkt. Dies ist sicherlich eine Perspektive, die Sie berücksichtigen möchten.
Auch aus der iOS 7 UI-Übergangshandbuch ist der folgende Text, der zwei Listen enthält - Dinge, die jede App tun muss und Dinge, die jede App tun sollte . Angesichts der Änderung in der Sprache würde ich die erste als eine Liste von strengen Anforderungen betrachten und die zweite als eine Liste von Dingen, die zumindest ein wenig überlegt werden sollten.
Dinge, die jede App tun muss
- Aktualisieren Sie das App-Symbol. In iOS 7 sind App-Symbole 120 x 120 Pixel (hohe Auflösung).
- Aktualisieren Sie das Startabbild so, dass es den Statusleistenbereich enthält, falls dies nicht bereits geschehen ist.
- Unterstützen Sie Retina Display und iPhone 5 in all Ihren Grafiken und Designs, wenn Sie dies nicht bereits tun.
Dinge, die jede App tun sollte
- Stellen Sie sicher, dass App-Inhalte durch transparente UI-Elemente (z. B. Balken und Tastaturen) und die transparente Statusleiste erkennbar sind. In iOS 7 verwenden View Controller das Vollbild-Layout (weitere Informationen finden Sie unter View-Controller verwenden ).
- Redesign benutzerdefinierte Symbolleiste Schaltflächensymbole. In iOS 7 sind die Schaltflächensymbole der Balkensymbole leichter und weisen einen anderen Stil auf.
- Bereiten Sie sich auf randlose Schaltflächen vor, indem Sie sich von der Bereitstellung von Schaltflächenhintergrundbildern lösen und Ihr Layout neu bewerten.
- Untersuchen Sie Ihre App auf hartcodierte UI-Werte (z. B. Größen und Positionen), und ersetzen Sie sie durch diejenigen, die Sie dynamisch von den vom System bereitgestellten Werten ableiten. Verwenden Sie Auto-Layout, um Ihre App bei Layoutänderungen zu unterstützen. (Wenn Sie neu in Auto Layout sind, erfahren Sie es durch Lesen Cocoa Auto-Layout-Anleitung .)
- Untersuchen Sie Ihre App auf Orte, an denen die Metriken und Stiländerungen von UIKit-Steuerelementen und Ansichten das Layout und die Darstellung beeinflussen. Zum Beispiel sind Schalter breiter, gruppierte Tabellen sind nicht länger eingelassen, und Fortschrittsansichten sind dünner. Weitere Informationen zu bestimmten UI-Elementen finden Sie unter Bars und Barknöpfe , Kontrollen , Inhaltsansichten , und Temporäre Ansichten .
- Dynamischen Typ übernehmen In iOS 7 können Benutzer die Textgröße anpassen, die sie in Apps sehen. Wenn Sie den dynamischen Typ übernehmen, erhalten Sie Text, der auf benutzerdefinierte Größenänderungen entsprechend reagiert. Weitere Informationen finden Sie unter Verwenden von Schriftarten .
- Vergewissern Sie sich, dass Ihre App nicht unangemessen auf die neue Geste des Steuerzentrums oder auf den Swipe eines Navigationssteuergeräts reagiert, um die Gesten zurückzugehen, insbesondere, wenn Sie eine benutzerdefinierte Touch-Behandlung durchführen.
- Überarbeiten Sie die Verwendung von Schlagschatten, Farbverläufen und Blenden. Da die Ästhetik von iOS 7 glatt und mehrschichtig ist - mit weniger Betonung auf visuellen Effekten, die UI-Elemente physisch aussehen lassen - sollten Sie diese Effekte überdenken.
- Aktualisieren Sie bei Bedarf Ihre App auf Best Practices für iOS 6, z. B. Auto-Layout und Storyboards, und stellen Sie sicher, dass die App keine veraltete API verwendet.
iOS 7 bedeutet auch nicht das Ende des ultra-detaillierten App-Icons. Der Textausschnitt unten, aus der Richtlinien für iOS-Benutzeroberflächen , deutet darauf hin, dass es immer noch einen Platz für Realismus gibt. Wie oben erwähnt, müssen jedoch alle App-Symbole aktualisiert werden.
Wenn Sie reale Substanzen darstellen wollen, tun Sie es genau. Symbole oder Bilder, die reale Objekte darstellen, sollten auch so aussehen, als ob sie aus echten Materialien bestehen und echte Masse haben. Realistische Symbole reproduzieren genau die Eigenschaften von Stoffen wie Stoff, Glas, Papier und Metall und vermitteln das Gewicht und das Gefühl eines Objekts.
Obwohl es viel mehr zu den darin enthaltenen Dokumenten gibt Apples iOS 7 Design-Ressourcen und ich würde empfehlen, sie alle durchzulesen. Ich hatte das Gefühl, dass gerade diese drei Schnipsel eine dringend benötigte Klarheit bieten. Apples neuer Ansatz mag es am besten, Schatten, Farbverläufe und Einfassungen zu vermeiden, aber das bedeutet nicht, dass Sie dem Beispiel folgen müssen, und ob Sie dies tun sollten oder nicht, ist nur eine Frage der Meinung.
Unabhängig davon, welche Stilwahl Sie treffen, solange Sie alle oben genannten Punkte sorgfältig berücksichtigen, sollten Sie kein Problem damit haben, Ihre Apps erfolgreich auf iOS 7 umzustellen.
Haben Sie damit Ihre Bedenken geklärt? Freust du dich auf den Übergang? Lassen Sie es uns in den Kommentaren wissen.