August 4, 2017-iOS App Development, mobile strategy
door Mike Woods, Atimi Software Inc.
dynamisch Type is niet nieuw. Het is al sinds iOS 7, maar de goedkeuring door toepassingen is enigszins fragmentarisch – tot nu toe. Met iOS 11 maakt Apple aanzienlijke verbeteringen aan de functie die moet leiden tot grootschalige adoptie. Dit artikel gaat door deze veranderingen en gaat na hoe ze van invloed zijn op een goede app ontwerp en implementatie.
Wat is dynamisch Type?
iOS heeft altijd grote ondersteuning voor tekst. Het besturingssysteem heeft tientallen hoge kwaliteit, schaalbare lettertypen en een geavanceerde TEKST rendering engine. Ontwerpers en ontwikkelaars zijn in staat geweest om gebruik te maken van deze rijke functie ingesteld om aantrekkelijke en functionele UI ‘ s te produceren.
echter, met een klein scherm, UI ontwerp is altijd een compromis tussen het passen van inhoud in het beeld en leesbaarheid. En omdat de grootte van leesbare tekst varieert van persoon tot persoon, wat werkt voor de een kan onbruikbaar zijn voor een ander. Tekst-zware toepassingen (zoals nieuwslezers) kunnen een tekstgrootte instelling bieden, maar als dergelijke functies moeten handmatig worden gecodeerd, de meeste toepassingen gewoon niet garanderen de inspanning.
om dit probleem op te lossen, introduceerde Apple Dynamic Type in iOS 7. Het stelt ontwerpers in staat om een set van zeven (later verhoogd tot tien) tekststijlen te gebruiken bij het selecteren van lettertypen. Deze stijlen worden vervolgens toegewezen aan verschillende lettertypen en groottes volgens de instelling van de tekstgrootte van de gebruiker. Met Dynamic Type kan elke toepassing reageren op de voorkeur voor de grootte van de gebruiker, wat de ervaring voor een breder scala van gebruikers verbetert.
dynamisch Type ondersteunt zeven grootteinstellingen, waardoor een significante variatie in lettergrootte mogelijk is. Bijvoorbeeld, Body text style is 17pt bij de standaardinstelling, maar varieert van 14pt tot 23pt. Dit is echter niet de limiet, omdat iOS een toegankelijkheidsinstelling bevat die vijf grotere maten toevoegt, helemaal tot 53pt voor lichaamstekst. (Merk op dat, op dit moment, alleen de tekstgrootte veranderingen in de toegankelijkheid maten – dit zal veranderen in iOS 11.)
deze flexibiliteit heeft zijn eigen uitdagingen. Het dynamische bereik van body tekst is ongeveer 4:1, waardoor zelfs korte zinnen meerdere regels overspannen. Statische lay-outs werken duidelijk niet met dynamische tekst. Gelukkig zal Auto lay-out het grootste deel van het zware tillen verwerken, waardoor de gebruikersinterface de lay-out kan aanpassen zonder dat er code nodig is.
niettemin kunnen niet alle opmaakproblemen worden opgelost met Auto Layout alleen. Ook, retrofit dynamisch Type in een bestaande toepassing (vooral als het omvat handmatige lay-out code) kan moeilijk zijn. Tot slot betekent het aannemen van dynamisch Type dat de andere door het besturingssysteem geleverde lettertypen worden opgegeven, om nog maar te zwijgen van aangepaste lettertypen; geen gemakkelijke keuze voor ontwerpers op zoek naar een onderscheidende look.
deze uitdagingen hebben ertoe geleid dat veel apps traag zijn om dynamisch Type aan te nemen, of om dit op een naïeve manier te doen, resulterend in gebroken UI ‘ s, met name voor de grotere instellingen.
dit alles zou echter moeten veranderen …
wat komt er in iOS 11?
op de WWDC van dit jaar kondigde Apple verschillende verbeteringen aan in Dynamic Type voor iOS 11 die een grote impact zullen hebben op de snelheid en de kosten van de goedkeuring.
misschien wel de belangrijkste is de mogelijkheid om andere lettertypen met dynamisch Type te gebruiken. Dit stelt ontwerpers in staat om het tekststijlpalet (inclusief lettertype en puntgrootte) effectief te herdefiniëren en het systeem zal ze automatisch schalen volgens de tekstgrootte van de gebruiker.
om de impact hiervan te begrijpen, overweeg dan een educatieve applicatie die Chalkboard SE (een van de standaard iOS-lettertypen) als het belangrijkste lettertype wil gebruiken. Voorheen zou dat dynamisch Type uitsluiten. In iOS 11, niet alleen is dit mogelijk, maar de ontwerper zou kunnen beslissen dat de tekst iets groter moet zijn (18pt, zeg, voor lichaam tekst) duidelijker te kijken met het handschrift lettertype – en de lettertypen zullen nog steeds passend schalen op andere tekstgroottes.
het wordt ook gemakkelijker om bestaande UI ‘ s voor dynamische tekst bij te werken. Auto lay-out krijgt de mogelijkheid om verticale spatiëring aan te passen aan de tekstgrootte, zodat tekst niet krap bij grotere maten. En voor handmatige lay-Outcode is het mogelijk om pixelafstanden te schalen volgens de tekstgrootte voor een vergelijkbaar effect.
afbeeldingen kunnen ook schalen zodat pictogrammen beter zichtbaar zijn in grote tekstformaten voor toegankelijkheid. UIKit is zelfs in staat om pictogrammen in vectorvorm te houden om pixelatieproblemen te voorkomen.
verder is er een verbeterde afstelling van de lay-out omdat de tekstgrootte beschikbaar wordt gemaakt als onderdeel van UITraitCollection, de standaard manier om andere factoren die de lay-out beïnvloeden te volgen.
een laatste verandering is dat nu alle tekststijlen puntgrootte veranderen met toegankelijkheid. Dit zal de leeservaring voor slechtziende gebruikers aanzienlijk verbeteren omdat alle tekst, niet alleen lichaamstekst, zal schalen. Het beïnvloedt ook design denken als het betekent veel meer variatie in inhoud grootte.
Wat Zegt Apple?
misschien wel belangrijker dan de technische verbeteringen aan het dynamische Type is de push van Apple om toegankelijkheid in iOS 11 te bevorderen. Dit omvat het toepassen van “design for everyone” principes op de toepassingen en hulpprogramma ‘ s die worden geleverd met het besturingssysteem. Tot deze beginselen behoren drie doelstellingen voor het gebruik van tekst.
1. Tekst moet groot genoeg zijn voor de gebruiker om te lezen. (Met andere woorden, tekst moet schalen met dynamisch Type.)
2. De tekst moet volledig leesbaar zijn. Het mag niet onnodig worden afgekapt en het mag niet overlappen of knippen.
3. Een app UI moet er mooi uitzien op alle tekstformaten.
om deze doelen te bereiken moet UI ‘ s meer adaptief zijn dan alleen tekst laten groeien. Tabelcelinhoud wordt bijvoorbeeld vaak horizontaal georganiseerd met een afbeelding of pictogram aan de voorzijde en tekstlabel aan het einde. Dit ziet er geweldig uit voor reguliere tekstformaten, maar de grotere toegankelijkheid lettertypen leiden ertoe dat het label er krap uitziet (zelfs in de mate van lange woorden die over meerdere regels worden gebroken) terwijl het pictogram in een grote verticale witruimte zit. Overschakelen naar een verticale lay-out met het pictogram boven de tekst maximaliseert de horizontale ruimte voor de tekst terwijl meer inhoud op het scherm wordt geplaatst.
in andere situaties kan het toestaan van grotere lettertypen betekenen dat verticale inhoud opnieuw wordt geordend om ervoor te zorgen dat actieknoppen niet worden ingedrukt door meerregelige tekst, dat gereedschapsknoppen worden gereorganiseerd in meerdere rijen, of dat aanvullende inhoud wordt Verborgen om plaats te maken voor belangrijke tekst.
geen van deze adaptieve ontwerpen zijn gratis, maar Apple maakt het punt dat ze de moeite waard zijn om een geweldige ervaring voor iedereen te leveren. En door het leveren van een dergelijke ervaring binnen het systeem toepassingen, Apple is het verhogen van de lat voor apps van derden. Met iOS 11 zullen gebruikers meer bereid zijn om toegankelijkheidsfuncties in te schakelen om het gebruiksgemak te verbeteren, en apps die het dynamische Type niet goed ondersteunen, zullen uiteindelijk verliezen aan degenen die dat wel doen.
neem contact met ons op om erachter te komen hoe Atimi Software u kan helpen een aangepaste, innovatieve, enterprise app te bouwen die een superieure gebruikerservaring biedt en de tand des tijds kan doorstaan.
