Персонализирани спрямо родните шрифтове в приложенията

Преди време Trade Me имаше шрифт по поръчка на марка, създаден от Klim Type Foundry, наречен Story Sans. Отзад на това възникна въпросът, какво ще кажете за родните приложения? Използваме ли новия си персонализиран шрифт на марката или използваме съответния шрифт на всяка платформа, San Fransico за iOS и Roboto за Android?

Състезателите

За да информираме за нашето решение, ние извършихме множество изследвания, за да определим ползите и предизвикателствата на преминаването по поръчка или на местно ниво. Намирането на тази информация обаче се оказа, че изисква много ровене наоколо. Така че, като се има предвид, че може да помогне на някои от вас, ето разбивката на нашите открития.

Системен шрифт за Android (Roboto)

Ползи:

  • По-бързо време за зареждане
    Използването на системен шрифт означава, че шрифтът не е необходимо да се зарежда преди рендериране на текст.
  • Проектиран за различни разделителни способности на екрана
    Roboto е усъвършенстван да работи в широк набор от поддържани платформи, размери на екрана и резолюции. Използването на Roboto означава, че приложението по своята същност ще получи всички подобрения / промени, които Google прави на шрифта.
  • Тип мащабиране (динамичен тип)
    Типографската скала има ограничен набор от типове размери, които работят добре заедно с решетъчната мрежа. Тези размери и стилове балансират плътността на съдържанието и комфорта при четене. Размерите на типовете се определят с sp (мащабируеми пиксели), за да се даде възможност за големи видове режими за достъпност.
  • Автоматични височини на линиите
    Както е посочено в материалните указания, за да се постигне правилна четимост и подходящ крак, височините на линиите се определят въз основа на индивидуалния размер и тегло на всеки стил. Опаковането на линии се отнася само за Body, Subhead, Headline и по-малките стилове на дисплея. Всички останали стилове трябва да съществуват като единични линии.
  • Прилика с шрифта на персонализирана марка
    В нашия случай шрифтът на персонализирана марка на Trade Me има сравними показатели с Roboto и San Francisco, поради което вероятно не е различно визуално за повечето потребители. Това означава, че може да не губим от толкова присъствие на марката, колкото се очаква, но въпреки това печелим много безплатно.
  • Поддръжка на алтернативни езици

предизвикателства

  • Присъствие и усещане на марката
    Гарантиране, че има други средства за укрепване на визуалната идентичност на марката.

Android персонализиран шрифт

Ползи

  • Присъствие на марката
    Използването на персонализиран шрифт укрепва визуалната идентичност на марката.
  • съгласуваност
    Използването на персонализиран шрифт би означавало, че независимо на каква платформа или устройство е използван потребител, те ще спазват последователен шрифт.
  • Изпълнява се на малки места
    Прилагането на персонализирана шрифтова система в Android е трудно, но е възможно да се правят малки дози. Има места, на които бихме могли да използваме шрифта на марката за смели заглавия / въздействие на марката (например, на борда или нулеви състояния).

предизвикателства

  • Няма поддръжка за алтернативни езици
    За разлика от Roboto, повечето персонализирани шрифтове няма да поддържат алтернативни езици в приложението. Това може да не е проблем първоначално, но означава, че приложението няма да бъде доказано в бъдеще срещу възможността на потребителите да разменят езици.
  • Персонализация
    Операционните системи за телефони с Android позволяват на потребителя да избере персонализиран шрифт за устройството, който по същество отменя шрифта на приложението. Това е напълно извън контрола на приложенията и е доста често срещано сред android потребителите. Като съображение това означава, че приложенията (особено Android) не трябва да разчитат много на комуникацията на марката чрез тип.
  • Време за зареждане
    Времето за зареждане на приложението ще се увеличи, тъй като шрифтът трябва да се зареди, преди текстът да може да бъде изобразен.
  • Отговор на системата към персонализирани шрифтове
    Всички джаджи не са построени по един и същи начин, поради което някои няма да реагират, както и други на персонализиран шрифт.

Шрифт на iOS системата (San Fransisco)

Ползи

  • Динамичен тип и функции, които спестяват работа на разработчиците
    Както е обяснено от Apple, Сан Франциско има много функции, които го правят много четлив. Семейството шрифтове, наречени „SF“, се използва за iOS / Mac, а „SF Compact“ се използва за Apple Watch. Можете да видите разликата в букви с кръгла форма като „o“, „e“. SF compact има по-скоро плоски вертикални линии от тези на SF.
  • Сан Франциско динамично оптимизира шрифта. Системата автоматично ще превключва дисплеите / текстовите шрифтове според размера на текста, както и автоматично ще реализира внимателно проследяване в различни размери и тегла.
  • Използването на динамичен тип позволява на дизайнерите да установят йерархия на типа, като "заглавие", "заглавие 1" и т.н., а не специфични за състоянието размери на точки. Това означава, че ябълката автоматично ще се справя с типа относително, подрежда се безпроблемно и не изисква персонализирана таблица за търсене.
Източник WWDC видео Представяне на новите системни шрифтове
  • Бъдещо доказване
    Използването на родните шрифтове ще докаже в бъдеще приложенията по отношение на промените и функциите, които Apple добавя в бъдеще.
  • Поддържа алтернативни езици

предизвикателства

  • Присъствие на марката
    Осигуряване на други средства за укрепване на визуалната идентичност на марката.
  • Бъдещи шрифтове
    Използването на системния шрифт в iOS не означава само използването на „Сан Франциско“, а означава използването на каквото Apple определи като системен шрифт напред. Това означава, че ако Apple промени шрифта на системата, това може да причини малки проблеми с оформлението на приложението.

