náš Blog

4. srpna 2017-vývoj aplikací pro iOS, mobilní strategie

Mike Woods, Atimi Software Inc.

img

dynamický typ není nový. Existuje již od iOS 7, ale jeho přijetí aplikacemi bylo poněkud nerovnoměrné-až dosud. S iOS 11 společnost Apple významně vylepšuje tuto funkci, která by měla vést k přijetí v širokém měřítku. Tento článek prochází těmito změnami a zvažuje, jak ovlivní dobrý design a implementaci aplikace.

co je dynamický typ?

iOS vždy obsahoval skvělou podporu pro text. OS má desítky vysoce kvalitních, škálovatelných písem a sofistikovaný stroj pro vykreslování textu. Návrháři a vývojáři byli schopni využít tuto bohatou sadu funkcí k vytvoření atraktivních a funkčních UI.

s malou obrazovkou je však návrh uživatelského rozhraní vždy kompromisem mezi přizpůsobením obsahu do zobrazení a čitelností. A jak se velikost čitelného textu liší od člověka k člověku, to, co funguje pro jednoho, může být pro druhého nepoužitelné. Aplikace náročné na Text (například čtečky zpráv) mohou nabídnout nastavení velikosti textu, ale protože takové funkce je třeba kódovat ručně, většina aplikací tuto snahu nezaručuje.

Chcete-li tento problém vyřešit, Apple představil dynamický typ v systému iOS 7. Umožňuje návrhářům při výběru písem využít sadu sedmi (později zvýšených na deset) textových stylů. Tyto styly jsou pak mapovány na různá písma a velikosti podle nastavení velikosti textu uživatele. S dynamickým typem může každá aplikace reagovat na preference velikosti uživatele, což zlepšuje zážitek pro širší spektrum uživatelů.

dynamický typ podporuje sedm nastavení velikosti, což umožňuje významné rozdíly ve velikosti písma. Například styl textu těla je ve výchozím nastavení 17pt, ale pohybuje se od 14pt do 23pt. To však není limit, protože iOS Obsahuje nastavení usnadnění přístupu, které přidává pět větších velikostí, až 53pt pro text těla. (Všimněte si, že v současné době se ve velikostech přístupnosti mění pouze velikost textu těla-to se změní v systému iOS 11.)

tato flexibilita přichází s vlastními výzvami. Dynamický rozsah textu těla je zhruba 4:1, takže i krátké věty pokrývají více řádků. Statické rozvržení zjevně nebude fungovat s dynamickým textem. Naštěstí Auto Layout zvládne většinu těžkého zvedání, což umožňuje uživatelskému rozhraní upravit rozvržení bez nutnosti kódu.

nicméně ne všechny problémy s rozvržením lze vyřešit pouze automatickým rozvržením. Také dovybavení dynamického typu do existující aplikace (zejména pokud obsahuje ruční kód rozvržení) může být obtížné. A konečně, přijetí dynamického typu znamená opuštění ostatních písem dodávaných OS, nemluvě o vlastních fontech; není to snadná volba pro designéry hledající výrazný vzhled.

tyto výzvy vedly mnoho aplikací k pomalému přijetí dynamického typu, nebo k tomu naivním způsobem, což má za následek rozbité UIs, zejména pro větší nastavení.

to vše by se však mělo změnit …

co přichází v iOS 11?

na letošním WWDC společnost Apple oznámila několik vylepšení dynamického typu pro iOS 11, které budou mít velký dopad na rychlost a náklady na jeho přijetí.

snad nejvýznamnější je schopnost používat jiná písma s dynamickým typem. To umožňuje návrhářům efektivně předefinovat paletu stylu textu (včetně písma a velikosti bodu) a systém je automaticky upraví podle velikosti textu uživatele.

