Ergonomie mobile et tactile

Enjeux et les bonnes pratiques de l'ergonomie sur mobile et tablette

  • Filière :

    UX, UI, Web design

  • Sous-filière :

    UX

  • Référence

    ERGO01

  • Durée

    3 jours (21 h)

  • Prix par personne HT

    1 800 € HT

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