Muokatut vs. alkuperäiset fontit sovelluksissa

Jonkin aikaa sitten Trade Me: llä oli Klim Type Foundryn luoma räätälöity tuotemerkki, nimeltään Story Sans. Tämän takana nousi esiin kysymys, entä alkuperäissovellukset? Käytämmekö uutta räätälöityä tuotemerkkilappua vai kunkin alustan vastaavaa kirjasinta, San Fransicoa iOS: lle ja Robotoa Androidille?

Kilpailijat

Tietääksemme päätöksestämme suoritimme tutkimuskuorman määritelläksemme mukautumisen tai alkuperäiskantaan siirtymisen hyödyt ja haasteet. Tämän tiedon löytäminen kuitenkin osoitti vaativan paljon kaivamista. Joten siinä mielessä, että se saattaa auttaa jotkut teistä siellä, tässä on lyhenne havainnoistamme.

Android-järjestelmän kirjasin (Roboto)

Edut:

  • Nopeammat lastausajat
    Järjestelmäfontin käyttäminen tarkoittaa, että fonttia ei tarvitse ladata ennen tekstin tuottamista.
  • Suunniteltu erilaisiin näytön tarkkuuksiin
    Roboto on hienostunut toimimaan monilla tuetuilla alustoilla, näyttökokoilla ja tarkkuuksilla. Roboton käyttäminen tarkoittaa, että sovellus saa luonnostaan ​​parannuksia / muutoksia, joita Google tekee kirjasintyyppiin.
  • Tyypin skaalaus (dynaaminen tyyppi)
    Typografisessa mittakaavassa on rajoitettu tyyppikoko, joka toimii hyvin yhdessä asetteluruudun kanssa. Nämä koot ja tyylit tasapainottavat sisällön tiheyttä ja lukemisen mukavuutta. Tyyppikoko määritetään sp: llä (skaalautuvat pikselit), jotta suuret tyyppitilat saavutettaisiin.
  • Automaattiset linjakorkeudet
    Kuten materiaaliohjeissa todetaan, oikean luettavuuden ja asianmukaisen tahdistuksen saavuttamiseksi viivakorkeudet on määritetty kunkin tyylin yksilöllisen koon ja painon perusteella. Rivien kääriminen koskee vain runkoa, alaotsikkoa, otsikkoa ja pienempiä näyttötyylejä. Kaikkien muiden tyylien tulisi olla yksirivisiä.
  • Samankaltainen mukautettu tuotemerkki-fontti
    Meidän tapauksessamme Trade Me'n mukautetulla tuotemerkin kirjasimella on vertailukelpoiset tiedot Robotoon ja San Franciscoon, joten se ei todennäköisesti eroa visuaalisesti useimmissa käyttäjissä. Tämä tarkoittaa, että emme ehkä menetä niin paljon brändin läsnäoloa kuin odotettiin, mutta saamme paljon ilmaiseksi.
  • Tuki vaihtoehtoisille kielille

haasteet

  • Brändin läsnäolo ja tunne
    Varmistetaan, että on olemassa muita keinoja visuaalisen tuotemerkki-identiteetin vahvistamiseksi.

Android mukautettu fontti

hyötyjä

  • Tuotemerkin läsnäolo
    Muokatun kirjasintyypin käyttäminen vahvistaa visuaalista brändi-identiteettiä.
  • johdonmukaisuus
    Muokatun fontin käyttö tarkoittaisi, että riippumatta siitä, missä käyttöympäristössä tai laitteessa käyttäjä on, hän noudattaa yhtenäistä fonttia.
  • Voidaan tehdä pienissä paikoissa
    Muokatun fonttijärjestelmän käyttöönotto Androidilla on vaikeaa, mutta pienet annokset ovat toteutettavissa. On paikkoja, joissa voimme käyttää tuotemerkin kirjasinta lihavoituina otsikoina / tuotemerkkien vaikutuksina (esimerkiksi ajoneuvoon pääsy tai nolla tila).

haasteet

  • Ei tukea vaihtoehtoisille kielille
    Toisin kuin Roboto, useimmat mukautetut fontit eivät tue sovelluksen vaihtoehtoisia kieliä. Tämä ei ehkä ole aluksi ongelma, mutta tarkoittaa, että sovellusta ei tulevaisuudessa varmisteta, jotta käyttäjät voivat vaihtaa kieliä.
  • personointi
    Android-puhelimen käyttöjärjestelmien avulla käyttäjä voi valita mukautetun kirjasimen laitteelle, joka ohittaa sovelluksen fontin. Tämä on täysin sovellusten hallinnan ulkopuolella ja on melko yleistä android-käyttäjien keskuudessa. Huomioon ottaen tämä tarkoittaa, että sovellusten (erityisesti Android) ei pitäisi luottaa voimakkaasti brändin välittämiseen tyypin kautta.
  • Latausajat
    Sovelluksen latausaika kasvaa, koska fontin on ladattava, ennen kuin teksti voidaan hahmottaa.
  • Järjestelmän vastaus mukautettuihin fontteihin
    Widgetit eivät ole kaikki rakennettu samalla tavalla, joten jotkut eivät reagoi yhtä hyvin kuin toiset mukautettuihin kirjasimiin.