Chcete-li pochopit dopad tohoto, zvažte pouze vzdělávací aplikaci, která chce jako hlavní písmo použít tabuli se (jedno ze standardních písem iOS). Dříve to vylučovalo dynamický typ. V systému iOS 11 je to nejen možné, ale návrhář by se mohl rozhodnout, že text by měl být o něco větší (18pt, řekněme, pro text těla), aby vypadal jasněji s písmem rukopisu – a písma se budou stále vhodně měnit v jiných velikostech textu.

je také snazší aktualizovat stávající UI pro dynamický Text. Auto Layout dostane možnost nastavit vertikální mezery podle velikosti textu, takže text není dostat stísněné ve větších velikostech. A pro ruční rozvržení kódu, je možné škálovat pixelové vzdálenosti podle velikosti textu pro podobný efekt.

Obrázky lze také škálovat, aby ikony byly viditelnější ve velkých velikostech textu přístupnosti. UIKit je dokonce schopen udržet ikony ve vektorové podobě, aby se zabránilo problémům pixelace.

kromě toho je vylepšeno ladění rozvržení, protože velikost textu je k dispozici jako součást UITraitCollection, což je standardní způsob sledování dalších faktorů ovlivňujících rozvržení.

jednou z posledních změn je, že nyní všechny textové styly mění velikost bodu s přístupností. To výrazně zlepší zážitek ze čtení pro uživatele se slabým zrakem, protože veškerý text, nejen text těla, se bude měnit. Ovlivňuje také designové myšlení, protože to znamená mnohem větší rozdíly ve velikosti obsahu.

Co Říká Apple?

snad důležitější než technická vylepšení dynamického typu je tlak společnosti Apple na podporu dostupnosti v systému iOS 11. To zahrnuje použití principů „design for everyone“ na aplikace a nástroje dodávané s operačním systémem. Mezi těmito zásadami jsou tři cíle pro použití textu.

1. Text by měl být dostatečně velký, aby uživatel mohl číst. (Jinými slovy, text by měl škálovat s dynamickým typem.)

2. Text by měl být plně čitelný. Neměla by být zbytečně zkrácena a neměla by se překrývat nebo ořezávat.

3. Uživatelské rozhraní aplikace by mělo vypadat krásně ve všech velikostech textu.

dosažení těchto cílů vyžaduje, aby UIs byla adaptivnější než pouhé umožnění růstu textu. Například obsah buňky tabulky je často uspořádán vodorovně s obrázkem nebo ikonou na přední straně a textovým štítkem. To vypadá skvěle pro běžné velikosti textu, ale větší písma přístupnosti vedou k tomu, že štítek vypadá stísněně (dokonce i do té míry, že dlouhá slova jsou přerušena na více řádcích), zatímco ikona sedí ve velkém svislém mezeře. Přepnutí na vertikální rozvržení s ikonou nad textem maximalizuje vodorovný prostor pro text a zároveň přizpůsobí více obsahu na obrazovce.

v jiných situacích může přizpůsobení větších písem znamenat přeskupení vertikálního obsahu, aby se zajistilo, že akční tlačítka nebudou tlačena víceřádkovým textem, reorganizací tlačítek nástrojů do více řádků nebo skrýváním pomocného obsahu, aby se vytvořil prostor pro důležitý text.

žádný z těchto adaptivních návrhů není zdarma, ale Apple zdůrazňuje, že stojí za to poskytnout skvělý zážitek pro každého. A poskytováním takové zkušenosti v rámci systémových aplikací Apple zvyšuje laťku pro aplikace třetích stran. S iOS 11, uživatelé budou ochotnější povolit funkce usnadnění přístupu ke zlepšení snadnosti použití, a aplikace, které nepodporují dynamický typ dobře, nakonec ztratí ty, které to dělají.

Spojte se s námi a zjistěte, jak vám Atimi Software může pomoci vytvořit vlastní, inovativní podnikovou aplikaci, která nabízí vynikající uživatelský zážitek a obstojí ve zkoušce času.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.