Concevez avec soin la navigation de votre application !

Cela vous est surement arrivé en ouvrant une application, découvrir le menu, est ne pas savoir quoi faire, allez à droite, à gauche … où avoir trop d’information ! Gardez à l’esprit les différences entre les plates-formes iOS et Android. Ces plates-formes diffèrent non seulement en termes d’apparence des applications natives. Il faut donc concevoir avec soin la navigation de votre application en utilisant les ressources des plateformes et la créativité ! En faite les recommandations des plateformes et vos équipes (Freelance) sont indissociables !

Ils diffèrent également en termes de structure et de flux. Les applications mobiles natives pour iOS et Android possèdent des fonctionnalités spécifiques au système d’exploitation. Les directives de Apple et de Google recommandent d’utiliser autant que possible les commandes de navigation standard de la plate-forme. Les utilisateurs connaissent bien le fonctionnement de ces contrôles sur chaque plate-forme. Par conséquent, si vous utilisez les contrôles standard, vos utilisateurs sauront intuitivement comment naviguer dans votre application.

La navigation dans les applications est extrêmement importante pour l’expérience utilisateur. Mike Stern, évangéliste du design chez Apple UI, a décrit les trois objectifs de la navigation :

– Où suis-je?
– Où puis-je aller?
– Et que vais-je trouver quand j’y arriverai?

Rappelez-vous que les trois éléments clés d’un système de navigation intuitive sont qu’ils vous indiquent où vous vous trouvez et qu’ils vous indiquent où vous pouvez aller. La première priorité est de faire en sorte que vos utilisateurs naviguent de manière transparente dans votre application. Peu importe que votre application ait un contenu convaincant ou qu’elle soit facile à utiliser. si votre utilisateur a du mal à naviguer dans les fonctionnalités de l’application, vous allez certainement les perdre. Les utilisateurs doivent pouvoir explorer votre application de manière intuitive et effectuer les actions sans demander de l’aide à qui que ce soit. Il est préférable de simplifier la navigation afin de préserver la cohérence de l’expérience utilisateur dans l’application.

Android et iOS préfèrent différents types de navigation qui deviennent plus faciles à utiliser pour leurs utilisateurs respectifs. Par exemple, Android affiche un bouton arrière intégré dans la barre de navigation. Il utilise également un tiroir de navigation coulissant contenant des options permettant aux utilisateurs de naviguer dans les niveaux supérieurs de votre application. Les utilisateurs d’Android sont habitués à ce type de navigation pour la sélection d’éléments de menu. D’autre part, les directives Apple préconisent une barre d’onglets en bas de l’écran dans le même but d’offrir un accès facile aux zones de niveau supérieur de l’application. Mais Apple inclut également un mouvement de balayage de gauche à droite dans les applications pour accéder à l’écran précédent. Ce geste fonctionne dans presque toutes les applications.

La différence entre iOS et Android dans ce cas est que, sur les appareils iOS des applications natives, le geste de balayage de gauche à droite vous ramène à l’écran précédent. Le même geste sur les appareils Android changera d’onglet. Mais contrairement à iOS, il existe une barre de navigation inférieure sur les appareils Android avec le bouton retour qui vous ramène à l’écran précédent. Il est toujours important de garder à l’esprit cette différence entre les plates-formes pour maintenir la cohérence avec les autres applications mobiles.

Menu

Par exemple la barre d’onglet ne contient pas plus de cinq destinations. Comme nous pouvons le constater, ce composant est similaire à la navigation du bas dans Material Design (Android), mais il est plus couramment utilisé dans les applications iOS.La barre d’onglets apparaît au bas de l’écran de l’application et offre la possibilité de basculer rapidement entre les sections principales d’une application. Ci-dessous l’app Instagram (Ios/Android identique) et l’App Store avec les 5 boutons !

Date

Si vous souhaitez que chaque élément de votre application ait la même apparence sur toutes les plates-formes, des efforts de développement supplémentaires sont nécessaires pour créer le meilleur design d’application mobile. Chaque plateforme a ses interactions uniques : Un bon design est un design qui respecte les habitudes des utilisateurs dans chaque système d’exploitation. Par exemple le sélecteur de date est un exemple d’élément généralement conçu différemment sur les deux plates-formes. Les utilisateurs d’Android ne sont pas familiarisés avec le sélecteur de date de style machine à sous, commun à iOS et inversement avec l’affichage d’un calendrier entier sous Android !

En matière de design, la première impression est généralement la dernière pour les utilisateurs. C’est pourquoi il est si important d’attirer l’attention des utilisateurs dès le début.il est beaucoup plus rapide de concevoir une application mobile utilisant des composants natifs pour les deux systèmes d’exploitation. Par conséquent, il est préférable de consacrer du temps à la conception plutôt que de créer une maquette d’application combinant les instructions relatives à l’interface utilisateur d’Apple et les composants de conception matérielle de Android, puis de consacrer beaucoup de temps au développement en raison des éléments personnalisés.

Ressources Interface

iOS repose sur 3 principes principaux: la déférence (le contenu en premier), la clarté et la profondeur. La conception matérielle d’Android est basée sur des observations du monde réel et sur l’étude du papier en tant que couche créant la structure de l’ensemble du système. Les différences :

– le bouton d’acceuil
– Barre de navigation
– Methode de Navigation
– Bouton d’action flotant
– Typographie

Les éléments partagés :
– Boutons
– Icônes
– Grille
– Drop-List
– Control/ tabs
– Cartes

https://material.io/develop/android/

https://developer.apple.com/design/