GratuitDébutant2 h 18

Concevoir une interface mobile

Apprenez les règles qui rendent une application agréable et accessible sur téléphone : ergonomie tactile, zones de pouce, navigation, conventions Material Design et Human Interface Guidelines, accessibilité, états vides, de chargement et d'erreur. Vous saurez critiquer et améliorer un écran.

Ce que vous saurez faire

  • Dimensionner des zones tactiles et placer les actions principales dans la zone de pouce
  • Structurer la navigation d'une application avec la bonne structure (onglets, pile, tiroir)
  • Distinguer les conventions de Material Design (Android) et des Human Interface Guidelines (iOS)
  • Vérifier le contraste des couleurs et rendre un écran utilisable avec un lecteur d'écran
  • Concevoir les états vide, de chargement, d'erreur et hors ligne d'un écran
  • Organiser un test d'utilisabilité rapide avec cinq personnes

Plan du cours

Partie 1 · Concevoir pour le pouce45 min

  1. L'ergonomie tactile : doigts, cibles et gestes12 min
  2. Les zones de pouce et l'usage à une main11 min
  3. Hiérarchie visuelle, texte et espacement12 min
  4. Quiz : concevoir pour le pouce10 min

Partie 2 · Navigation et conventions de plateforme45 min

  1. Choisir une structure de navigation12 min
  2. Material Design sur Android12 min
  3. Les Human Interface Guidelines d'Apple11 min
  4. Quiz : navigation et conventions de plateforme10 min

Partie 3 · Accessibilité et écrans robustes48 min

  1. L'accessibilité mobile13 min
  2. États vides, de chargement et d'erreur13 min
  3. Tester son interface avec de vraies personnes12 min
  4. Quiz : accessibilité et écrans robustes10 min