Retour

L'expérience immersive de l'iPhone Xs

le 

Les appareils Apple sont en constante évolution et repoussent sans cesse les limites du possibles pour créer des expériences utilisateurs hors du commun. Fin 2017, la sortie de l’iPhone X a marqué un tournant dans l’histoire du design des smartphones Apple puisque, outre une résolution incroyable, ce nouvel iPhone est doté d’un écran ultra immersif, couvrant la quasi totalité de la surface du smartphone.

Nous vous l’annoncions en Mars dernier , notre équipe iOS a effectué les mises à jour nécessaires à GoodBarber pour vous permettre de proposer à vos utilisateurs des apps totalement adaptées à l’écran de l’iPhone X. Vous donner la possibilité de tirer profit de l’écran Super Retina de ce dernier modèle n’était résolument pas une option, c’est pourquoi l’interface utilisateur de nos apps iOS a été revue et corrigée, conformément à la documentation publiée par Apple .

L’enjeu réside surtout dans le respect des Safe Areas, qui permette d’obtenir un rendu optimal et de gérer les particularités de la forme et des commandes du nouvel écran d’Apple.

Agrandissement du Header

Le header a été agrandi, et le contenu décalé vers le bas afin de laisser la place au Notch (ou Sensor Housing, c’est à dire l’encoche en haut de l’écran qui contient l’objectif facial, le haut parleur, et les capteurs de proximité et de luminosité). Ainsi à votre application peut remplir la totalité de l'écran sans être tronquée.

Positionnement des éléments en bas de l’écran

Ls éléments du bas de l'app ont été repositionnés afin que l'application n'interfère pas avec le Home Indicator (l’ancien bouton Home, désormais intégré à l’écran), et que chaque commande, de l'app ou de l'iPhone reste clairement visible et accessible.

Disparition de la NavBar

L'animation de la disparition de la Navbar a également été modifiée. Elle disparaît désormais totalement pour permettre à l'application de se propager jusqu'à chaque bord de l'écran, offrant ainsi une expérience totalement immersive.

Voici donc les modifications majeures qui permettent d’ores et déjà à vos apps de s’adapter l’iPhone X. N’hésitez à tester votre application sur ce type de device afin de découvrir l'ensemble des changements et ajustements mis en place par nos développeurs iOS.

Pour finir, un petit aperçu des modifications avec cette app GoodBarber sur un iPhone 8 et un iPhone X:
 
Conseils pour créer une app