Android - Modèles d'interface utilisateur
Dans ce chapitre, nous examinerons les différents modèles d'interface utilisateur qui sont disponibles par Android pour concevoir des applications qui se comportent de manière cohérente et prévisible.
Composants UI Patterns
Une bonne application Android doit suivre les modèles d'interface utilisateur suivants -
- Barre d'action
- Confirmation et reconnaissance
- Settings
- Help
- Selection
Nous allons maintenant discuter en détail des modèles d'interface utilisateur mentionnés ci-dessus.
Barre d'action
La barre d'action est une barre dédiée en haut de chaque écran qui est généralement persistante dans toute l'application. Il vous fournit plusieurs fonctions clés qui sont les suivantes -
- Rend les actions importantes visibles et accessibles
- Prend en charge la navigation cohérente et le changement de vue dans les applications
- Réduit l'encombrement en fournissant un débordement d'action pour les actions rarement utilisées
- Fournit un espace dédié pour donner une identité à votre application
Composants de la barre d'action
La barre d'action a quatre composants principaux qui peuvent être vus dans l'image suivante.
Le nom et la fonctionnalité de ces composants sont décrits ci-dessous -
| Sr. Non | Composants de la barre d'action |
|---|---|
| 1 | App Icon L'icône de l'application établit l'identité de votre application. Il peut être remplacé par un autre logo ou une autre marque si vous le souhaitez. |
| 2 | View control Si votre application affiche des données dans différentes vues, ce segment de la barre d'action permet aux utilisateurs de changer de vue. |
| 3 | Action buttons Affichez les actions les plus importantes de votre application dans la section Actions. |
| 4 | Action overflow Déplacez les actions moins souvent utilisées vers le débordement d'action. |
Confirmation et reconnaissance
Lorsqu'un utilisateur appelle une action sur l'interface utilisateur de votre application, il est recommandé de confirm ou acknowledge cette action à travers un toast ou une boîte de dialogue.
Il y a une différence entre Confirmer et Acquitter.
Confirmer
Lorsque nous demandons à l'utilisateur de vérifier qu'il souhaite vraiment poursuivre une action qu'il vient d'appeler, cela s'appelle la confirmation. Comme vous pouvez le voir dans l'image suivante -
Reconnaissant
Lorsque nous affichons un toast pour informer l'utilisateur que l'action qu'il vient d'appeler est terminée, cela s'appelle acquitter, comme vous pouvez le voir dans l'image suivante -
Réglages
L'endroit dans votre application où les utilisateurs peuvent indiquer leurs préférences quant au comportement de votre application est appelé Paramètres. L'utilisation des paramètres peut profiter aux utilisateurs de votre application des manières suivantes:
Settings aider l'utilisateur à prédéterminer ce qui va se passer dans certaines situations
Utilisation de settings dans votre application, aidez les utilisateurs à se sentir en contrôle
Placement des paramètres
Il est préférable par les développeurs Android de toujours faire partie de l'option "paramètres" du débordement d'action mentionné ci-dessus. Comme les utilisateurs n'utilisaient pas fréquemment cette option, la pratique courante est de la placer sous tous les autres éléments sauf «Aide». Comme vous pouvez le voir sur l'image suivante -
Aidez-moi
Certains utilisateurs de votre application peuvent rencontrer des difficultés lors de l'utilisation de votre application.Ils recherchent des réponses et les souhaitent dans l'application. Donc, intégrez toujours «aide» à votre application.
Placement de l'aide
Comme "Paramètres", la conception standard de l'option "Aide" est action overflow. Faites-en toujours le dernier élément du menu et indiquez-le toujours «Aide». Même si l'écran de votre application ne contient aucun autre élément de débordement d'action, «Aide» devrait y apparaître. Comme vous pouvez le voir dans l'image suivante -
Sélection
La version Android 3.0 a changé le geste de pression longue en geste global pour sélectionner des données. Le geste de pression longue est maintenant utilisé pour sélectionner des données, combinant des actions contextuelles et des fonctions de gestion de sélection pour les données sélectionnées dans un nouvel élément appelé lecontextual action bar (CAB).
Utilisation de la barre d'action contextuelle (CAB)
Le CAB de sélection est une barre d'action temporaire qui se superpose à la barre d'action actuelle de votre application pendant que les données sont sélectionnées. Il apparaît après que l'utilisateur appuie longuement sur un élément de données sélectionnable. Comme vous pouvez le voir sur l'image suivante -
Depuis la barre CAB, l'utilisateur peut effectuer les actions suivantes -
- Sélectionnez des éléments de données supplémentaires en les touchant
- Déclenchez une action du CAB qui s'applique à tous les éléments de données en surbrillance
- Ignorer le CAB via le bouton Retour de la barre de navigation ou le bouton coche du CAB