iOS-järjestelmän kirjasin (San Fransisco)

hyötyjä

  • Dynaaminen tyyppi ja ominaisuudet, jotka säästävät dev-työtä
    Kuten Apple selitti, San Franciscossa on paljon ominaisuuksia, jotka tekevät siitä erittäin luettavan. IOS / Mac käyttää fonttiperhettä, jonka nimi on ”SF”, ja Apple Watch -sovellukseen käytetään ”SF Compact”. Voit nähdä eron pyöreän muotoisissa kirjaimissa, kuten 'o', 'e'. SF-kompaktissa on melko tasaiset pystysuorat viivat kuin SF: ssä.
  • San Francisco optimoi kirjasintyypin dynaamisesti. Järjestelmä vaihtaa näyttö / teksti-fontit automaattisesti tekstin koon mukaan ja toteuttaa automaattisesti harkittuja seurantoja eri kokojen ja painojen välillä.
  • Dynaamisen tyypin käyttäminen antaa suunnittelijoille mahdollisuuden luoda tyyppihierarkia, kuten ”otsikko”, ”otsikko 1” jne., Sen sijaan, että ilmoitettaisiin pistekohtaisia ​​pistekokoja. Tämä tarkoittaa, että omena käsittelee tyyppiä automaattisesti suhteellisesti, asettelua sujuvasti eikä vaadi mukautettua hakutaulua.
Lähde WWDC-video esittelee uudet järjestelmä fontit
  • Tulevaisuuden todistus
    Natiiv fonttien käyttö todistaa sovellukset tulevaisuudessa muutosten ja ominaisuuksien suhteen, jotka Apple lisää tulevaisuudessa.
  • Tukee vaihtoehtoisia kieliä

haasteet

  • Tuotemerkin läsnäolo
    Muiden keinojen varmistaminen visuaalisen brändi-identiteetin vahvistamiseksi.
  • Tulevat kirjasimet
    Järjestelmäkirjasimen käyttäminen iOS: ssä ei tarkoita vain San Franciscon käyttöä, se tarkoittaa mitä tahansa Applen määrittelemää järjestelmän kirjasintyylin käyttöä eteenpäin. Tämä tarkoittaa, että jos Apple muuttaa järjestelmän kirjasinta, se saattaa aiheuttaa pieniä ongelmia sovellusten asetteluissa.

iOS mukautettu fontti

hyötyjä

  • Tuotemerkki-identiteetti
    Muokatun kirjasintyypin käyttäminen vahvistaa visuaalista brändi-identiteettiä.
  • Mukautettu Kerning
    IOS: ssä on mukautettujen kirjasinten kerning-määrite, mutta se on tehtävä manuaalisesti.

haasteet

  • Ei dynaamista tyyppiä, ellemme omistaa dev-aikaa
    Mukautetut fontit eivät tue dynaamista tyyppiä. Tämä tarkoittaa, että jos käyttäjän laitteessa on suurempi / pienempi kirjasinkoko, tätä ei noudateta mukautetulla kirjasimella varustetussa sovelluksessa. Tätä ominaisuutta käyttävät käyttäjät ovat yleensä vanhempia väestöryhmiä ja käyttävät tätä työkalua esteettömyystarkoituksiin. Tämä luo myös häikäisevän kokemuksen, koska kaikki muut laitteen sovellukset näkyvät suurempana kirjasimena. On mahdollista soveltaa dynamiikkaa mukautettuihin fontteihin, mutta tämä vaatisi paljon kehittäjä-, suunnittelu- ja testiresursseja.
  • Ei tukea vaihtoehtoisille kielille
    Toisin kuin San Francisco, useimmat mukautetut fontit eivät tue sovelluksen vaihtoehtoisia kieliä. Tämä ei ehkä ole aluksi ongelma, mutta tarkoittaa, että sovellusta ei voida tulevaisuudessa suojata vastaan ​​antamalla käyttäjille mahdollisuus vaihtaa kieliä.
  • Vaikeuttaminen
    IOS: n mukautetuilla kirjasimilla on usein vaikeuksia renderäessä erikokoisina ja ne saattavat olla epäselviä. Lisäksi fontit saattavat tehdä väärillä perusviivoilla ja kuvioilla.
  • Jarring-palaute
    Kun näppäimistö on asetettu suoraan San Franciscossa, yläpuolella, kirjaimet näyttävät täysin erilaisilta kirjoitettaessa. San Franciscossa on myös asetettu vuorovaikutusta, kuten push-ilmoituksia, hälytysnäkymiä, jakamislomakkeita ja 3D-kosketusvalikkoja, joita ei voi muuttaa. Kelloilmoitukset asetetaan myös San Franciscossa.
  • Pistekokot kirjasintyyppien välillä eivät ole yhtä suuret
    Pistekoot kirjasintyyppien välillä eivät ole yhtä suuret (ts. 17 pikselin SF ei vastaa 17 pt: n tyyppisiä kirjasintyyppejä), joten kaikille järjestelmäkokoille oikeiden vastineiden löytämiseksi täytyy olla jonkin verran häiritsemistä.
  • Latausajat
    Sovelluksen latausaika kasvaa, koska fontin on ladattava, ennen kuin teksti voidaan hahmottaa.
  • Muokattu seuranta
    Vaatii uuden koodin kirjoittamisen ja se on vähän hakkeroitu.
  • Epäjohdonmukaisuudet tavallisten käyttöliittymäkomponenttien kanssa
    Monia UIKitin komponentteja ei ole helppo mukauttaa. Esimerkiksi osioiden otsikot ja toimintosivut eivät tarjoa dokumentoitua tapaa muuttaa niiden kirjasinta. Joten ellei näitä vakiokomponentteja luoda uudelleen, ei ole mitään tapaa olla sekoittamatta järjestelmä- ja mukautettuja fontteja.

