Introduction aux modèles de conception Android

Auparavant, vous connaissiez les modèles de conception et leur application à la plate-forme iOS. Dans cet article, nous examinons de plus près les modèles de conception sur la plate-forme Android et ils diffèrent des modèles de conception sur iOS. Si vous ne connaissez pas bien les modèles de conception sur Android, cet article est pour vous..

Si vous n'avez pas lu mon article précédent sur les modèles de conception sur iOS, je vous encourage à prendre quelques minutes pour lire cet article avant de continuer. Certains concepts et terminologies utilisés dans cet article ont été introduits dans Introduction aux modèles de conception iOS..

Principes de conception Android

Chaque système d'exploitation ou plate-forme a des directives pour la conception. Une conception cohérente permet de créer une apparence distincte pour le système d'exploitation ou la plate-forme. Lorsque vous travaillez sur une application qui ciblera à la fois iOS et Android, par exemple, vous découvrirez qu'il existe un certain nombre de différences subtiles et pas si subtiles en ce qui concerne la vision qui sous-tend le design. Voici quelques exemples d’aspects soulignés différemment des autres systèmes d’exploitation mobiles..

  • Personnalisation: Les directives Android recommandent d’inclure un niveau de personnalisation dans une application, afin que les utilisateurs se sentent chez eux. Donner à l'utilisateur la possibilité de thème une application est un bon exemple de ce concept.
  • Icônes sur les mots: Si vous pouvez communiquer quelque chose à l'aide de visuels, tels que des icônes ou des images, cette méthode de communication devrait alors être privilégiée. Si vous rencontrez un scénario dans lequel les mots sont absolument nécessaires, veillez à le garder concis et facile à utiliser..
  • Chaque utilisateur est un expert: Les applications mobiles doivent toujours être faciles à utiliser. Dans le même temps, vous devez donner à l'utilisateur l'impression qu'il est un utilisateur expérimenté. Ceci peut être accompli en fournissant des raccourcis ou en implémentant un processus d’intégration puissant.

Thèmes d'interface Android standard

Comme point de départ, la plate-forme Android fournit actuellement deux thèmes standard lorsque vous souhaitez concevoir des applications pour la plate-forme. Ces thèmes sont utiles et recommandés lorsque vous débutez, mais ils ne sont nullement obligatoires..

Les thèmes sont appelés Holo Light et Holo Dark, un thème clair et foncé, en fonction du style visuel que vous souhaitez atteindre dans votre application..

L'utilisation de l'un des thèmes standard vous aidera lorsque vous débutez et que vous en apprendrez davantage sur les modèles de conception d'Android. Étant donné que les thèmes standard font partie d'Android, vous partez d'une base solide conforme aux normes du système d'exploitation. C'est aussi un excellent point de départ pour des conceptions personnalisées.

Icônes d'application

Bien sûr, il ne s'agit pas uniquement de l'interface de l'application. Même depuis que le design plat est devenu populaire sur iOS, une différence claire est apparue entre les icônes d'applications sur Android et iOS.

La plupart des applications Android ont des icônes d'applications qui créent une impression de profondeur pour imiter le monde réel. De nombreuses icônes d'application sur Android ont un effet 3D subtile qui leur est appliqué pour créer cette impression de profondeur. Une autre différence notable entre les icônes sur Android et iOS est l'utilisation de la transparence.

Si vous développez une application qui cible à la fois Android et iOS, il est important de créer un concept qui fonctionne bien sur les deux plates-formes..

Design d'interaction

Lorsqu'un utilisateur interagit avec l'interface utilisateur d'une application, il attend une forme de retour visuel. Ce retour est généralement plus explicite sur Android que sur iOS.

Le retour visuel est idéal pour améliorer l'expérience utilisateur, car il crée un sentiment de réactivité et de contrôle, deux aspects auxquels les utilisateurs s'attendent maintenant des applications mobiles..

Je vous encourage à télécharger certaines des applications populaires de chaque plate-forme et à explorer leur réponse à vos commentaires..

Différences entre Android et iOS

Il ne devrait pas être surprenant qu'un certain nombre de composants soient uniques ou différents sur la plate-forme Android.

Notez que ce ne sont que quelques exemples. Le meilleur conseil que je puisse vous donner lorsque vous créez une application pour une plate-forme que vous ne connaissez pas bien est d'obtenir les commentaires des utilisateurs et des développeurs qui connaissent bien cette plate-forme. Ils peuvent rapidement indiquer quoi se sent étrange ou faux et ce qui ne l'est pas.

Onglets fixes

