[wpms_breadcrumb reverse="0"]
Ergonomie et Expérience Utilisateur UX

Ergonomie mobile et tactile

Reference : EEU03
3 jours - 1650 €
Prochaines sessions
  • Le 12/12/2018
Ergonomie mobile et tactile
Objectifs

  • 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

  • Aucun pré-requis demandé pour cette formation

Modalités pédagogiques

Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

Inscription

Programmes de Ergonomie mobile et tactile

INTRODUCTION A 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

METHODES 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

DEFINIR SA STRATEGIE 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’ECRANS

  • 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

TRAVAUX PRATIQUES

  • Conception d’une interface mobile ou tablette