4 août 2017 – Développement d’applications iOS, stratégie mobile
Par Mike Woods, Atimi Software Inc.
Le type dynamique n’est pas nouveau. Il existe depuis iOS 7, mais son adoption par les applications a été quelque peu inégale – jusqu’à présent. Avec iOS 11, Apple apporte des améliorations significatives à la fonctionnalité qui devraient conduire à une adoption à grande échelle. Cet article passe en revue ces changements et examine leur impact sur la conception et la mise en œuvre d’une bonne application.
Qu’est-ce que le type dynamique?
iOS a toujours inclus un excellent support pour le texte. Le système d’exploitation dispose de dizaines de polices évolutives de haute qualité et d’un moteur de rendu de texte sophistiqué. Les concepteurs et les développeurs ont pu tirer parti de ce riche ensemble de fonctionnalités pour produire des interfaces utilisateur attrayantes et fonctionnelles.
Cependant, avec un petit écran, la conception de l’interface utilisateur est toujours un compromis entre l’adaptation du contenu à la vue et la lisibilité. Et comme la taille du texte lisible varie d’une personne à l’autre, ce qui fonctionne pour l’une peut être inutilisable pour l’autre. Les applications textuelles (telles que les lecteurs de nouvelles) peuvent offrir un paramètre de taille de texte, mais comme ces fonctionnalités doivent être codées manuellement, la plupart des applications ne justifient tout simplement pas cet effort.
Pour résoudre ce problème, Apple a introduit le type dynamique dans iOS 7. Il permet aux concepteurs d’utiliser un ensemble de sept styles de texte (augmentés ultérieurement à dix) lors de la sélection des polices. Ces styles sont ensuite mappés à différentes polices et tailles en fonction du paramètre de taille de texte de l’utilisateur. Avec le type dynamique, n’importe quelle application peut répondre aux préférences de taille de l’utilisateur, ce qui améliore l’expérience pour un plus large éventail d’utilisateurs.
Le type dynamique prend en charge sept paramètres de taille, ce qui permet une variation significative de la taille de la police. Par exemple, le style du corps du texte est de 17pt au paramètre par défaut, mais varie de 14pt à 23pt. Cependant, ce n’est pas la limite car iOS inclut un paramètre d’accessibilité qui ajoute cinq tailles plus grandes, jusqu’à 53pt pour le corps du texte. (Notez qu’à l’heure actuelle, seule la taille du corps du texte change dans les tailles d’accessibilité – cela changera dans iOS 11.)
Cette flexibilité s’accompagne de ses propres défis. La plage dynamique du corps du texte est d’environ 4:1, faisant même des phrases courtes couvrent plusieurs lignes. Les mises en page statiques ne fonctionneront clairement pas avec du texte dynamique. Heureusement, la mise en page automatique gérera la plupart des tâches lourdes, permettant à l’interface utilisateur d’ajuster la mise en page sans avoir besoin de code.
Néanmoins, tous les problèmes de mise en page ne peuvent pas être résolus uniquement avec la mise en page automatique. En outre, la modification du type dynamique dans une application existante (en particulier si elle inclut un code de mise en page manuel) peut être difficile. Enfin, adopter un type dynamique signifie abandonner les autres polices fournies par le système d’exploitation, sans parler des polices personnalisées; pas un choix facile pour les designers à la recherche d’un look distinctif.
Ces défis ont conduit de nombreuses applications à être lentes à adopter le type dynamique, ou à le faire de manière naïve, entraînant des interfaces utilisateur cassées, en particulier pour les paramètres plus importants.
Cependant, tout cela devrait être sur le point de changer
Qu’est-ce qui arrive dans iOS 11?
Lors de la WWDC de cette année, Apple a annoncé plusieurs améliorations de Dynamic Type pour iOS 11 qui auront un impact important sur le taux et le coût de son adoption.
Le plus significatif est peut-être la possibilité d’utiliser d’autres polices avec un type dynamique. Cela permet aux concepteurs de redéfinir efficacement la palette de styles de texte (y compris la police de caractères et la taille des points) et le système les met automatiquement à l’échelle en fonction de la taille du texte de l’utilisateur.
Pour comprendre l’impact de cela, il suffit d’envisager une application éducative qui souhaite utiliser Chalkboard SE (l’une des polices iOS standard) comme police principale. Auparavant, cela excluait le type dynamique. Dans iOS 11, non seulement cela est possible, mais le concepteur pourrait décider que le texte devrait être légèrement plus grand (18pt, par exemple, pour le corps du texte) pour être plus clair avec la police d’écriture manuscrite – et les polices évolueront toujours de manière appropriée à d’autres tailles de texte.
Il devient également plus facile de mettre à jour les interfaces UTILISATEUR existantes pour le texte dynamique. La mise en page automatique permet d’ajuster l’espacement vertical en fonction de la taille du texte afin que le texte ne soit pas à l’étroit à des tailles plus grandes. Et pour le code de mise en page manuel, il est possible de mettre à l’échelle les distances de pixels en fonction de la taille du texte pour un effet similaire.
Les images peuvent également être mises à l’échelle pour permettre aux icônes d’être plus visibles dans les grandes tailles de texte d’accessibilité. UIKit est même capable de conserver les icônes sous forme vectorielle pour éviter les problèmes de pixellisation.
Au-delà de cela, le réglage de la mise en page est amélioré car la taille du texte est disponible dans le cadre de UITraitCollection, qui est le moyen standard de suivre d’autres facteurs affectant la mise en page.
Un dernier changement est que maintenant tous les styles de texte changent la taille des points avec l’accessibilité. Cela améliorera considérablement l’expérience de lecture pour les utilisateurs malvoyants, car tout le texte, et pas seulement le corps du texte, sera mis à l’échelle. Cela a également un impact sur le design thinking car cela signifie beaucoup plus de variation dans la taille du contenu.
Que Dit Apple?
Peut-être plus important que les améliorations techniques apportées au type dynamique est la poussée d’Apple pour promouvoir l’accessibilité dans iOS 11. Cela inclut l’application des principes de « conception pour tous » aux applications et utilitaires livrés avec le système d’exploitation. Parmi ces principes figurent trois objectifs pour l’utilisation du texte.
1. Le texte doit être suffisamment grand pour que l’utilisateur puisse le lire. (En d’autres termes, le texte doit être mis à l’échelle avec un type Dynamique.)
2. Le texte doit être entièrement lisible. Il ne devrait pas être tronqué inutilement et il ne devrait pas être chevauché ou écrêté.
3. L’interface utilisateur d’une application doit être belle à toutes les tailles de texte.
Pour atteindre ces objectifs, les interfaces utilisateur doivent être plus adaptatives que de simplement permettre au texte de croître. Par exemple, le contenu des cellules du tableau est souvent organisé horizontalement avec une image ou une icône en tête et une étiquette de texte à la fin. Cela a fière allure pour les tailles de texte régulières, mais les polices d’accessibilité plus grandes font que l’étiquette semble à l’étroit (même dans la mesure où de longs mots sont brisés sur plusieurs lignes) tandis que l’icône se trouve dans un grand espace vertical. Le passage à une disposition verticale avec l’icône au-dessus du texte maximise l’espace horizontal pour le texte tout en adaptant plus de contenu à l’écran.
Dans d’autres situations, adapter des polices plus grandes peut signifier réorganiser le contenu vertical pour éviter que les boutons d’action ne soient poussés vers le bas par du texte multiligne, réorganiser les boutons d’outils en plusieurs lignes ou masquer le contenu auxiliaire pour faire de la place au texte important.
Aucune de ces conceptions adaptatives n’est disponible gratuitement, mais Apple souligne qu’elles en valent la peine pour offrir une expérience formidable à tout le monde. Et en offrant une telle expérience au sein des applications système, Apple place la barre plus haut pour les applications tierces. Avec iOS 11, les utilisateurs seront plus disposés à activer les fonctionnalités d’accessibilité pour améliorer la facilité d’utilisation, et les applications qui ne prennent pas bien en charge le type dynamique finiront par perdre face à celles qui le font.
Contactez-nous pour savoir comment Atimi Software peut vous aider à créer une application d’entreprise personnalisée et innovante qui offre une expérience utilisateur supérieure et résiste à l’épreuve du temps.
