web-dev-qa-db-fra.com

Meilleures pratiques pour la conception d'interface utilisateur sur Android (Ergonomie / UX)

Je passe au développement Web pour Android développement. Je connais certaines choses sur l'utilisabilité du Web et je vois que l'UX est trop souvent laissé sur Android de mon J'en fais l'expérience.

Comme les paradigmes d'interaction sont assez différents du Web, je recherche des ressources sur Android UI guidelines/best practices.

Pourriez-vous me donner quelques conseils ici?

36
Édouard Lopez
42
Jitendra Vyas

Google a lancé Android Design qui fournit des directives de conception pour obtenir un style cohérent sur toute la plate-forme. Il comprend des informations sur:

  • Principes généraux tels que la cohérence ("S'il a la même apparence, il doit agir de la même manière") ou l'utilisation de notifications discrètes ("Ne m'interrompez que si c'est important").

  • Disposition et style visuel y compris la conception d'icônes, la typographie (police Roboto), le jeu de couleurs, les thèmes, les considérations pour les tailles et densités d'écran multiples.

  • Modèles d'interaction et widgets spécifiques pour les prendre en charge. Vous pouvez trouver des directives de conception pour résoudre les problèmes courants (navigation, notification utilisateur, etc.) et des widgets proposés par la plateforme (boutons, listes, champs de texte, etc.) avec des recommandations pour leur utilisation. J'ai inclus ci-dessous une image utilisée pour illustrer la conception des notifications:

Parts of a notification

13
Pau Giner

Motorola a une bonne page sur Best Practices for User Interfaces avec quelques vidéos. Je pense que c'est un bon point de départ.

Pour résumer ici le titre de chaque section (copié de la page ci-dessus):

  1. Lisez les directives de l'interface utilisateur
  2. Comprendre et concevoir pour mode tactile
  3. Mais, prenez en charge plusieurs modes d'interaction
  4. Utiliser les notifications et l'ombre de la fenêtre
  5. Prise en charge de l'interaction entre les applications
  6. Gardez votre interface utilisateur rapide et réactive (voir Google I/O talk: Writing zippy Android apps )
  7. Utilisez des widgets et des dossiers actifs
  8. Gérer les changements d'orientation de l'écran
  9. Utilisez judicieusement les images
  10. Utilisez des mises en page qui s'adaptent à plusieurs appareils
4
Roger Attrill

http://androidpatterns.com est également une belle ressource, mais méfiez-vous de certaines incohérences et d'informations moins précises, à ne pas utiliser comme référence solo.

3
lmjabreu

Je suis juste tombé sur un Site de conception Android où les principes de conception de Android 4.0 sont affichés, assez similaires à Apple et Microsofts Guidelines). Donc, à des fins d'archivage, ce message.

2
FrankL