Description

L’utilisation du mobile augmente très rapidement et place les entreprises et concepteurs face à de nouveaux défis bien différents de ceux du Web classique.
Cette formation présente les fondamentaux d’une stratégie de conception d’interface mobile ou tablette, en tenant compte des particularités de ces médias, ainsi que l’ensemble des bonnes pratiques de conception et maquettage de ces interfaces.

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.

Public cible

Développeurs, concepteurs, chefs de projet, webdesigners, ergonomes

Pré-requis

Aucun

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

60% théorie / 40% pratique

Programme 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

Les guides de conception

Les chartes ergonomiques (Guidelines) des OS mobile
Déclinaisons pour iOS, Android

Définir sa stratégie de conception

Définition du produit
L’approche « mobile first »
Application native, Web App, Hybride ou Responsive Web Design ?
Les PWAs
Différences entre un site Web mobile et une application mobile native

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

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

Conception d’une interface mobile ou tablette

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le 29 février 2024