Il y a eu beaucoup de discussions sur iOS 7 depuis son dévoilement plus tôt ce mois-ci et la majeure partie a été centrée autour du design, en particulier des nouvelles icônes. Maintenant que nous avons tous eu le temps de réfléchir aux changements, des questions commencent à se poser sur la manière dont elles affecteront la conception de nos propres applications. En conséquence, un débat a éclaté sur le degré d'influence qu'aurait la nouvelle interface utilisateur d'iOS 7.
Alors que certains pensent que les applications doivent rester fidèles à leur propre style et ne doivent pas être redessinées uniquement pour correspondre à l'apparence d'iOS 7, d'autres pensent que les applications doivent être repensées afin de les rendre plus natives. Pour ajouter à cela, il semble y avoir une certaine confusion à propos de la stricte Directives d'interface humaine iOS d'Apple sont réellement.
Dans un effort pour clarifier les choses, j'ai jeté un coup d'oeil sur les documents dans Ressources de conception iOS 7 d'Apple et utilisera ce post pour partager certaines de mes découvertes.
En ce qui concerne le débat sur la question de savoir si toutes les applications doivent désormais adopter une esthétique «plate», il ne s'agit que d'une question d'opinion. Si vous utilisez des éléments d'interface utilisateur personnalisés dans votre conception, les décisions stylistiques vous incombent, à vous et à votre équipe. Bien qu'Apple suggère de revoir l'utilisation des ombres portées, des dégradés et des biseaux, je n'ai vu aucune preuve suggérant qu'il s'agit d'une exigence stricte.
Dans l'extrait de texte ci-dessous, extrait du Guide de transition de l'interface utilisateur iOS 7 , plus de détails sont donnés sur les différents niveaux de personnalisation et comment chacun affectera la quantité de travail que vous devez faire pour préparer vos applications pour la transition.
Considérez la personnalisation de l'application comme étant divisée en trois types:
- La norme. L'application ne contient que des éléments d'interface utilisateur standard non personnalisés fournis par UIKit.
- Douane. L'application présente une interface utilisateur entièrement personnalisée qui n'inclut aucun élément d'interface utilisateur UIKit.
- Hybride. L'application contient un mélange d'éléments standard et personnalisés, y compris des éléments standard que vous avez personnalisés à l'aide des API de teinture et de personnalisation de l'apparence d'UIKit.
Pour une application standard, vous devez décider si vos conceptions visuelles et de votre expérience utilisateur ont encore un sens dans l'environnement iOS 7. Si vous décidez de conserver la mise en page et le modèle d'interaction actuels, la plupart du travail consiste à apporter des modifications mineures et à vous assurer que l'application gère correctement les nouveaux gestes à l'échelle du système.
Les applications personnalisées, c'est-à-dire les applications qui n'utilisent pas d'éléments d'interface utilisateur UIKit, nécessitent une approche plus nuancée. Par exemple, si vous estimez que l'interface utilisateur actuelle et l'expérience de l'application sont toujours appropriées, il y a peut-être très peu à faire. D'un autre côté, si vous estimez que la personnalité de l'application et l'expérience utilisateur devraient changer afin de ravir les utilisateurs d'iOS 7, vous avez encore du travail à faire.
La quantité de travail requise pour les applications hybrides varie en fonction des personnalisations que vous avez effectuées et de la manière dont vous avez combiné des éléments personnalisés et standard. En plus de revoir la conception globale d’une application hybride, vous devez vous assurer que vos personnalisations fonctionnent toujours correctement et qu’elles s’affichent bien quand elles sont intégrées à des éléments standard.
Il est également noté à la fin du document cité ci-dessus qu'une application qui imite l'interface utilisateur iOS 6 standard de manière totalement personnalisée est susceptible de nécessiter beaucoup de travail car elle sera simplement obsolète. C'est certainement une perspective que vous voudrez prendre en considération.
Aussi pris de la Guide de transition de l'interface utilisateur iOS 7 est le texte ci-dessous, qui comporte deux listes - des choses que chaque application doit faire et des choses que chaque application devrait faire. Étant donné le changement de langue, je considère le premier comme une liste d’exigences strictes et le second comme une liste de choses qui, à tout le moins, devraient être envisagées.
Les choses que chaque application doit faire
- Mettez à jour l'icône de l'application. Dans iOS 7, les icônes d'application sont de 120 x 120 pixels (haute résolution).
- Mettez à jour l'image de lancement pour inclure la zone de la barre d'état si elle ne le fait pas déjà.
- Soutenez l'écran Retina et l'iPhone 5 dans toutes vos créations et dessins, si vous ne le faites pas déjà.
Choses que chaque application devrait faire
- Assurez-vous que le contenu de l'application est visible via des éléments d'interface utilisateur transparents, tels que des barres et des claviers, ainsi que la barre d'état transparente. Dans iOS 7, les contrôleurs de vue utilisent une disposition en plein écran (pour en savoir plus, voir Utilisation des contrôleurs de vue ).
- Reconcevoir les icônes des boutons de la barre personnalisée. Dans iOS 7, les icônes des boutons de barre sont plus légères et ont un style différent.
- Préparez-vous aux boutons sans bordure en vous éloignant de la fourniture d'images d'arrière-plan de bouton et en réévaluant votre mise en page.
- Examinez votre application pour connaître les valeurs codées de l'interface utilisateur, telles que les tailles et les positions, et remplacez-les par celles que vous dérivez dynamiquement à partir des valeurs fournies par le système. Utilisez la mise en page automatique pour aider votre application à répondre lorsque des modifications de présentation sont requises. (Si vous êtes nouveau dans la mise en page automatique, apprenez-en plus en lisant Guide de mise en page automatique de cacao .)
- Examinez votre application pour les endroits où les mesures et les changements de style des contrôles et vues UIKit affectent la présentation et l'apparence. Par exemple, les commutateurs sont plus larges, les tables groupées ne sont plus insérées et les vues de progression sont plus fines. Pour plus d'informations sur des éléments spécifiques de l'interface utilisateur, voir Barres et boutons de barre , Contrôles , Vues de contenu , et Vues temporaires .
- Adoptez le type dynamique. Dans iOS 7, les utilisateurs peuvent ajuster la taille du texte qu'ils voient dans les applications. Lorsque vous adoptez le type dynamique, vous obtenez un texte qui répond de manière appropriée aux modifications de taille spécifiées par l'utilisateur. Pour plus d'informations, voir Utiliser les polices .
- Assurez-vous que votre application ne répond pas de manière inappropriée au nouveau geste du Centre de contrôle ou au balayage d'un contrôleur de navigation pour revenir en arrière, en particulier si vous effectuez un traitement tactile personnalisé.
- Revoyez l'utilisation des ombres portées, des dégradés et des biseaux. Étant donné que l'esthétique d'iOS 7 est lisse et superposée - avec beaucoup moins d'emphase sur l'utilisation d'effets visuels pour donner aux éléments d'interface une apparence physique, vous pouvez repenser ces effets.
- Si nécessaire, mettez à jour votre application selon les meilleures pratiques pour iOS 6, telles que la mise en page automatique et les storyboards, et assurez-vous que l'application n'utilise aucune API obsolète.
iOS 7 ne signifie pas non plus la fin de l'icône de l'application ultra détaillée. L'extrait de texte ci-dessous, extrait du Directives d'interface utilisateur iOS , suggère qu'il y a encore une place pour le réalisme. Cependant, comme mentionné ci-dessus, toutes les icônes d'application devront être mises à jour.
Si vous voulez représenter des substances réelles, faites-le avec précision. Les icônes ou les images qui représentent des objets réels doivent également ressembler à des matériaux réels et avoir une masse réelle. Les icônes réalistes reproduisent avec précision les caractéristiques de substances telles que le tissu, le verre, le papier et le métal, et transmettent le poids et la sensation d'un objet.
Bien qu'il y ait beaucoup plus dans les documents à l'intérieur Ressources de conception iOS 7 d'Apple , et je recommanderais de les lire tous, j’ai senti que ces trois extraits en particulier apportaient une clarté indispensable. La nouvelle approche d’Apple peut le faire pour éviter les ombres portées, les dégradés et les biseaux, mais cela ne signifie pas que vous devez suivre, et que vous deviez ou non est purement une question d’opinion.
Quels que soient les choix stylistiques que vous faites, tant que vous tenez compte de tout ce qui précède, vous ne devriez avoir aucun problème à réussir la transition de vos applications vers iOS 7.
Cela vous a-t-il éclairci? Avez-vous hâte de faire la transition? Faites le nous savoir dans les commentaires.