UX Design et ergonomie pour tablettes et smartphones

Formation actions collectives

Objectifs pédagogiques

Comprendre le vocabulaire et les concepts clés de l'ergonomie et de l'UX design.
Connaître les exigences ergonomiques du développement d’applications sur les appareils tactiles.
Disposer d'une méthodologie de conception et d’évaluation d’interfaces mobiles : charte graphique, navigation, guidage, esthétique, coût, robustesse, adaptabilité, performance, etc.
Connaître les meilleures pratiques pour réaliser des maquettes et conduire le cycle de maquettage d’une application Web compatible avec les mobiles.

Contenu de la formation

JOUR 01

LES PRINCIPES DE L’UX DESIGN : L’UTILISATEUR AU CŒUR DE LA DÉMARCHE DE CONCEPTION
› Introduction au Design Thinking
› Tests utilisateurs et prise de feedback : un processus itératif

UX DESIGN APPLIQUÉ AU MOBILE : DESIGN RESPONSIVE
› Définition Responsive Design
› Concepts clés Responsive Design
› Découverte Grid / Flexbox
› A faire / A ne pas faire par l’exemple

EXERCICE PRATIQUE
› Audit ergonomie de site peu Responsive (travail sur son propre Smartphone) avec les principes du NN consulting group.

LES BONNES PRATIQUES DU DESIGN RESPONSIVE : LA NAVIGATION SANS SOURIS
› Scroll / swipe
› Commande vocale
› A faire / A ne pas faire par l’exemple

JOUR 02

WHITEBOARD CHALLENGE (TP)
› Les participants sont répartis en groupe et tirent au sort une problématique. À la fin de la journée, ils ont un prototype à présenter aux autres groupes. Les phases d’itération se font en groupe, les phases de prototypage en individuel.
› Découverte du sujet et problématisation
› Prototypage d’une ou plusieurs fonctionnalités majeures sur papier
› Tests utilisateurs
› Maquettage basse fidélité
› Présentation de la première itération de maquette au groupe
› Feedbacks du groupe
› Maquette définitive

JOUR 03

LE MAQUETTAGE, UN MOYEN D’ITÉRER RAPIDEMENT
› Maquetter sur mobile : les étapes clés pour minimiser le temps de développement grâce aux maquettes
› Tests utilisateurs présentiel / à distance

UI DESIGN MOBILE
› Design Cross-platform : comment garder de la cohérence desktop / mobile, iOS / Android ? Découverte du design system Material (Google)
› Les bonnes pratiques en termes d’accessibilité (charte graphique, navigation, guidage)

UX DESIGN ET MARKETING DIGITAL
› L’UX design au service des KPIs web (Framework AARRR)
› UX design et Core Web vitaux de Google : l’UX Design au cœur de l’algorithme de référencement

Code

UDX020

Durée

3 jours (21 heures)

Plan de cours complet

Télécharger

Profil des stagiaires

Webmasters, Webdesigners, Chefs de projets Digitaux, Graphistes, Concepteurs de sites Web, …

Prérequis

› Avoir une bonne connaissance du Web et de l'utilisation des supports mobiles.

Sanction de la formation

› Attestation de fin de formation.