August 4, 2017-iOS App Development, mobile strategy
Di Mike Woods, Atimi Software Inc.
Il tipo dinamico non è nuovo. È stato intorno da iOS 7, ma la sua adozione da parte delle applicazioni è stata un po ‘ irregolare – fino ad ora. Con iOS 11, Apple sta apportando miglioramenti significativi alla funzionalità che dovrebbe portare all’adozione su larga scala. Questo articolo passa attraverso questi cambiamenti e considera come avranno un impatto buona progettazione e implementazione app.
Che cos’è il tipo dinamico?
iOS ha sempre incluso un ottimo supporto per il testo. Il sistema operativo ha dozzine di font scalabili di alta qualità e un sofisticato motore di rendering del testo. I progettisti e gli sviluppatori sono stati in grado di sfruttare questo ricco set di funzionalità per produrre interfacce utente attraenti e funzionali.
Tuttavia, con uno schermo piccolo, il design dell’interfaccia utente è sempre un compromesso tra il montaggio del contenuto nella vista e la leggibilità. E poiché la dimensione del testo leggibile varia da persona a persona, ciò che funziona per uno può essere inutilizzabile per un altro. Le applicazioni pesanti per il testo (come i lettori di notizie) potrebbero offrire un’impostazione delle dimensioni del testo, ma poiché tali funzionalità devono essere codificate manualmente, la maggior parte delle applicazioni non garantisce lo sforzo.
Per risolvere questo problema, Apple ha introdotto il tipo dinamico in iOS 7. Consente ai progettisti di utilizzare un set di sette (in seguito aumentati a dieci) stili di testo quando si selezionano i font. Questi stili vengono quindi mappati a font e dimensioni diverse in base all’impostazione della dimensione del testo dell’utente. Con il tipo dinamico, qualsiasi applicazione può rispondere alle preferenze di dimensione dell’utente, il che migliora l’esperienza per una gamma più ampia di utenti.
Il tipo dinamico supporta sette impostazioni di dimensione, consentendo una variazione significativa della dimensione del carattere. Ad esempio, lo stile del testo del corpo è 17pt all’impostazione predefinita ma varia da 14pt a 23pt. Tuttavia, questo non è il limite in quanto iOS include un’impostazione di accessibilità che aggiunge cinque dimensioni più grandi, fino a 53pt per il testo del corpo. (Si noti che, al momento, cambia solo la dimensione del testo del corpo nelle dimensioni di accessibilità – questo cambierà in iOS 11.)
Questa flessibilità ha le sue sfide. La gamma dinamica del corpo del testo è di circa 4:1, rendendo anche brevi frasi si estendono su più linee. I layout statici chiaramente non funzioneranno con il testo dinamico. Fortunatamente, Layout automatico gestirà la maggior parte del sollevamento pesante, consentendo all’interfaccia utente di regolare il layout senza la necessità di codice.
Tuttavia, non tutti i problemi di layout possono essere risolti solo con il layout automatico. Inoltre, il retrofitting di tipo dinamico in un’applicazione esistente (in particolare se include il codice di layout manuale) può essere difficile. Infine, adottare il tipo dinamico significa abbandonare gli altri font forniti dal sistema operativo, per non parlare dei font personalizzati; non è una scelta facile per i designer che cercano un look distintivo.
Queste sfide hanno portato molte applicazioni ad essere lento ad adottare il tipo dinamico, o di farlo in modo ingenuo, con conseguente UI rotti, in particolare per le impostazioni più grandi.
Tuttavia, tutto questo dovrebbe essere sul punto di cambiare
Cosa sta arrivando in iOS 11?
Al WWDC di quest’anno, Apple ha annunciato diversi miglioramenti al tipo dinamico per iOS 11 che avranno un grande impatto sul tasso e sul costo della sua adozione.
Forse la più significativa è la possibilità di utilizzare altri font con Tipo dinamico. Ciò consente ai progettisti di ridefinire in modo efficace la tavolozza dello stile del testo (inclusi carattere tipografico e dimensione del punto) e il sistema li ridimensionerà automaticamente in base alla dimensione del testo dell’utente.
Per capire l’impatto di questo, basta considerare un’applicazione educativa che vuole utilizzare Chalkboard SE (uno dei font iOS standard) come carattere principale. In precedenza ciò escluderebbe il tipo dinamico. In iOS 11, non solo è possibile, ma il progettista potrebbe decidere che il testo dovrebbe essere leggermente più grande (18pt, ad esempio, per il testo del corpo) per apparire più chiaro con il carattere tipografico della scrittura a mano – e i caratteri continueranno a scalare in modo appropriato in altre dimensioni del testo.
Diventa anche più facile aggiornare le UI esistenti per il testo dinamico. Auto Layout ha la possibilità di regolare la spaziatura verticale in base alle dimensioni del testo in modo che il testo non si restringa a dimensioni più grandi. E per il codice di layout manuale, è possibile scalare le distanze dei pixel in base alle dimensioni del testo per un effetto simile.
Le immagini possono anche scalare per consentire alle icone di essere più visibili in grandi dimensioni di testo di accessibilità. UIKit è anche in grado di mantenere le icone in forma vettoriale per evitare problemi di pixel.
Oltre a questo, c’è una migliore ottimizzazione del layout poiché la dimensione del testo viene resa disponibile come parte di UITraitCollection, che è il modo standard per tenere traccia di altri fattori che influenzano il layout.
Un’ultima modifica è che ora tutti gli stili di testo cambiano la dimensione del punto con l’accessibilità. Ciò migliorerà notevolmente l’esperienza di lettura per gli utenti ipovedenti poiché tutto il testo, non solo il testo del corpo, verrà scalato. Influisce anche sul design thinking in quanto significa molta più variazione nella dimensione del contenuto.
Cosa dice Apple?
Forse più importante dei miglioramenti tecnici al tipo dinamico è la spinta di Apple per promuovere l’accessibilità in iOS 11. Ciò include l’applicazione dei principi “design for everyone” alle applicazioni e alle utility fornite con il sistema operativo. Tra questi principi ci sono tre obiettivi per l’uso del testo.
1. Il testo dovrebbe essere abbastanza grande da consentire all’utente di leggere. (In altre parole, il testo dovrebbe scalare con il tipo dinamico.)
2. Il testo dovrebbe essere completamente leggibile. Non dovrebbe essere troncato inutilmente e non dovrebbe essere sovrapposto o ritagliato.
3. L’interfaccia utente di un’app dovrebbe apparire bella a tutte le dimensioni del testo.
Il raggiungimento di questi obiettivi richiede che le interfacce utente siano più adattive rispetto alla semplice crescita del testo. Ad esempio, il contenuto della cella della tabella è spesso organizzato orizzontalmente con un’immagine o un’icona sul lato iniziale e un’etichetta di testo finale. Questo sembra ottimo per le normali dimensioni del testo, ma i caratteri di accessibilità più grandi portano l’etichetta a sembrare angusta (anche nella misura in cui le parole lunghe vengono spezzate su più righe) mentre l’icona si trova in un ampio spazio bianco verticale. Il passaggio a un layout verticale con l’icona sopra il testo massimizza lo spazio orizzontale per il testo mentre si adatta più contenuto sullo schermo.
In altre situazioni, ospitare caratteri più grandi può significare riordinare il contenuto verticale per garantire che i pulsanti di azione non vengano spinti verso il basso dal testo multilinea, riorganizzare i pulsanti degli strumenti in più righe o nascondere il contenuto ausiliario per fare spazio a testo importante.
Nessuno di questi design adattivi viene fornito gratuitamente, ma Apple fa notare che ne vale la pena per offrire una grande esperienza per tutti. E offrendo una tale esperienza all’interno delle applicazioni di sistema, Apple sta alzando la barra per le applicazioni di terze parti. Con iOS 11, gli utenti saranno più disposti a abilitare le funzionalità di accessibilità per migliorare la facilità d’uso e le app che non supportano bene il tipo dinamico alla fine perderanno quelle che lo fanno.
Mettiti in contatto con noi per scoprire come il Software Atimi può aiutarti a creare un’app aziendale personalizzata e innovativa che offra un’esperienza utente superiore e superi la prova del tempo.