iOS персонализиран шрифт

Ползи

  • Идентичност на марката
    Използването на персонализиран шрифт укрепва визуалната идентичност на марката.
  • Персонализирано Kerning
    В iOS има атрибути на кернинг за персонализирани шрифтове, но трябва да се правят ръчно.

предизвикателства

  • Няма динамичен тип, освен ако не отделим време за разработка
    Динамичният тип не се поддържа от персонализирани шрифтове. Това означава, че ако потребителят има по-голям / по-малък размер на шрифта на устройството си, това няма да бъде удостоено в приложение с персонализиран шрифт. Потребителите, които използват тази функция, обикновено са с по-стара демографска информация и използват този инструмент за целите на достъпността. Това също ще създаде бъркотия, тъй като всички други приложения на устройството ще се появят с по-голям шрифт. Възможно е да се приложи динамика към персонализирани шрифтове, но това ще изисква много ресурси за разработчици, дизайн и тестване.
  • Няма поддръжка за алтернативни езици
    За разлика от Сан Франциско, повечето персонализирани шрифтове няма да поддържат алтернативни езици в приложението. Това първоначално може да не е проблем, но означава, че приложението не е доказано в бъдеще, за да не позволява на потребителите да разменят езици.
  • Трудност при изобразяването
    Персонализираните шрифтове на iOS често срещат трудности при изобразяването с различни размери и могат да станат неясни. Освен това шрифтовете могат да се изобразяват с неправилни основни линии и глифове.
  • Връщане на обратна връзка
    С клавиатурата, зададена в Сан Франциско, директно отгоре, буквите изглеждат съвсем различно, докато пишете. Съществуват и взаимодействия на платформата като известия за избутване, изгледи на предупреждения, списъци за споделяне и 3D сензорни менюта, които са зададени в Сан Франциско и не могат да бъдат променяни. Известията за гледане също са зададени в Сан Франциско.
  • Размерите на точките между шрифтовете не са равни
    Размерите на точките между шрифтовете не са равни (т.е. 17pt SF няма да съвпадат с 17pt така и така тип шрифт), така че трябва да има малко спорове, за да намерите правилните еквиваленти за всички системни размери.
  • Време за зареждане
    Времето за зареждане на приложението ще се увеличи, тъй като шрифтът трябва да се зареди, преди текстът да може да бъде изобразен.
  • Персонализирано проследяване
    Изисква да се напише нов код и е малко хак.
  • Несъответствия със стандартните компоненти на потребителския интерфейс
    Много компоненти в UIKit не се персонализират лесно. Например заглавките на секции и листовете за действие не предоставят документиран начин за промяна на шрифта им. Така че, освен ако тези стандартни компоненти не бъдат пресъздадени, няма начин да няма комбинация от шрифт System и Custom.

Заключителни мисли и съображения

Тези заключения се основават на случая на използване на Trade Me.

  • Имайки предвид стойност срещу усилие
    От това разследване изглежда, че макар да е възможно, усилията, които ще трябва да бъдат положени, са значителни. Вече имаме масивна кодова база, така че ще трябва да се извърши много отстъпки, ако внедряваме персонализиран шрифт.
  • сходство
    Тъй като показателите за шрифтове на Story Sans се базират в голяма степен на Roboto и San Francisco, трябва да се запитаме, има ли някаква полза от влагането на големи усилия в създаването на персонализиран шрифт, който не е ясно различен? Има ли вероятност потребителите да могат да ги разграничат? Потенциално нещо за тест на потребителя.
  • Използване на потребителски тип за въздействие върху марката
    Това ще намали значително обема на разработката, ако използваме персонализиран шрифт в приложението умерено на конкретни страници за присъствие на марката. Това ще позволи на приложенията да имат най-доброто от двата свята.
  • Времето бокс първо най-доброто усилие
    Ако искаме да проучим повече за използването на персонализиран шрифт в приложенията, беше предложено да направим първо усилие и да видим докъде можем да стигнем и какви предизвикателства да възникнат. Оттам може да се вземе по-информирано решение.
  • Къде да инвестираме нашето време
    Има и други неща, които можем да направим освен това, което получаваме безплатно, използвайки родните шрифтове. Например, като гарантираме, че нашите оформления реагират добре на динамичния тип и се обвиват безпроблемно, или гарантираме, че правим всичко възможно, за да направим нашата типография възможно най-достъпна. Това може да е по-добре прекарано време, а не да се опитваме да преодолеем това, което бихме могли да спечелим безплатно, като използваме местни шрифтове в приложенията.

Върви напред

В резултат на това изследване беше заключено, че за Trade Me използването на персонализиран шрифт няма смисъл в контекста на родното приложение. Прекарването на време и ресурси за решаване на проблеми около езика и опита изглеждаше по-логично, отколкото да имаме постоянен шрифт във всички наши платформи. Стана очевидно, че за да се реализира персонализиран шрифт, ще трябва да има компромиси по отношение на типографски подробности и най-вече достъпност, стойност, която лично аз държа много внимателно.

В момента нашите приложения използват съответните собствени шрифтове. В бъдеще потенциално ще се стремим да внедряваме Story Sans на страници с високо присъствие на марка, като нулеви състояния и на борда.

Добро четене и ресурси

  • Apple на Сан Франциско
  • Ябълки WWDC разговори за въвеждане на Сан Франциско
  • Персонализирани шрифтове на Android
  • Google в Roboto

@GiliSharrock в Twitter, ако искате да се свържете