August 4, 2017 – iOS App udvikling, mobil strategi
af Mike skoven, Atimi Inc.
dynamisk Type er ikke ny. Det har eksisteret siden iOS 7, men dets vedtagelse af applikationer har været noget ujævn – indtil nu. Med iOS 11 foretager Apple betydelige forbedringer af funktionen, der skulle føre til vedtagelse i bred skala. Denne artikel gennemgår disse ændringer og overvejer, hvordan de vil påvirke godt appdesign og implementering.
Hvad er dynamisk Type?
iOS har altid inkluderet stor støtte til tekst. Operativsystemet har snesevis af høj kvalitet, skalerbare skrifttyper og en sofistikeret tekstgengivelsesmotor. Designere og udviklere har været i stand til at udnytte dette rige funktionssæt til at producere attraktive og funktionelle UI ‘ er.
men med en lille skærm er UI-design altid et kompromis mellem at tilpasse indhold til visningen og læsbarheden. Og da størrelsen på læsbar tekst varierer fra person til person, kan det, der fungerer for en, være ubrugeligt for en anden. Teksttunge applikationer (såsom nyhedslæsere) kan tilbyde en tekststørrelsesindstilling, men da sådanne funktioner skal kodes manuelt, garanterer de fleste applikationer bare ikke indsatsen.
for at løse dette problem introducerede Apple dynamisk Type i iOS 7. Det giver designere mulighed for at bruge et sæt på syv (senere øget til ti) tekstformater, når de vælger skrifttyper. Disse stilarter kortlægges derefter til forskellige skrifttyper og størrelser i henhold til brugerens tekststørrelsesindstilling. Med Dynamic Type kan enhver applikation være lydhør over for brugerens størrelse, hvilket forbedrer oplevelsen for en bredere vifte af brugere.
dynamisk Type understøtter syv størrelsesindstillinger, hvilket giver en betydelig variation i skriftstørrelse. For eksempel er Brødteksttypografi 17pt ved standardindstillingen, men varierer fra 14pt til 23pt. Dette er dog ikke grænsen, da iOS inkluderer en tilgængelighedsindstilling, der tilføjer fem større størrelser, helt op til 53pt for brødtekst. (Bemærk, at der på nuværende tidspunkt kun ændres kropstekststørrelse i tilgængelighedsstørrelserne – dette ændres i iOS 11.)
denne fleksibilitet kommer med sine egne udfordringer. Det dynamiske område af brødtekst er omtrent 4:1, hvilket gør selv korte sætninger spænder over flere linjer. Statiske layouts fungerer tydeligvis ikke med dynamisk tekst. Heldigvis vil Auto Layout håndtere det meste af den tunge løft, så brugergrænsefladen kan justere layout uden behov for kode.
ikke desto mindre kan ikke alle layoutproblemer løses med automatisk Layout alene. Det kan også være svært at eftermontere dynamisk Type i en eksisterende applikation (især hvis den indeholder manuel layoutkode). Endelig betyder vedtagelse af dynamisk Type at opgive de andre OS-leverede skrifttyper, for ikke at nævne brugerdefinerede skrifttyper; ikke et let valg for designere, der søger et særpræg.
disse udfordringer har fået mange apps til at være langsomme til at vedtage dynamisk Type eller gøre det på en naiv måde, hvilket resulterer i ødelagte UI ‘ er, især for de større indstillinger.
men alt dette skal være ved at ændre…
Hvad kommer der i iOS 11?
på dette års VM annoncerede Apple flere forbedringer af Dynamic Type til iOS 11, der vil have stor indflydelse på hastigheden og omkostningerne ved vedtagelsen.
måske er det mest betydningsfulde evnen til at bruge andre skrifttyper med dynamisk Type. Dette gør det muligt for designere effektivt at omdefinere tekststilpaletten (inklusive skrifttype og punktstørrelse), og systemet skalerer dem automatisk i henhold til brugerens tekststørrelse.
for at forstå virkningen af dette skal du bare overveje en pædagogisk applikation, der ønsker at bruge Chalkboard SE (en af standard iOS-skrifttyperne) som dens vigtigste skrifttype. Tidligere ville det udelukke dynamisk Type. I iOS 11 er dette ikke kun muligt, men designeren kunne beslutte, at teksten skulle være lidt større (18pt, for eksempel til brødtekst) for at se klarere ud med håndskriftets skrifttype – og skrifttyperne skaleres stadig passende i andre tekststørrelser.
det bliver også lettere at opdatere eksisterende UI ‘ er til dynamisk tekst. Automatisk Layout får mulighed for at justere lodret Afstand i henhold til tekststørrelse, så teksten ikke bliver trang i større størrelser. Og for manuel layoutkode er det muligt at skalere billedafstande i henhold til tekststørrelse for lignende effekt.
billeder kan også skaleres for at gøre det muligt for ikoner at være mere synlige i store tilgængelighedstekststørrelser. UIKit er endda i stand til at holde ikoner i vektorform for at undgå billedproblemer.
ud over dette er der forbedret layoutindstilling, da tekststørrelsen stilles til rådighed som en del af UITraitCollection, som er standardmåden til at spore andre faktorer, der påvirker layout.
en sidste ændring er, at alle tekstformater nu ændrer punktstørrelse med tilgængelighed. Dette vil i høj grad forbedre læseoplevelsen for brugere med lavt syn, da al tekst, ikke kun brødtekst, skaleres. Det påvirker også designtænkning, da det betyder meget mere variation i indholdsstørrelse.
Hvad Siger Apple?
måske vigtigere end de tekniske forbedringer af Dynamic Type er Apple ‘ s skub for at fremme tilgængelighed i iOS 11. Dette inkluderer anvendelse af” design for alle ” – principper på de applikationer og værktøjer, der leveres med operativsystemet. Blandt disse principper er tre mål for brugen af tekst.
1. Teksten skal være stor nok til, at brugeren kan læse. (Med andre ord skal tekst skaleres med dynamisk Type.)
2. Teksten skal være fuldt læsbar. Det bør ikke afkortes unødigt, og det bør ikke overlappes eller klippes.
3. En apps brugergrænseflade skal se smuk ud i alle tekststørrelser.
at nå disse mål kræver, at Ui ‘ er er mere adaptive end blot at lade tekst vokse. For eksempel er tabelcelleindhold ofte organiseret vandret med et billede eller ikon på den forreste side og tekstetiket efterfølgende. Dette ser godt ud til almindelige tekststørrelser, men de større tilgængelighedsskrifttyper fører til, at etiketten ser Trang ud (selv i det omfang lange ord brydes over flere linjer), mens ikonet sidder i et stort lodret mellemrum. Skift til et lodret layout med ikonet over teksten maksimerer den vandrette plads til teksten, mens der monteres mere indhold på skærmen.
i andre situationer kan det at rumme større skrifttyper betyde omorganisering af lodret indhold for at sikre, at handlingsknapper ikke skubbes ned af tekst med flere linjer, omorganisering af værktøjsknapper i flere rækker eller skjul ekstra indhold for at give plads til vigtig tekst.
ingen af disse adaptive designs kommer gratis, men Apple gør opmærksom på, at de er det værd at levere en fantastisk oplevelse for alle. Og ved at levere en sådan oplevelse inden for systemapplikationerne hæver Apple bjælken for tredjepartsapps. Med iOS 11 vil brugerne være mere villige til at aktivere tilgængelighedsfunktioner for at forbedre brugervenligheden, og apps, der ikke understøtter dynamisk Type godt, vil i sidste ende miste dem, der gør det.
Kontakt os for at finde ud af, hvordan Atimi kan hjælpe dig med at opbygge en brugerdefineret, innovativ virksomhedsapp, der tilbyder en overlegen brugeroplevelse og står tidstesten.