Dans iOS, une barre de tabulation se trouve généralement au bas de l'écran dans l'interface utilisateur d'une application. Sous Android, cependant, les onglets sont placés en haut. Android prend en charge plusieurs onglets défilables alors qu'iOS dispose de consignes spécifiques dans lesquelles les onglets de cas d'utilisation conviennent bien et les consignes spécifient même le nombre maximal d'onglets..

Il en résulte qu'une interface utilisateur conçue pour la plate-forme Android peut ne pas toujours travail sur iOS en raison de limitations techniques. Les onglets déroulants, par exemple, sont uniques à Android et ne sont pas pris en charge par le SDK iOS..

Menu déroulant

Un menu déroulant est quelque chose que vous ne trouvez que sur Android. Il existe différents cas d'utilisation dans lesquels un menu déroulant convient parfaitement. Lorsque vous disposez de nombreuses fonctionnalités ou de nombreux groupes de contenu avec une navigation incohérente, un menu déroulant est une solution viable pour résoudre le problème..

Back & Up

Depuis Android 4.0, il y a une barre de navigation collante au bas de l'écran. Séparé de récent bouton, la barre de navigation contient également un retour et en haut bouton. Taraudage retour amener l'utilisateur à l'écran précédent tout en tapotant en haut vous amène au niveau supérieur de la hiérarchie de l'application.

Par exemple, je pourrais parcourir différents éléments de contenu dans une application. Le bouton de retour me ramènerait à l'élément précédent tout en tapotant en haut me dirigeait vers le menu de sélection à partir duquel je pouvais sélectionner un nouvel élément. Il s’agit d’une fonctionnalité puissante que vous devez prendre en compte lors de la création de l’architecture d’information d’une application..

Sous Android, les boutons de retour personnalisés ne sont généralement pas identiques à ceux que l'on voit habituellement dans la barre de navigation des applications iOS..

Widgets

Android prend également en charge les widgets, qui sont complètement absents sur la plate-forme iOS.

Explorer les modèles de conception

Nous allons plonger plus profondément dans certains des modèles de conception sur Android. En général, la meilleure pratique pour créer une interface utilisateur consiste à voir comment d'autres applications résolvent un problème de conception particulier et comment les éléments d'interface standard peuvent le résoudre..

Par exemple, comment les autres applications affichent-elles le contenu? Comment traitent-ils les entrées de l'utilisateur? Ou mettre en œuvre le commerce électronique? En regardant quelques exemples, vous obtenez une idée des solutions possibles pour résoudre le problème de conception auquel vous êtes confronté. Cela signifie-t-il que vous devriez copier de manière flagrante une application existante? Pas vraiment.

Une application bien pensée tente de résoudre un problème spécifique. Habituellement, votre application tente de résoudre un problème unique, ce qui signifie que vous devez trouver un flux d'utilisateur approprié..

La liste suivante devrait vous donner une introduction à la réflexion sur les modèles de conception possibles pour votre application:

  • Montrez, ne dites pas. Pour informer les utilisateurs des fonctionnalités de votre application, vous devez utiliser des actions plutôt que de le leur dire. En général, les tutoriels doivent être évités si possible.
  • Concentrer. Un écran devrait de préférence avoir un seul objectif du point de vue de l'utilisateur.
  • Encouragez l'exploration de diverses fonctionnalités grâce à une navigation efficace. Ouvrez cinq applications et voyez comment chacune d'elles implémente la navigation. Découvrez les avantages et les inconvénients de chaque implémentation.
  • Définissez le modèle de données et le flux utilisateur avant de créer et de concevoir votre application. 
  • Lors de la création d'une nouvelle application, recherchez des applications similaires pour apprendre. À quoi ressemble le flux d'utilisateur? Comment est conçue l'interface utilisateur et comment peut-on l'améliorer??
  • L'application de modèles de conception revient à réfléchir de manière abstraite à la création de l'application la plus efficace en mettant l'accent sur le flux et l'interface utilisateur..
  • Impliquez les utilisateurs d'Android dans le processus de conception pour obtenir un retour rapide et un regard neuf sur l'état actuel de votre conception..

Conclusion

En savoir plus sur les modèles de conception Android signifie que vous devez vous familiariser davantage avec la plate-forme Android. La création d'une interface utilisateur proche des normes du système d'exploitation permet aux utilisateurs de se sentir plus familiers et d'améliorer leur expérience..

N'oubliez pas que nous n'avons abordé que brièvement le sujet. De nombreuses ressources disponibles vous aideront à améliorer votre compréhension des modèles de conception sur Android. Cependant, vous apprenez le plus en créant des flux utilisateur et des interfaces utilisateur.

Ressources

  • Galerie de modèles de conception mobile
  • En savoir plus sur les métriques et la grille Android
  • Patterns Android
  • Modèles d'application Android
  • Interface utilisateur inspirée Android
  • Android Pttrns