Vår Blogg

4 August 2017 – iOS App Utvikling, mobil strategi

Av Mike Woods, Atimi Software Inc.

img

Dynamisk Type er ikke ny. Det har eksistert siden iOS 7, men vedtaket av applikasjoner har vært noe ujevn-til nå. Med iOS 11, Apple gjør betydelige forbedringer i funksjonen som skal føre til bred skala adopsjon. Denne artikkelen går gjennom disse endringene og vurderer hvordan de vil påvirke god appdesign og implementering.

Hva Er Dynamisk Type?

iOS har alltid inkludert god støtte for tekst. OS har dusinvis av høy kvalitet, skalerbare fonter og en sofistikert tekst gjengivelse motor. Designere og utviklere har kunnet utnytte dette rike funksjonssettet for å produsere attraktive Og funksjonelle UIs.

MEN MED en liten skjerm ER UI-design alltid et kompromiss mellom å tilpasse innholdet i visningen og lesbarheten. Og da størrelsen på lesbar tekst varierer fra person til person, kan det som fungerer for en, være ubrukelig for en annen. Teksttunge applikasjoner (for eksempel nyhetslesere) kan tilby en tekststørrelsesinnstilling, men da slike funksjoner må kodes manuelt, garanterer de fleste applikasjoner bare ikke innsatsen.

For å løse dette problemet introduserte Apple Dynamic Type i iOS 7. Det tillater designere å bruke et sett med syv (senere økt til ti) tekststiler når du velger skrifter. Disse stilene tilordnes deretter til forskjellige skrifttyper og størrelser i henhold til brukerens tekststørrelsesinnstilling. Med Dynamic Type kan enhver applikasjon være lydhør overfor brukerens størrelsespreferanse, noe som forbedrer opplevelsen for et bredere spekter av brukere.

Dynamisk Type støtter syv størrelsesinnstillinger, noe som gir en betydelig variasjon i skriftstørrelsen. Brødtekststil er for eksempel 17pt ved standardinnstillingen, men varierer fra 14pt til 23pt. Dette er imidlertid ikke grensen da iOS inneholder en tilgjengelighetsinnstilling som legger til fem større størrelser, helt opp til 53pt for brødtekst. (Merk at det for øyeblikket bare endres brødtekststørrelse i tilgjengelighetsstørrelsene – dette vil endres i iOS 11.)

denne fleksibiliteten kommer med sine egne utfordringer. Det dynamiske området for brødtekst er omtrent 4:1, noe som gjør at selv korte setninger spenner over flere linjer. Statiske oppsett klart vil ikke fungere Med Dynamisk Tekst. Heldigvis Vil Auto Layout håndtere det meste av de tunge løftene, slik AT BRUKERGRENSESNITTET kan justere oppsettet uten behov for kode.

likevel kan ikke alle layoutproblemer løses Med Automatisk Layout alene. Også ettermontering Dynamisk Type i et eksisterende program (spesielt hvis det inkluderer manuell layout kode) kan være vanskelig. Endelig, vedta Dynamisk Type betyr forlate DE ANDRE OS-levert fonter, for ikke å nevne tilpassede fonter; ikke et enkelt valg for designere som søker et særegent utseende.

disse utfordringene har ført til at mange apper er sakte å vedta Dynamisk Type, eller å gjøre det på en naiv måte, noe som resulterer i ødelagte UIs, spesielt for de større innstillingene.

men alt dette bør være i ferd med å endre…

hva Kommer i iOS 11?

På ÅRETS WWDC annonserte Apple flere forbedringer Av Dynamic Type for iOS 11 som vil ha stor innvirkning på hastigheten og kostnadene ved vedtaket.

kanskje det viktigste er muligheten til å bruke Andre skrifter Med Dynamisk Type. Dette gjør det mulig for designere effektivt å omdefinere tekststilpaletten (inkludert skrifttype og punktstørrelse), og systemet skalerer dem automatisk i henhold til brukerens tekststørrelse.

