Formation Ergonomie mobile
Maîtriser les bonnes pratiques de l’ergonomie sur appareils mobiles
Présentation de la formation
L’utilisation du mobile est devenue prédominante et place désormais les concepteurs face à de nouveaux défis bien différents de ceux du Web classique.
Cette formation s’intéresse aux fondements d’une stratégie de conception d’interface mobile (smartphone/tablette), tout en tenant compte des particularités de ces médias, ainsi que l’ensemble des bonnes pratiques de conception et maquettage de ces interfaces.
Programme de la formation
Objectifs pédagogiques
- Définir une stratégie de conception,
- Mettre en œuvre une démarche de conception centrée utilisateur pour le mobile,
- Appliquer les critères ergonomiques et guidelines des différents OS en tenant compte des types d’écrans,
- Maquetter une interface mobile optimisée pour la navigation.
Pré-requis
- Connaissance du web est un atout
Contenu de la formation
Introduction à la conception sur mobile
- Le marché du mobile
- Contexte et usages
- la conception « user centric » sur mobile
- Les critères ergonomiques pour les mobiles
- Illustrations pratiques
Méthodes de conception
- L’expérience utilisateur (UX) mobile et tablette
- Géolocalisation, animations, convivialité, etc.
- Les gestuelles pour le tactile
- Optimiser la lisibilité : typographie, caractères, etc.
- Optimiser la taille des éléments
- Travaux pratiques
Les guides de conception
- Les chartes ergonomiques (Guidelines) des OS mobile
- Déclinaisons pour iOS, Android, Windows 8
- Travaux pratiques
Définir sa stratégie de conception
- Définition du produit
- L’approche « mobile first »
- Application native, Web App, Hybride ou Responsive Web Design ?
- Différences entre un site Web mobile et une application mobile native
- Travaux pratiques
Lancer la conception
- Concevoir en Responsive Web Design
- Architecture de l’information pour le mobile et méthode du tri par carte
- Construire la navigation
- Parcours utilisateurs
- Particularités de la conception pour tablette
- Zoning : construction des écrans
- Travaux pratiques
Les types d’écrans
- Les particularités des formulaires, listes, recherche, page de détails, etc.
- Bonnes pratiques associées
Apports de HTML5 et CSS3 au Web mobile
- Illustrations pratiques
- Le maquettage d’interface mobile
- Méthodes
- Outils
- Travaux pratiques
Méthodes & moyens
Explications théoriques suivies de pratiques guidées puis mises en autonomie
- 1 vidéoprojecteur par salle
- 1 ordinateur par stagiaire
Profil du formateur
Support de cours
- Support papier ou électronique (dématérialisé)
- Les exercices d’accompagnement peuvent être récupérés sur clef USB