iPhone X : Comment s’assurer que votre application y sera adaptée ?

L’iPhone X propose l’écran Super Retina de 5,8 pouces qui permet une immersion plus complète encore. La limite entre appareil et écran s’effacent un peu plus pour une expérience utilisateur toujours plus immersive. Mais cela suppose quelques vérifications, et peut-être des changements, à effectuer pour vous assurer que votre application sera compatible avec ce nouvel appareil. Voici donc quelques points à vérifier pour faire de l’iPhone X un avantage et non un frein à votre application !

Testez votre application sur Simulator

Téléchargez la dernière version de Xcode 9 et testez votre application sur Simulator. Repérez et réparez les problèmes d’interface utilisateur de votre application avant de la tester sur un appareil pour vous assurer qu’elle rendra bien sur iPhone X.Activez la résolution native en plein écran. Votre application fonctionnera en plein écran sur l’iPhone X si le SDK de votre projet est défini sur iOS 11 et si vous disposez d’une image de lancement Launch Storyboard ou iPhone X.Vérifiez chaque élément de votre application. Assurez-vous que votre interface utilisateur s’affiche correctement, qu’aucun élément n’est mal positionné (décalage, chevauchement, etc.), mal découpé, ou à la mauvaise échelle. Si vous rencontrez un problème, repositionnez correctement chaque élément en respectant les zones de sécurité de l’interface utilisateur.

Comment respecter les zones de sécurité de l’iPhone X ?

La mise en page de votre application doit remplir l’écran Super Retina de 5,8 pouces et chaque élément doit apparaître correctement et être cliquable facilement. Utilisez ces zones de sécurité de l’Iphone X pour vous assurer que votre application fonctionnera correctement dans ses nouvelles dimensions.

Les applications avec une mise en page personnalité peuvent facilement s’adapter à l’iPhone X, elles aussi. En particulier si votre application utilise la mise en page automatique et respecte les consignes suivantes.

La barre d’état

Ajoutez un espace aux bonnes dimensions sous la barre d’état, selon la zone de sécurité. Évitez de supposer une valeur pour la hauteur de la barre d’état, au risque de masquer ou de mal positionner le contenu en-dessous.

Les coins d’affichage arrondis et le capteur

Gardez le contenu et les commandes loin des coins et du boîtier du capteur pour remplir la totalité de l’écran sans couper la partie supérieure de votre application ou la faire apparaître derrière la barre d’état.

L’indicateur de page d’accueil

Avec l’iPhone X, plus de bouton de retour à l’accueil ; il suffira de glisser sur le bas de l’écran tactile. Assurez-vous donc que votre application n’interfère pas avec cet indicateur de retour à l’accueil et que vos éléments n’apparaissent pas sous l’indicateur. Ainsi, votre contenu et vos commandes resteront lisibles, claires et compatibles en permanence.

Screen Edge Gestures, ou Mouvements sur les bords d’écran

L’affichage sur l’iPhone X permet, par un simple mouvement sur les bords de l’écran, d’aller sur l’accueil, dans le centre de notifications, le centre de contrôle ou encore le sélecteur d’applications. Évitez d’interférer avec ces gestes. Déplacez les commandes de votre application dans la zone de sécurité et ajustez votre interface utilisateur.

Si c’est vraiment essentiel, vous pouvez envisager l’utilisation de la protection des contours. Cela consiste à permettre le contrôle de l’application avec un premier balayage, un premier geste, et à utiliser les commandes de l’appareil dans un second mouvement, un second glissement.

Une application responsive qui s’adapte à toutes les orientations et formats

Le format et la hauteur de l’écran de l’iPhone X diffèrent des autres appareils iPhones. En mode portrait, la largeur de l’écran de l’iPhone X correspond à celle des écrans de 4,7 pouces des modèles précédents, mais la hauteur est plus grande de 145 point par rapport à un écran 4,7 pouces.

Le nouveau format

De nombreuses applications placent le contenu en fonction d’une largeur, d’une hauteur ou d’un ratio particulier. Assurez-vous que votre application soit adapté et votre contenu correctement positionné.

Le mode paysage

Bien que le mode portait puisse révéler quelques problèmes, la majorité des changements à faire se trouveront probablement dans le mode paysage. Assurez-vous de tester toute votre interface utilisateur avec l’appareil en rotation, autant sur la gauche que sur la droite.

Les dimensions des vidéos

Une vidéo sur l’iPhone X devrait remplir l’écran entier. Toutefois, si cela entraîne un recadrage en haut ou en bas, ou un recadrage trop important sur les côtés, la vidéo devra être mise à la bonne échelle pour s’adapter à l’écran. AVPlayerViewController gère cet aspect automatiquement, mais certains lecteurs vidéo personnalisés basés sur AVPlayerLayer doivent sélectionner le paramètre approprié et permettre aux utilisateurs de basculer entre les modes d’affichages selon leurs préférences.

Nous espérons que cette liste vous permettra de bien vous préparer à l’arrivée de l’iPhone X sur le marché ou à résoudre au plus vite les possibles erreurs de compatibilité recensés ci-dessus.
Pour toute question, ou pour assurer les vérifications et améliorations de votre  application mobile  en vue de l’arrivée de l’iPhone X, demandez http5000. L’agence de communication digitale lyonnaise fera en sorte de donner à votre application l’aspect qu’elle mérite sur l’iPhone X !

CECI PEUT VOUS INTÉRESSER

UGC, l’avenir du marketing : Comment les contenus générés par les utilisateurs peuvent révolutionner votre stratégie marketing

by Yumea, 7 mars 2023

L'UGC (User Generated Content) ou contenu généré par les utilisateurs est en train de changer la donne dans le monde du marketing. Avec l'essor des réseaux sociaux et des plateformes de partage de contenu, les ... LIRE PLUS

 Category: Actualités , Devenir visible sur internet , Réseaux sociaux

 Comments: 0

Comment utiliser Instagram pour atteindre votre audience et générer du trafic vers votre site ?

by Yumea, 1 février 2023

Les réseaux sociaux sont devenus un outil indispensable pour les entreprises qui cherchent à atteindre leur audience cible et à générer du trafic sur leur site web.  Avec plus de 3,8 milliards d'utilisateurs actifs de ... LIRE PLUS

 Category: Devenir visible sur internet , Instagram , Réseaux sociaux

 Comments: 0

7 logiciels d’Intelligence Artificielle (IA) à connaître en 2023

by Yumea, 12 janvier 2023

En 2023, il existe de nombreux sites qui utilisent l'intelligence artificielle (IA) pour aider les utilisateurs à rédiger du contenu et à générer des images. Si vous cherchez des outils pour vous aider à rédiger ... LIRE PLUS

 Category: Actualités

 Comments: 0