for å forstå virkningen av dette, bare vurdere en pedagogisk program som ønsker å bruke Tavle SE (en av standard iOS skrifter) som sin viktigste skrifttype. Tidligere ville det utelukke Dynamisk Type. I iOS 11 er dette ikke bare mulig, men designeren kan bestemme at teksten skal være litt større (18pt, si for brødtekst) for å se klarere ut med håndskriftstypen – og skriftene vil fortsatt skalere riktig i andre tekststørrelser.

det blir også enklere å oppdatere eksisterende Uier for Dynamisk Tekst. Auto Layout får muligheten til å justere vertikal avstand i henhold til tekststørrelse, slik at teksten ikke blir trangt i større størrelser. Og for manuell layoutkode er det mulig å skalere pikselavstander i henhold til tekststørrelse for tilsvarende effekt.

Bilder kan også skaleres slik at ikoner blir mer synlige i store tilgjengelighetstekststørrelser. UIKit er også i stand til å holde ikoner i vektor form for å unngå pixelation problemer.

Utover dette er det forbedret layout tuning som tekststørrelsen blir gjort tilgjengelig som en del Av UITraitCollection, som er standard måte å spore andre faktorer som påvirker layout.

en siste endring er at nå alle tekststiler endre punktstørrelse med tilgjengelighet. Dette vil forbedre leseopplevelsen for svaksynte brukere som all tekst, ikke bare brødtekst, vil skalere. Det påvirker også design tenkning som det betyr mye mer variasjon i innholdsstørrelse.

Hva Sier Apple?

kanskje viktigere enn de tekniske forbedringene Til Dynamic Type er push Av Apple for å fremme tilgjengelighet i iOS 11. Dette inkluderer å bruke» design for alle » prinsipper til programmer og verktøy som leveres MED OS. Blant disse prinsippene er tre mål for bruk av tekst.

1. Teksten skal være stor nok til at brukeren kan lese. (Med andre ord, tekst skal skalere Med Dynamisk Type.)

2. Teksten skal være fullt lesbar. Det bør ikke avkortes unødvendig, og det bør ikke overlappes eller klippes.

3. En app UI bør se vakker på alle tekststørrelser.

Å Oppnå disse målene krever At UIs er mer adaptive enn bare å la teksten vokse. Tabellcelleinnhold er for eksempel ofte organisert horisontalt med et bilde eller et ikon på forsiden og tekstetikett etterfølgende. Dette ser bra ut for vanlige tekststørrelser, men de større tilgjengelighetsskriftene fører til at etiketten ser trangt ut (selv i den grad lange ord blir brutt over flere linjer) mens ikonet sitter i et stort vertikalt mellomrom. Hvis du bytter til en vertikal layout med ikonet over teksten, maksimerer du det horisontale området for teksten mens du tilpasser mer innhold på skjermen.

i andre situasjoner kan plass til større skrifter bety å omorganisere vertikalt innhold for å sikre at handlingsknapper ikke blir presset ned av tekst med flere linjer, omorganisere verktøyknapper i flere rader eller skjule tilleggsinnhold for å gjøre plass til viktig tekst.

Ingen av disse adaptive designene kommer gratis, Men Apple gjør poenget at De er verdt det for å levere en god opplevelse for alle. Og Ved å levere en slik opplevelse i systemprogrammene, Øker Apple baren for tredjepartsapper. Med iOS 11 vil brukerne være mer villige til å aktivere tilgjengelighetsfunksjoner for å forbedre brukervennligheten, og apper som ikke støtter Dynamic Type godt, vil til slutt miste ut til de som gjør det.

Ta kontakt med Oss for å finne ut hvordan Atimi Software kan hjelpe deg med å bygge en tilpasset, innovativ bedriftsapp som gir en overlegen brukeropplevelse og tåler tidens tann.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.