10 conseils de conception pour améliorer les effets visuels Android

1. Utilisez des images de taille appropriée

En ce qui concerne les images, de nombreux développeurs d'applications Android adoptent une approche universelle. Bien que cela facilite la gestion des ressources, ce n'est pas une bonne approche en ce qui concerne l'attrait visuel de votre application. Pour que votre application soit à son meilleur, vous devez concevoir différentes images pour des écrans d'appareil spécifiques. Les images les plus appropriées créent la meilleure expérience utilisateur.

2. Utilisez des images correctement formatées

Nous avons tous vu des applications qui se bloquent lors de la tentative de chargement de certaines images volumineuses, pas seulement à cause d'un format non idéal ; est utilisé. La plateforme Android prend en charge de nombreux formats multimédias, tels que PNG, JPEG, GIF, BMP et WebP (remarque : uniquement pris en charge par la version Android 4.0). PNG est un format idéal pour les images sans perte, tandis que la qualité de rendu du JPEG est incohérente.

Android prend également en charge les images élastiques avec Nine-Patch. Si possible, envisagez d'utiliser WebP au lieu de JPEG, car ce format est plus efficace pour le stockage et le téléchargement. Autrement dit, si elle était utilisée comme image autonome aux côtés d’un ancien format, la taille globale de l’application deviendrait plus grande, ce qui réduirait les avantages de l’utilisation du nouveau format.

3. Utilisez des animations et des couleurs subtiles pour afficher les changements d'état

Utilisez des animations subtiles et des changements de couleur de contrôle de l'interface utilisateur pour afficher les changements d'état de l'application pendant les transitions d'écran, ce qui rendra votre application plus visible. de professionnalisme. Par exemple, le fondu entre les activités rend les transitions d'écran plus naturelles, et le changement de la couleur d'un bouton enfoncé met en évidence l'action de l'utilisateur en cours, montrant clairement ce que l'utilisateur fait.

Android 3.x et les versions ultérieures peuvent activer l'accélération matérielle, ce qui rendra les animations plus fluides. Cependant, des tests sont nécessaires car toutes les fonctionnalités de l'application ne sont pas compatibles avec l'accélération matérielle.

4. Utilisez des coins arrondis pour adoucir l'interface utilisateur.

Les boutons de contrôle de l'interface utilisateur tels que Button et PageView auront une forme de pixel rectangulaire sur l'écran, mais cela doit être traité. Sur l'interface de contrôle, l'effet de coins arrondis est utilisé pour adoucir l'apparence de l'interface utilisateur, qui ressemble beaucoup au Web, mais est effectivement très appréciée des utilisateurs.

5. Utilisez un « éclairage » cohérent dans les effets 3D

La dernière version de la plate-forme Android utilise des styles holographiques et des icônes 3D, etc. Si vous utilisez des ombres portées et d’autres styles similaires dans les contrôles de votre application, veillez à utiliser un « éclairage » cohérent. En d’autres termes, assurez-vous que l’ombre est orientée de manière cohérente sur l’écran. Utilisez les mêmes valeurs dans l'éditeur d'images pour créer la même pente et la même texture.

6. Utilisez une palette de couleurs à contraste élevé

Lorsqu'un membre de la famille (remarque : souvent quelqu'un de la génération plus âgée) découvre pour la première fois que vous pouvez utiliser des polices et des arrière-plans colorés dans vos e-mails, et vous envoie un e-mail avec un fond blanc et des polices jaune citron, de tels e-mails sont assez difficiles à obtenir. lire. Certaines personnes peuvent concevoir les écrans de leurs applications de manière à ce qu'il soit difficile pour les joueurs de lire ou de naviguer dans le contenu à l'écran. L’utilisation de couleurs appropriées à contraste élevé rendra l’écran plus facile à voir et soulagera le stress des yeux. Intégrez la palette de couleurs aux ressources de votre système et utilisez-la comme base pour d'autres travaux.

7. Utilisez des polices grandes et faciles à lire

Semblable à la mauvaise palette de couleurs ci-dessus, nous recevons également des textes de membres de la famille qui sont difficiles à lire dans une police étrange. Certaines polices sont nettement plus faciles à lire que d’autres.

La taille de la police est également un facteur important. Essayez de la rendre aussi grande que possible tout en maintenant l'équilibre avec les autres fonctions de l'écran. Tout comme lors de l'utilisation d'un télécopieur, l'utilisation de polices inférieures à 12 points est inappropriée.

Les concepteurs d'Android 4.0 ont introduit une nouvelle police disponible uniquement sur la plateforme et facile à lire sur les appareils mobiles, elle s'appelle Roboto.

8. Ne vous écartez pas trop des spécifications de la plate-forme

De nombreuses applications mobiles à succès utilisent des interfaces utilisateur que les gens connaissent. Ils disposent d’interfaces utilisateur simples et courantes et utilisent des commandes familières aux utilisateurs. Ne soyez pas trop non conventionnel dans les commandes de votre interface utilisateur et la conception de votre écran. Gardez-le aussi simple que possible et cohérent avec les performances des autres applications de la plate-forme. Utilisez la plateforme comme indicateur pour déterminer les performances et le comportement des applications.

Si l'interface utilisateur que vous créez est différente, assurez-vous d'utiliser des méthodes objectives telles que les tests AB pour comparer la nouvelle interface utilisateur avec l'interface utilisateur traditionnelle afin de déterminer si la nouvelle solution de conception est plus optimisée, par exemple plus efficace, plus facile à utiliser, ou semble plus confortable.

9. Suivez les directives de l'interface utilisateur

Le manuel de l'application Android contient de nombreuses directives de l'interface utilisateur qui peuvent être intégrées à votre application. Ces directives ont tendance à différer selon la version d'Android utilisée par votre application. Lorsque cela se produit, vous devez créer plusieurs ressources pour gérer plusieurs directives. Les directives couvrent les icônes, les widgets, les menus et les activités.

10. Tester l'interface utilisateur

Les développeurs ne sont souvent pas de bons QA ou de bons testeurs. Une fois que votre application fonctionne de manière stable, il est utile de la tester auprès d'utilisateurs qui ne connaissent absolument pas la conception et l'intention de votre application. Les concepteurs d’applications supposent souvent que les utilisateurs trouveront l’interface utilisateur de leur application intuitive, mais ce n’est peut-être pas le cas. Ce n'est qu'en laissant les utilisateurs tester l'application que vous pourrez découvrir de nombreux problèmes inattendus avant de publier l'application.

Astuce bonus : embauchez un graphiste ou un graphiste professionnel

De nos jours, les utilisateurs s'attendent à voir des applications qui ont fière allure et sont conçues par des professionnels. Tout comme vous ne vous présenteriez pas à un entretien habillé avec désinvolture, vous devez consacrer suffisamment de ressources pour peaufiner l'apparence de votre application avant de la publier. Dans la plupart des cas, les programmeurs ne sont généralement pas des artistes qualifiés, alors envisagez d'embaucher un artiste professionnel pour faire le travail, assurez-vous simplement d'avoir une vision claire du résultat de la conception.

Lorsque vous êtes immergé dans le développement d'applications Android, il est souvent facile d'oublier la conception de l'interface utilisateur. Une fois que votre application est relativement stable, parcourez cette liste et peaufinez-la. D’une manière générale, il est préférable de laisser ces tâches plus tard dans le développement, lorsque le contenu de l’écran est relativement fixe.

Pour plus d'articles sur 10 techniques de conception pour améliorer les effets visuels Android, veuillez faire attention au site Web PHP chinois !