Viimeiset ajatukset ja näkökohdat

Nämä päätelmät perustuvat Trade Me: n käyttötapaukseen.

  • Otetaan huomioon arvo vs vaivaa
    Tämän tutkimuksen perusteella näyttää siltä, ​​että kehitykseen tarvittavat ponnistelut ovat merkittäviä, vaikkakin mahdollista. Meillä on jo massiivinen koodipohja, joten paljon takaisinottoa on tehtävä, jos otamme käyttöön mukautetun kirjasimen.
  • Samankaltaisuus
    Koska Story Sans-fonttimittaukset perustuvat suuresti Robotoon ja San Franciscoon, meidän on kysyttävä itseltämme, onko arvokasta panostaa paljon vaivaa mukautetun kirjasimen, joka ei ole selvästi erilainen, saamiseen? Voivatko käyttäjät todennäköisesti erottaa ne toisistaan? Mahdollisesti jotain käyttäjälle testattavaa.
  • Muokatun tyypin käyttö tuotemerkin vaikutukseen
    Se vähentää kehitystyötä huomattavasti, jos käyttäisimme sovelluksessa mukautettua kirjasinta säästeliäästi tietyillä sivuilla tuotemerkin läsnäolon kannalta. Tämä antaa sovelluksille parhaat puolet molemmista maailmoista.
  • Aikaa nyrkkeily ensimmäinen paras yritys
    Jos aiomme tutkia enemmän mukautetun kirjasimen käyttöä sovelluksissa, on ehdotettu, että panemme ensimmäiset toimenpiteet aikataulun laatimiseen ja katsomme, kuinka pitkälle voimme päästä ja mitä haasteita tapahtuu. Sieltä voidaan tehdä tietoisempi päätös.
  • Mihin sijoittaa aikamme
    On myös muita asioita, joita voimme tehdä sen lisäksi, mitä saamme ilmaiseksi käyttämällä alkuperäisiä fontteja. Esimerkiksi sen varmistaminen, että asettelumme reagoivat hyvin dynaamisen tyypin käyttöön ja kääri sujuvasti, tai varmistaa, että teemme kaikkemme, jotta typografiamme olisi mahdollisimman helppokäyttöinen. Tämä voi olla aika viettää paremmin sen sijaan, että yrittäisimme ryöstää sitä, mitä olisimme voineet saada ilmaiseksi käyttämällä natiivifontteja sovelluksissa.

Mennään eteenpäin

Tämän tutkimuksen tuloksena pääteltiin, että Trade Me: llä mukautetun fontin käyttäminen ei ollut järkevää natiivisovelluksen yhteydessä. Ajan ja resurssien käyttäminen kielen ja kokemuksen ympärillä olevien ongelmien ratkaisemisessa näytti loogisemmalta kuin yhdenmukaisen kirjasintyypin käyttö kaikilla alustoillamme. Kävi selväksi, että mukautetun kirjasimen toteuttamiseksi on oltava kompromisseja typografisten yksityiskohtien ja etenkin saavutettavuuden suhteen - arvo, jota henkilökohtaisesti pidän erittäin tiiviisti.

Tällä hetkellä molemmat sovelluksemme käyttävät vastaavia alkuperäisiä fonttejaan. Jatkossa etsimme Story Sans -sovelluksen käyttöönottoa sivuilla, joilla on korkea brändin läsnäolo, kuten nollatilat ja lennolle pääsy.

Hyvät lukut ja resurssit

  • Apple San Franciscossa
  • Omenat WWDC-keskustelu esittelee San Franciscon
  • Muokatut fontit Androidilla
  • Google Robotossa

@GiliSharrock twitterissä, jos haluat ottaa yhteyttä