4 August 2017 – dezvoltarea aplicațiilor iOS, strategia mobilă
de Mike Woods, Atimi Software Inc.
Tipul dinamic nu este nou. A fost în jur de la iOS 7, dar adoptarea sa de către aplicații a fost oarecum neuniformă – până acum. Cu iOS 11, Apple aduce îmbunătățiri semnificative funcției care ar trebui să conducă la adoptarea pe scară largă. Acest articol trece prin aceste modificări și ia în considerare modul în care acestea vor avea un impact bun app design și punerea în aplicare.
ce este tipul dinamic?
iOS a inclus întotdeauna un suport excelent pentru text. Sistemul de operare are zeci de fonturi scalabile de înaltă calitate și un motor sofisticat de redare a textului. Designerii și dezvoltatorii au reușit să utilizeze acest set bogat de caracteristici pentru a produce UIs atractive și funcționale.
cu toate acestea, cu un ecran mic, designul UI este întotdeauna un compromis între încadrarea conținutului în vizualizare și lizibilitate. Și, deoarece dimensiunea textului lizibil variază de la o persoană la alta, ceea ce funcționează pentru unul poate fi inutilizabil pentru altul. Aplicațiile cu text greu (cum ar fi cititorii de știri) ar putea oferi o setare a dimensiunii textului, dar, deoarece astfel de caracteristici trebuie codificate manual, majoritatea aplicațiilor nu justifică efortul.
Pentru a rezolva această problemă, Apple a introdus Tipul dinamic în iOS 7. Acesta permite proiectanților să utilizeze un set de șapte (mai târziu a crescut la zece) stiluri de text atunci când selectarea fonturilor. Aceste stiluri sunt apoi mapate la diferite fonturi și dimensiuni în funcție de setarea dimensiunii textului utilizatorului. Cu Dynamic Type, orice aplicație poate fi receptivă la preferințele de dimensiune ale utilizatorului, ceea ce îmbunătățește experiența pentru o gamă mai largă de utilizatori.
Tipul dinamic acceptă șapte setări de dimensiune, permițând o variație semnificativă a dimensiunii fontului. De exemplu, stilul textului corpului este 17pt la setarea implicită, dar variază de la 14pt la 23pt. Cu toate acestea, aceasta nu este limita, deoarece iOS include o setare de accesibilitate care adaugă cinci dimensiuni mai mari, până la 53pt pentru textul corpului. (Rețineți că, în prezent, numai dimensiunea textului corpului se modifică în dimensiunile de accesibilitate – acest lucru se va schimba în iOS 11.)
această flexibilitate vine cu propriile provocări. Intervalul dinamic al textului corpului este de aproximativ 4:1, făcând chiar propoziții scurte se întind pe mai multe linii. Machete statice în mod clar nu va funcționa cu text dinamic. Din fericire, aspectul Auto se va ocupa de cea mai mare parte a ridicării grele, permițând UI să ajusteze aspectul fără a fi nevoie de cod.
cu toate acestea, nu toate problemele de aspect pot fi rezolvate doar cu aspectul automat. De asemenea, adaptarea tipului dinamic într-o aplicație existentă (în special dacă include cod de aspect manual) poate fi dificilă. În cele din urmă, adoptarea tipului dinamic înseamnă abandonarea celorlalte fonturi furnizate de OS, ca să nu mai vorbim de fonturile personalizate; nu este o alegere ușoară pentru designerii care caută un aspect distinctiv.
aceste provocări au condus multe aplicații să fie lent pentru a adopta tip dinamic, sau să facă acest lucru într-un mod naiv, rezultând în UIs rupt, în special pentru setările mai mari.
cu toate acestea, toate acestea ar trebui să fie pe cale să se schimbe…
ce vine în iOS 11?
la WWDC din acest an, Apple a anunțat mai multe îmbunătățiri ale tipului dinamic pentru iOS 11, care vor avea un impact mare asupra ratei și costului adoptării sale.
poate cea mai semnificativă este capacitatea de a utiliza alte fonturi cu tip dinamic. Acest lucru permite proiectanților să redefinească în mod eficient paleta de stil de text (inclusiv dimensiunea textului și dimensiunea punctului), iar sistemul le va scala automat în funcție de dimensiunea textului utilizatorului.
Pentru a înțelege impactul acestui lucru, trebuie doar să luați în considerare o aplicație educațională care dorește să utilizeze Chalkboard SE (unul dintre fonturile standard iOS) ca tip principal. Anterior, care ar exclude Tipul dinamic. În iOS 11, nu numai că acest lucru este posibil, dar proiectantul ar putea decide că textul ar trebui să fie puțin mai mare (18pt, să zicem, pentru textul corpului) pentru a arăta mai clar cu tipul de scriere de mână – iar fonturile se vor scala în continuare în mod corespunzător la alte dimensiuni de text.
de asemenea, devine mai ușor să actualizați UI-urile existente pentru textul dinamic. Aspectul automat are capacitatea de a regla spațierea verticală în funcție de dimensiunea textului, astfel încât textul să nu se înghesuie la dimensiuni mai mari. Și pentru codul de aspect manual, este posibil să scalați distanțele pixelilor în funcție de dimensiunea textului pentru un efect similar.
Imaginile pot fi, de asemenea, scalate pentru a permite pictogramelor să fie mai vizibile în dimensiuni mari de text de accesibilitate. UIKit este chiar capabil să păstreze pictogramele în formă vectorială pentru a evita problemele de Pixelare.
dincolo de aceasta, există o reglare îmbunătățită a aspectului, deoarece dimensiunea textului este disponibilă ca parte a UITraitCollection, care este modalitatea standard de a urmări alți factori care afectează aspectul.
o modificare finală este că acum toate stilurile de text Schimbă dimensiunea punctului cu accesibilitatea. Acest lucru va îmbunătăți foarte mult experiența de lectură pentru utilizatorii cu viziune redusă, deoarece tot textul, nu doar textul corpului, se va scala. De asemenea, are impact asupra gândirii de proiectare, deoarece înseamnă mult mai multă variație a dimensiunii conținutului.
Ce Spune Apple?
poate mai important decât îmbunătățirile tehnice ale tipului dinamic este împingerea Apple de a promova accesibilitatea în iOS 11. Aceasta include aplicarea principiilor „design for everyone” aplicațiilor și utilităților care sunt livrate cu sistemul de operare. Printre aceste principii se numără trei obiective pentru utilizarea textului.
1. Textul trebuie să fie suficient de mare pentru ca utilizatorul să poată citi. (Cu alte cuvinte, textul ar trebui să scaleze cu tipul dinamic.)
2. Textul trebuie să fie pe deplin lizibil. Nu trebuie trunchiat inutil și nu trebuie suprapus sau tăiat.
3. UI o aplicație ar trebui să arate frumos la toate dimensiunile de text.
atingerea acestor obiective necesită ca UIs să fie mai adaptabil decât să permită pur și simplu creșterea textului. De exemplu, conținutul celulei de tabel este adesea organizat orizontal, cu o imagine sau o pictogramă pe partea de conducere și eticheta de text la sfârșit. Acest lucru arată excelent pentru dimensiunile obișnuite ale textului, dar fonturile de accesibilitate mai mari duc la eticheta care arată înghesuită (chiar și în măsura în care cuvintele lungi sunt rupte pe mai multe linii), în timp ce pictograma se află într-un spațiu alb vertical mare. Trecerea la un aspect vertical cu pictograma de deasupra textului maximizează spațiul orizontal pentru text în timp ce se potrivește mai mult conținut pe ecran.
în alte situații, găzduirea fonturilor mai mari poate însemna reordonarea conținutului vertical pentru a vă asigura că butoanele de acțiune nu sunt împinse în jos de textul multiliniu, reorganizarea butoanelor instrumentului în mai multe rânduri sau ascunderea conținutului auxiliar pentru a face loc textului important.
niciunul dintre aceste modele adaptive nu vine gratuit, dar Apple susține că merită să ofere o experiență extraordinară pentru toată lumea. Și oferind o astfel de experiență în cadrul aplicațiilor de sistem, Apple ridică ștacheta pentru aplicațiile terțe. Cu iOS 11, utilizatorii vor fi mai dispuși să permită funcțiile de accesibilitate pentru a îmbunătăți ușurința de utilizare, iar aplicațiile care nu acceptă bine tipul dinamic vor pierde în cele din urmă în fața celor care o fac.
luați legătura cu noi pentru a afla cum Atimi Software vă poate ajuta să construiți o aplicație personalizată, inovatoare, pentru întreprinderi, care oferă o experiență de utilizare superioară și rezistă testului timpului.
