Vlastní vs. nativní písma v aplikacích

Chvíli zpět Trade Me měl vlastní písmo značky vytvořené Klim Type Foundry, pojmenované Story Sans. Z tohoto důvodu vyvstávala otázka, co nativní aplikace? Používáme náš nový vlastní typ písma nebo používáme písmo každé platformy, San Fransico pro iOS a Roboto pro Android?

Uchazeči

Abychom informovali o našem rozhodnutí, provedli jsme spoustu výzkumů, abychom zjistili výhody a výzvy spojené se zvykem nebo nativitou. Nalezení těchto informací však ukázalo, že vyžaduje hodně kopání kolem. S ohledem na to, že to někteří z vás může pomoci, je zde rozpis našich zjištění.

Písmo systému Android (Roboto)

Výhody:

  • Rychlejší načítání
    Použití systémového písma znamená, že písmo není nutné načíst před vykreslením textu.
  • Navrženo pro různá rozlišení obrazovky
    Roboto bylo vylepšeno tak, aby fungovalo na široké škále podporovaných platforem, velikostí obrazovky a rozlišení. Používání robota znamená, že aplikace neodmyslitelně získá veškerá vylepšení / změny, které společnost Google provádí v písmu.
  • Změna měřítka typu (dynamický typ)
    Typografická stupnice má omezenou sadu velikostí typů, které spolu dobře fungují spolu s mřížkou rozvržení. Tyto velikosti a styly vyvažují hustotu obsahu a pohodlí při čtení. Velikosti typů jsou specifikovány pomocí sp (škálovatelné pixely), aby se pro přístupnost umožnily režimy velkých typů.
  • Automatické výšky čar
    Jak je uvedeno v materiálových pokynech, pro dosažení správné čitelnosti a vhodné stimulace byly výšky čar stanoveny na základě individuální velikosti a hmotnosti každého stylu. Zalamování čar se vztahuje pouze na styly Tělo, Podnadpis, Nadpis a menší styly zobrazení. Všechny ostatní styly by měly existovat jako jednotlivé řádky.
  • Podobnost s písmo vlastní značky
    V našem případě má vlastní obchodní písmo Trade Me srovnatelné metriky jako Roboto a San Francisco, a proto se pravděpodobně většině uživatelů vizuálně výrazně neliší. To znamená, že nemusíme ztrácet na tolik přítomnosti značky, kolik jsme očekávali, přesto získáváme hodně zdarma.
  • Podpora alternativních jazyků

Výzvy

  • Přítomnost značky a pocit
    Zajištění, že existují další způsoby posílení vizuální identity značky.

Vlastní písmo Android

Výhody

  • Přítomnost značky
    Použití vlastního písma posiluje vizuální identitu značky.
  • Konzistence
    Použití vlastního písma by znamenalo, že bez ohledu na to, na jaké platformě nebo zařízení je uživatel, budou dodržovat konzistentní písmo.
  • Možné na malých místech
    Implementace širokého uživatelského systému písem v systému Android je obtížná, ale je možné provést malé dávky. Existují místa, kde bychom mohli použít písmo značky pro tučné tituly / dopad na značku (například na palubě nebo nulové stavy).

Výzvy

  • Žádná podpora pro alternativní jazyky
    Na rozdíl od Robota většina vlastních písem nepodporuje alternativní jazyky v aplikaci. To nemusí být zpočátku problém, ale znamená to, že aplikace nebude v budoucnu chráněna proti tomu, aby uživatelé mohli vyměňovat jazyky.
  • Personalizace
    Operační systémy telefonů Android umožňují uživateli zvolit vlastní písmo pro zařízení, které v podstatě přepíše písmo aplikace. To je zcela mimo kontrolu aplikací a je docela běžné mezi uživateli androidů. To znamená, že aplikace (zejména Android) by se neměly příliš spoléhat na komunikaci značky prostřednictvím typu.
  • Doba načítání
    Doba načítání aplikace se prodlouží, protože písmo se musí načíst před vykreslením textu.
  • Reakce systému na vlastní písma
    Widgety nejsou všechny vytvořeny stejným způsobem, proto některé nebudou reagovat stejně jako jiné na vlastní písmo.

Písmo systému iOS (San Fransisco)

Výhody

  • Dynamický typ a funkce, které šetří práci
    Jak vysvětlil Apple, San Francisco má mnoho funkcí, díky kterým je vysoce čitelný. Rodina fontů s názvem „SF“ se používá pro iOS / Mac a „SF Compact“ se používá pro Apple Watch. Můžete vidět rozdíl v kulatých tvarech písmen jako „o“, „e“. SF compact má spíše ploché svislé čáry než SF.
  • San Francisco optimalizuje písmo dynamicky. Systém automaticky přepne písma zobrazení / textu podle velikosti textu a automaticky provede promyšlené sledování napříč různými velikostmi a hmotnostmi.
  • Použití dynamického typu umožňuje návrhářům vytvořit hierarchii typu, jako je „záhlaví“, „záhlaví 1“ atd., Nikoli velikost konkrétních bodů. To znamená, že jablko bude automaticky pracovat s typem relativně, rozvrhnout plynule a nevyžaduje vlastní tabulku vyhledávání.
Zdrojové video WWDC Představujeme nová systémová písma
  • Testování budoucnosti
    Používání nativních písem bude v budoucnu aplikacím prověřovat změny a funkce, které společnost Apple v budoucnu přidá.
  • Podporuje alternativní jazyky

Výzvy

  • Přítomnost značky
    Zajištění dalších způsobů posílení vizuální identity značky.
  • Budoucí písma
    Používání systémového písma v systému iOS neznamená pouze použití slova „San Francisco“, to znamená, že se bude používat cokoli, co Apple definuje jako systémové písmo. To znamená, že pokud Apple změní systémové písmo, může to způsobit drobné problémy s rozvržením aplikace.

