4. August 2017 – iOS App-Entwicklung, mobile Strategie
Von Mike Woods, Atimi Software Inc.
Dynamischer Typ ist nicht neu. Es gibt es seit iOS 7, aber seine Annahme durch Anwendungen war etwas lückenhaft – bis jetzt. Mit iOS 11 verbessert Apple die Funktion erheblich, was zu einer breiten Akzeptanz führen sollte. In diesem Artikel werden diese Änderungen erläutert und untersucht, wie sie sich auf das gute App-Design und die Implementierung auswirken.
Was ist ein dynamischer Typ?
iOS hat immer eine großartige Unterstützung für Text enthalten. Das Betriebssystem verfügt über Dutzende hochwertiger, skalierbarer Schriftarten und eine ausgeklügelte Text-Rendering-Engine. Designer und Entwickler konnten diesen umfangreichen Funktionsumfang nutzen, um attraktive und funktionale Benutzeroberflächen zu erstellen.
Bei einem kleinen Bildschirm ist das UI-Design jedoch immer ein Kompromiss zwischen der Anpassung des Inhalts an die Ansicht und der Lesbarkeit. Und da die Größe des lesbaren Textes von Person zu Person variiert, kann das, was für einen funktioniert, für einen anderen unbrauchbar sein. Textlastige Anwendungen (z. B. Newsreader) bieten möglicherweise eine Textgrößeneinstellung, aber da solche Funktionen manuell codiert werden müssen, rechtfertigen die meisten Anwendungen den Aufwand nicht.
Um dieses Problem zu lösen, hat Apple den dynamischen Typ in iOS 7 eingeführt. Es ermöglicht Designern, bei der Auswahl von Schriftarten einen Satz von sieben (später auf zehn) Textstilen zu verwenden. Diese Stile werden dann entsprechend der Textgrößeneinstellung des Benutzers verschiedenen Schriftarten und Größen zugeordnet. Mit Dynamic Type kann jede Anwendung auf die Größenpräferenz des Benutzers reagieren, was die Erfahrung für ein breiteres Spektrum von Benutzern verbessert.
Dynamic Type unterstützt sieben Größeneinstellungen, die eine signifikante Variation der Schriftgröße ermöglichen. Der Textkörperstil ist beispielsweise standardmäßig 17pt, reicht jedoch von 14pt bis 23pt. Dies ist jedoch nicht die Grenze, da iOS eine Eingabehilfeneinstellung enthält, die fünf größere Größen hinzufügt, bis zu 53pt für Textkörper. (Beachten Sie, dass sich derzeit nur die Körpertextgröße in den Eingabehilfen ändert – dies wird sich in iOS 11 ändern.)
Diese Flexibilität bringt ihre eigenen Herausforderungen mit sich. Der Dynamikbereich von Textkörper ist grob 4:1, so dass auch kurze Sätze mehrere Zeilen überspannen. Statische Layouts funktionieren eindeutig nicht mit dynamischem Text. Glücklicherweise übernimmt das automatische Layout den größten Teil des schweren Hebens, sodass die Benutzeroberfläche das Layout anpassen kann, ohne dass Code erforderlich ist.
Dennoch können nicht alle Layoutprobleme allein mit dem automatischen Layout gelöst werden. Außerdem kann das Nachrüsten dynamischer Typen in eine vorhandene Anwendung (insbesondere wenn sie manuellen Layoutcode enthält) schwierig sein. Schließlich bedeutet die Übernahme von Dynamic Type, die anderen vom Betriebssystem bereitgestellten Schriftarten aufzugeben, ganz zu schweigen von benutzerdefinierten Schriftarten; keine leichte Wahl für Designer, die einen unverwechselbaren Look suchen.
Diese Herausforderungen haben dazu geführt, dass viele Apps den dynamischen Typ nur langsam oder naiv annehmen, was zu fehlerhaften Benutzeroberflächen führt, insbesondere für die größeren Einstellungen.
All dies sollte sich jedoch ändern …
Was kommt in iOS 11?
Auf der diesjährigen WWDC kündigte Apple mehrere Verbesserungen des dynamischen Typs für iOS 11 an, die einen großen Einfluss auf die Rate und die Kosten seiner Einführung haben werden.
Am wichtigsten ist vielleicht die Möglichkeit, andere Schriftarten mit dynamischem Typ zu verwenden. Auf diese Weise können Designer die Textstilpalette (einschließlich Schriftart und Punktgröße) effektiv neu definieren, und das System skaliert sie automatisch entsprechend der Textgröße des Benutzers.
Um die Auswirkungen zu verstehen, betrachten Sie einfach eine Bildungsanwendung, die Chalkboard SE (eine der Standard-iOS-Schriftarten) als Hauptschriftart verwenden möchte. Zuvor würde dies einen dynamischen Typ ausschließen. In iOS 11 ist dies nicht nur möglich, sondern der Designer könnte auch entscheiden, dass der Text etwas größer sein sollte (z. B. 18pt für Textkörper), um mit der Handschrift klarer auszusehen – und die Schriftarten werden bei anderen Textgrößen weiterhin entsprechend skaliert.
Es wird auch einfacher, vorhandene Benutzeroberflächen für dynamischen Text zu aktualisieren. Das automatische Layout bietet die Möglichkeit, den vertikalen Abstand entsprechend der Textgröße anzupassen, damit der Text bei größeren Größen nicht beengt wird. Und für manuellen Layout-Code ist es möglich, Pixelabstände entsprechend der Textgröße zu skalieren, um einen ähnlichen Effekt zu erzielen.
Bilder können auch skaliert werden, damit Symbole in großen Eingabehilfen besser sichtbar sind. UIKit ist sogar in der Lage, Symbole in Vektorform zu halten, um Pixelprobleme zu vermeiden.
Darüber hinaus gibt es eine verbesserte Layout-Optimierung, da die Textgröße als Teil von UITraitCollection verfügbar gemacht wird, was die Standardmethode ist, um andere Faktoren zu verfolgen, die das Layout beeinflussen.
Eine letzte Änderung ist, dass jetzt alle Textstile die Punktgröße mit Barrierefreiheit ändern. Dies wird das Leseerlebnis für Benutzer mit Sehbehinderung erheblich verbessern, da der gesamte Text, nicht nur der Textkörper, skaliert wird. Es wirkt sich auch auf Design Thinking aus, da es viel mehr Variation in der Inhaltsgröße bedeutet.
Was sagt Apple?
Vielleicht wichtiger als die technischen Verbesserungen des dynamischen Typs ist der Vorstoß von Apple, die Barrierefreiheit in iOS 11 zu fördern. Dazu gehört die Anwendung der Prinzipien „Design für alle“ auf die Anwendungen und Dienstprogramme, die mit dem Betriebssystem ausgeliefert werden. Zu diesen Grundsätzen gehören drei Ziele für die Verwendung von Text.
1. Der Text sollte groß genug sein, damit der Benutzer ihn lesen kann. (Mit anderen Worten, Text sollte mit dynamischem Typ skaliert werden.)
2. Der Text sollte vollständig lesbar sein. Es sollte nicht unnötig abgeschnitten und nicht überlappt oder abgeschnitten werden.
3. Die Benutzeroberfläche einer App sollte bei allen Textgrößen schön aussehen.
Um diese Ziele zu erreichen, müssen Benutzeroberflächen anpassungsfähiger sein, als nur Text wachsen zu lassen. Beispielsweise wird der Inhalt von Tabellenzellen häufig horizontal mit einem Bild oder Symbol an der vordersten Seite und einer Textbeschriftung am Ende organisiert. Dies sieht für normale Textgrößen gut aus, aber die größeren Eingabehilfen führen dazu, dass das Etikett eng aussieht (selbst wenn lange Wörter über mehrere Zeilen hinweg unterbrochen werden), während sich das Symbol in einem großen vertikalen Leerraum befindet. Wenn Sie mit dem Symbol über dem Text zu einem vertikalen Layout wechseln, wird der horizontale Platz für den Text maximiert, während mehr Inhalt auf dem Bildschirm angezeigt wird.
In anderen Situationen kann die Aufnahme größerer Schriftarten bedeuten, dass vertikaler Inhalt neu angeordnet wird, um sicherzustellen, dass Aktionsschaltflächen nicht durch mehrzeiligen Text nach unten gedrückt werden, Werkzeugschaltflächen in mehrere Zeilen umorganisiert oder Nebeninhalte ausgeblendet werden, um Platz für wichtigen Text zu schaffen.
Keines dieser adaptiven Designs ist kostenlos, aber Apple weist darauf hin, dass es sich lohnt, ein großartiges Erlebnis für alle zu bieten. Und durch die Bereitstellung einer solchen Erfahrung innerhalb der Systemanwendungen legt Apple die Messlatte für Apps von Drittanbietern höher. Mit iOS 11 werden Benutzer eher bereit sein, Eingabehilfen zu aktivieren, um die Benutzerfreundlichkeit zu verbessern, und Apps, die dynamische Typen nicht gut unterstützen, werden letztendlich diejenigen verlieren, die dies tun.
Setzen Sie sich mit uns in Verbindung, um herauszufinden, wie Atimi Software Ihnen helfen kann, eine benutzerdefinierte, innovative Unternehmensanwendung zu erstellen, die eine überlegene Benutzererfahrung bietet und den Test der Zeit besteht.
