August 4, 2017 – iOS App Development, mobile strategy
By Mike Woods, Atimi Software Inc.
dynaaminen tyyppi ei ole Uusi. Se on ollut olemassa iOS 7: stä lähtien, mutta sen hyväksyminen sovelluksilla on ollut hieman hajanaista – tähän asti. IOS 11: llä Apple tekee merkittäviä parannuksia ominaisuuteen, jonka pitäisi johtaa laajaan käyttöönottoon. Tässä artikkelissa käydään läpi nämä muutokset ja tarkastellaan, miten ne vaikuttavat hyvään sovellusten suunnitteluun ja toteutukseen.
mikä on dynaaminen Tyyppi?
iOS on aina sisältänyt suuren tuen tekstille. Käyttöjärjestelmässä on kymmeniä laadukkaita, skaalautuvia fontteja ja hienostunut tekstintoistomoottori. Suunnittelijat ja kehittäjät ovat pystyneet hyödyntämään tätä rikasta ominaisuuskokonaisuutta tuottaakseen houkuttelevia ja toimivia UIs-laitteita.
pienellä näytöllä käyttöliittymäsuunnittelu on kuitenkin aina kompromissi sisällön sovittamisen katseluun ja luettavuuden välillä. Ja koska luettavan tekstin koko vaihtelee henkilöstä toiseen, se, mikä toimii yhdelle, voi olla toiselle käyttökelvotonta. Teksti-raskaat sovellukset (kuten uutistenlukijat) saattavat tarjota tekstin kokoasetuksen, mutta koska tällaiset ominaisuudet on koodattava manuaalisesti, useimmat sovellukset eivät vain takaa vaivaa.
tämän ongelman ratkaisemiseksi Apple esitteli dynaamisen tyypin iOS 7: ssä. Sen avulla suunnittelijat voivat käyttää joukko seitsemän (myöhemmin kasvanut kymmenen) tekstityylejä valittaessa fontteja. Nämä tyylit on sitten yhdistetty eri fontteja ja kokoja mukaan käyttäjän tekstin koko asetus. Dynaamisen tyypin avulla mikä tahansa sovellus voi reagoida käyttäjän koon mieltymykseen, mikä parantaa kokemusta laajemmalle käyttäjäkunnalle.
Dynamic Type tukee seitsemää kokoasetusta, mikä mahdollistaa merkittävän vaihtelun kirjasinkoossa. Esimerkiksi kehon tekstin tyyli on 17pt oletusasetuksella, mutta vaihtelee 14pt: stä 23pt: hen. Tämä ei kuitenkaan ole raja, koska iOS sisältää esteettömyysasetuksen, joka lisää viisi suurempaa kokoa, aina 53pt kehon tekstiä varten. (Huomaa, että tällä hetkellä vain kehon tekstin koko muuttuu esteettömyyskooissa – tämä muuttuu iOS 11: ssä.)
joustavuuteen liittyy omat haasteensa. Kehotekstin dynaaminen alue on karkeasti 4:1, jolloin jopa lyhyet lauseet ulottuvat useita rivejä. Staattiset asettelut eivät selvästikään toimi dynaamisen tekstin kanssa. Onneksi Auto Layout hoitaa suurimman osan raskaasta nostosta, jolloin käyttöliittymä voi säätää asettelua ilman koodia.
kaikkia asetteluongelmia ei kuitenkaan voida ratkaista pelkällä automaattisella asettelulla. Myös dynaamisen tyypin jälkiasennus olemassa olevaan sovellukseen (varsinkin jos se sisältää manuaalisen asettelukoodin) voi olla vaikeaa. Dynaamisen tyypin hyväksyminen merkitsee luopumista muista käyttöjärjestelmän toimittamista fonteista, mukautetuista fonteista puhumattakaan.; ei helppo valinta suunnittelijoille etsivät erottuva näyttää.
nämä haasteet ovat johtaneet siihen, että monet sovellukset ovat hitaita ottamaan dynaamisen tyypin käyttöön tai tekemään sen naiivisti, mikä on johtanut rikkinäisiin UIs-laitteisiin, erityisesti suuremmissa asetuksissa.
kaiken tämän pitäisi kuitenkin olla muuttumassa …
mitä iOS 11: ssä on tulossa?
tämän vuoden WWDC: ssä Apple julkisti useita parannuksia iOS 11: n Dynamic Typeen, joilla on suuri vaikutus sen käyttöönoton nopeuteen ja kustannuksiin.
ehkä merkittävin on kyky käyttää muita dynaamisella tyypillä varustettuja kirjasimia. Näin suunnittelijat voivat tehokkaasti määritellä uudelleen tekstin tyylipaletin (mukaan lukien kirjasintyyppi ja pistekoko) ja järjestelmä skaalaa ne automaattisesti käyttäjän tekstin koon mukaan.
ymmärtääksesi tämän vaikutuksen, harkitse opetussovellusta, joka haluaa käyttää Päätyyppinään liitutaulua SE (yksi iOS: n vakiofonteista). Aiemmin se sulkisi pois dynaamisen tyypin. IOS 11: ssä tämä ei ole vain mahdollista, vaan suunnittelija voisi päättää, että tekstin pitäisi olla hieman suurempi (18pt, vaikkapa vartalotekstille), jotta se näyttäisi selkeämmältä käsialatyypillä – ja fontit skaalautuvat edelleen asianmukaisesti muihin tekstikokoihin.
myös nykyisten UIs: ien päivittäminen dynaamista tekstiä varten helpottuu. Auto Layout saa mahdollisuuden säätää pystysuuntaisia välejä tekstin koon mukaan, joten teksti ei saa ahdasta suuremmissa kooissa. Manuaalisessa asettelukoodissa on mahdollista skaalata pikselietäisyyksiä tekstin koon mukaan vastaavanlaisen vaikutuksen aikaansaamiseksi.
kuvat voivat myös skaalata, jotta kuvakkeet näkyvät paremmin suurissa esteettömyystekstikooissa. UIKit pystyvät jopa pitämään kuvakkeet vektorimuodossa pikselöintiongelmien välttämiseksi.
tämän jälkeen on parannettu layout-viritystä, sillä tekstikokoa ollaan tekemässä osana UITraitCollection-ohjelmaa, joka on vakio tapa seurata muita layoutiin vaikuttavia tekijöitä.
yksi viimeinen muutos on se, että nyt kaikki tekstityylit muuttavat pistekokoa saavutettavuuden myötä. Tämä parantaa huomattavasti heikkonäköisten käyttäjien lukukokemusta, sillä kaikki teksti, ei vain kehon teksti, skaalautuu. Se vaikuttaa myös muotoiluajatteluun, koska se tarkoittaa paljon enemmän sisällön koon vaihtelua.
Mitä Apple Sanoo?
ehkä Dynamic typen teknisiä parannuksia tärkeämpää on Applen pyrkimys edistää iOS 11: n saavutettavuutta. Tähän sisältyy ”design for everyone” – periaatteiden soveltaminen käyttöjärjestelmän mukana toimitettaviin sovelluksiin ja apuohjelmiin. Näiden periaatteiden joukossa on kolme tekstin käytön tavoitetta.
1. Tekstin tulee olla riittävän suuri käyttäjän luettavaksi. (Toisin sanoen tekstin tulee skaalautua dynaamisen tyypin mukaan.)
2. Tekstin tulee olla täysin luettavissa. Sitä ei pitäisi lyhentää tarpeettomasti, eikä sitä pitäisi päällekkäin tai leikata.
3. Sovelluksen käyttöliittymän pitäisi näyttää kauniilta kaikissa tekstikooissa.
näiden tavoitteiden saavuttaminen edellyttää, että UIs on mukautuvampi kuin pelkkä tekstin kasvun salliminen. Esimerkiksi taulukon solun sisältö on usein järjestetty vaakasuoraan siten, että kuva tai kuvake on etusivulla ja tekstin etiketti perässä. Tämä näyttää hyvältä tavallisille tekstikooille, mutta suuremmat esteettömyysfontit johtavat siihen, että etiketti näyttää ahtaalta (jopa siinä määrin, että pitkiä sanoja on rikottu useilla riveillä), kun kuvake istuu suuressa pystysuorassa välilyönnissä. Siirtyminen pystysuuntaiseen asetteluun tekstin yläpuolella olevalla kuvakkeella maksimoi tekstin vaakasuuntaisen tilan, kun taas lisää sisältöä asennetaan näyttöön.
muissa tilanteissa suurempien fonttien sisällyttäminen voi tarkoittaa pystysuuntaisen sisällön uudelleenjärjestämistä, jotta monirivinen teksti ei painaisi toimintopainikkeita alas, työkalunappien uudelleen järjestämistä useiksi riveiksi tai lisäsisällön piilottamista tärkeälle tekstille.
mikään näistä mukautuvista malleista ei tule ilmaiseksi, mutta Apple tähdentää, että ne ovat sen arvoisia, että ne tarjoavat hienon kokemuksen kaikille. Ja toimittamalla tällaisen kokemuksen järjestelmäsovelluksissa Apple nostaa rimaa kolmannen osapuolen sovelluksille. IOS 11: n avulla käyttäjät ovat halukkaampia mahdollistamaan esteettömyysominaisuudet helppokäyttöisyyden parantamiseksi, ja sovellukset, jotka eivät tue dynaamista tyyppiä hyvin, häviävät lopulta niille, jotka tekevät.
ota meihin yhteyttä selvittääksesi, miten Atimi-ohjelmisto voi auttaa sinua rakentamaan mukautetun, innovatiivisen yrityssovelluksen, joka tarjoaa erinomaisen käyttökokemuksen ja kestää ajan testin.