Vlastní písmo pro iOS

Výhody

  • Identita značky
    Použití vlastního písma posiluje vizuální identitu značky.
  • Vlastní kerning
    V iOS existují atributy vyrovnání párů pro vlastní písma, ale musí být provedeny ručně.

Výzvy

  • Žádný dynamický typ, pokud nevydáváme dev čas
    Vlastní písma nepodporují dynamický typ. To znamená, že pokud má uživatel na svém zařízení nastavení větší nebo menší velikosti písma, nebude to v aplikaci s vlastním fontem oceněno. Uživatelé, kteří používají tuto funkci, jsou obvykle staršími demografickými skupinami a využívají tento nástroj pro účely usnadnění přístupu. To také vytvoří dojem, že všechny ostatní aplikace v zařízení se objeví ve větším písmu. Je možné aplikovat dynamiku na vlastní písma, ale to by vyžadovalo hodně vývojářských, návrhových a testovacích prostředků.
  • Žádná podpora pro alternativní jazyky
    Na rozdíl od San Francisca většina vlastních písem nepodporuje alternativní jazyky v aplikaci. To nemusí být zpočátku problém, ale znamená to, že aplikace není v budoucnu chráněna proti tomu, aby uživatelé mohli vyměňovat jazyky.
  • Problémy s vykreslením
    Vlastní písma v systému iOS mají často potíže s vykreslením v různých velikostech a mohou být nejasné. Navíc se písma mohou vykreslovat s nesprávnými základními čarami a glyfy.
  • Jarring zpětná vazba
    S klávesnicí nastavenou v San Franciscu přímo nad písmeny vypadají písmena při psaní úplně jinak. Existují také interakce na platformě, jako jsou oznámení push, zobrazení výstrah, sdílené listy a 3D dotykové nabídky, které jsou nastaveny v San Franciscu a nelze je změnit. Upozornění na hodinky jsou také nastavena v San Franciscu.
  • Velikost bodů napříč písmem není stejná
    Velikost bodů napříč řezy se nerovná (tj. 17pt SF se neshoduje se 17pt takovým a takovým typem písma), takže je třeba trochu pohnout, abychom našli správné ekvivalenty pro všechny velikosti systému.
  • Doba načítání
    Doba načítání aplikace se prodlouží, protože písmo se musí načíst před vykreslením textu.
  • Vlastní sledování
    Vyžaduje se zápis nového kódu a je to trochu hack.
  • Nesrovnalosti se standardními komponentami uživatelského rozhraní
    Mnoho komponent v UIKitu není snadno přizpůsobitelné. Například hlavičky oddílů a akční listy neposkytují žádný zdokumentovaný způsob, jak změnit jejich písmo. Pokud tedy nebudou tyto standardní součásti znovu vytvořeny, neexistuje způsob, jak mít směs písma System a Custom.

Závěrečné myšlenky a úvahy

Tyto závěry vycházejí z případu použití produktu Trade Me.

  • Zvažování hodnoty vs. úsilí
    Z tohoto šetření se zdá, že ačkoli je to možné, úsilí, které bude třeba vyvinout, je značné. Již máme masivní kódovou základnu, takže pokud bychom implementovali vlastní písmo, bude třeba provést hodně zpětného sledování.
  • Podobnost
    Protože metriky písma Příběh Sans jsou silně založeny na Roboto a San Franciscu, musíme si položit otázku: Existuje nějaká hodnota při vynaložení velkého úsilí na vytvoření vlastního písma, které se výrazně neliší? Jsou uživatelé pravděpodobně schopni je rozeznat? Potenciálně něco, co uživatel test.
  • Použití vlastního typu pro dopad na značku
    Výrazně sníží množství vývojové práce, pokud bychom v aplikaci používali vlastní písmo střídavě na konkrétních stránkách pro přítomnost značky. To umožní aplikacím mít to nejlepší z obou světů.
  • Čas boxuje první nejlepší úsilí
    Pokud chceme více prozkoumat použití vlastního písma v aplikacích, bylo navrženo, abychom časově omezili první úsilí a zjistili, jak daleko se můžeme dostat a jaké výzvy se vyskytnou. Odtud lze učinit informovanější rozhodnutí.
  • Kam investovat náš čas
    Existují i ​​další věci, které můžeme dělat navíc k tomu, co získáme zdarma pomocí nativních písem. Například zajistíme, aby naše rozložení dobře reagovalo na použití dynamického typu a plynulo zabalilo, nebo zajistíme, že děláme vše, co je v našich silách, abychom co nejvíce zpřístupnili naši typografii. Může to být čas strávený lépe, než se snažit o to, co bychom mohli získat bezplatně pomocí nativních písem v aplikacích.

Do budoucna

Na základě tohoto průzkumu byl učiněn závěr, že pro Trade Me použití vlastního písma nedávalo smysl v kontextu nativní aplikace. Trávení času a řešení problémů kolem jazyků a zkušeností se zdálo logičtější než mít konzistentní písmo napříč všemi našimi platformami. Ukázalo se, že k implementaci vlastního písma by musely existovat kompromisy, pokud jde o typografické detaily a zejména dostupnost, což je hodnota, kterou osobně mám velmi blízko.

Naše aplikace v současné době používají svá vlastní nativní písma. V budoucnu se budeme potenciálně snažit implementovat Story Sans na stránkách, které mají vysokou přítomnost značky, jako jsou nulové stavy a na palubě.

Dobré čtení a zdroje

  • Apple na San Franciscu
  • Jablka WWDC mluví o zavedení San Francisco
  • Vlastní písma v systému Android
  • Google na Roboto

@GiliSharrock na twitteru, pokud chcete kontaktovat