Formation UX Design - Usages mobiles et web

Novup est un organisme de formation enregistré au n°5244079544 | www.novup.fr | Nos spécialités : #Agilité #Facilitation #Innovation #Management #UX Design
FORMATION
UX DESIGN POUR USAGES
MOBILES ET WEB
Durée : 5 jours | Tarif : 2950 € HT | Réf. : UXD-UMW

Novup est un organisme de formation enregistré au n°5244079544 | #Agilité #Facilitation #Innovation #Management #UX Design | www.novup.fr 2
• Apprendre les contenus et les fonctionnalités liées aux environnement mobiles et tactiles,

• Comprendre l’approche centrée sur l’expérience utilisateur,

• Concevoir un prototype digital pour réaliser une application mobile ou un site web
Responsive,

• Prototyper une interface mobile et Responsive,

• Tester l'interface auprès des utilisateurs et intégrer les retours.
L’UX Design orientée pour la conception d’interfaces tactiles est plus que d’actualité. Avec
un nombre sans cesse grandissant de nouveaux challenges et devices liés aux avancées
technologiques et sociétales, les designers d’aujourd’hui ont besoin de comprendre la
méthodologie de « conception centrée sur l’utilisateur » pour les usages mobiles et web.

Cette formation traite en profondeur l’ensemble de la démarche et les frameworks techniques
afin de rendre les participants autonomes dans la conception de leurs applications mobiles et
leurs sites web avec le Responsive Web Design.

Prise en charge possible : Novup est organisme de formation n°5244079544.
OBJECTIFS PÉDAGOGIQUES
POURQUOI CETTE FORMATION ?

Module 1 : Stratégie utilisateurs (concepts)
• Comprendre les différences entre utilisateur desktop et mobile

• Découvrir les chiffres et les aspects importants liés aux mobiles

• Identifier les contextes d’usage

Quiz : « Ces objets remplace par le mobile »

• Piloter un projet par la valeur

• Utiliser des outils pour prioriser selon la valeur

• Exprimer une proposition de valeur

Atelier : Exprimer la valeur d’une application

• Découvrir l’approche Design Thinking

• Différencier la conception et l’expérience

• Savoir appliquer les 7 critères de Peter Morville dans un contexte mobile et RWD

• Savoir évaluer les besoins / fonctionnalités

• Comprendre le rôle de la subjectivité et de la mémoire en UX

• Être en capacité d’entrer en empathie avec les utilisateurs

• Savoir définir un utilisateur

Atelier : Décrire un Persona
CONTENU DÉTAILLÉ (PROGRESSION PÉDAGOGIQUE)
JOUR
1
er

Module 2 : Périmètre (contenu & fonctionnalités)
Atelier : Observer les points communs entre des applications

• Comprendre la notion d’affordance

• Comprendre la loi de Fitts pour mobile

• Sensibiliser à la « Thumb zone »

• Comprendre l’approche mobile first

• Découvrir le concept de Responsive Web Design

Atelier : Auditer un site web

• Savoir enrichir de contenus (bonnes pratiques, unités des écrans, contenu & typographie, couleurs,
images, formulaires et boutons)

Atelier : Proposer des améliorations pour un site web Responsive

Atelier : Maquetter un site web Responsive pour des supports « desktop », mobile et tablette

• Explorer les fonctionnalités : On boarding, découverte progressive, « Tour », inscription,
authentification et interactions

Atelier : Concevoir une interface fonctionnelle pour mobile
JOUR
2
ème

Module 3 : Structure (Architecture & Scenarii)
• Différencier les architectures d’application mobiles et responsive

• Identifier les Design patterns pour mobile

• Savoir organiser une application selon la tâche ou le contenu

Atelier : Organiser une interface selon le contenu

• Concevoir la Navigation d’une application

Atelier : Concevoir une navigation multi-plateforme

• Réaliser un Tri de cartes

• Concevoir un Site map

• Produire la cinématique et le user flow d’une application

Atelier : Représenter le user flow d’une application

• Concevoir un Scénarii

• Décrire le Story board et les user stories

Atelier : Concevoir le story board d’un site web

• Comprendre les différents stratégies multi-devices

• Décrire le parcours utilisateur

• Découvrir les autres solutions pour décrire les interactions avec l’utilisateur

Atelier : Représenter un parcours utilisateur et l’améliorer
JOUR
3
ème

Module 4 : Squelette (Wireframe & prototype)
• Concevoir en Responsive Web Design

• Patterns RWD

• Réaliser un Zoning d’interface

Atelier : Réaliser le Zoning multi-device d’un site web Responsive

• Réaliser un Wireframe d’interface

Atelier : Réaliser le Wireframe d’une application pour mobile

• Réaliser un Prototype d’interface

• « Crazy 8 »

• « 6 to 1 »

• Outils de prototypage

• Zoom sur POP

Atelier : Prototyper une application de gestion de tâches pour mobile

• Comprendre la démarche de test utilisateur

• Panorama des tests techniques pour mobile

Atelier : Tester un site web mobile
JOUR
4
ème

Module 5 : Surface (Graphisme)
• Explorer l’éventail des technologies : grille ﬂuide, media queries, Flexbox, technologie RESS

Atelier : Analyser le code CSS et les points de rupture d’un site web Responsive

• Découvrir le framework Twitter Bootstrap et sa grille Responsive

Atelier : Conception d’un site web Responsive avec le framework Bootstrap

• Découvrir les tendances passées, actuelles et futures

• Découvrir l’évolution des tendances : en cours et à venir

• Découvrir les tendances graphiques

• Comprendre les enjeux de la Gamiﬁcation

• Savoir mettre des micro-interactions dans une application

• Utiliser Story telling et la vidéos

• Comprendre la notion de « Progressive Web App »

• Découvrir les particularités de la conception d’interface pour montres connectées

Atelier : Réaliser un prototype pour montre connectée
JOUR
5
ème

• Animée par un designer, expert des technologies du Digital, disposant d’une riche
expérience dans la conception d’applications et de sites web. ainsi que le pilotage de
projets en environnement agile.

• De nombreux cas pratiques et retours d'expérience pour mieux assimiler.

• Des méthodes d'animation ludiques et participatives.

• La prise en compte des attentes individuelles et collectives.

• Un support de formation visuel pour faciliter l’apprentissage.
LES POINTS FORTS
FORMATEUR
La formation est assurée par François Amisse, dirigeant de Novup, coach agile certifié, expert
en innovation, facilitateur certifié et UX Designer certifié.

En plus des formations qu’il dispense, François accompagne les organisations dans leurs
changements organisationnels (agilité, intelligence collective, management) et dans leurs
démarches d’innovation de produits et de services (business model, créativité, design,
expérience utilisateur).

François est diplômé en management et en informatique, et certifié en Agilité, Design Thinking,
Innovation et Lean Management. Pour plus de détail, vous pouvez consulter son CV qui est
accessible en ligne sur https://www.linkedin.com/in/francoisamisse/

• Durée : 5 jours (35 heures).

• Horaires : accueil à 9h15, formation de 9h30 à 17h30 (pause déjeuner de 1h).

• Dates et lieux : veuillez consulter notre site web sur www.novup.fr/formation/

• Tarif : 2950 € HT en inter (intra : nous consulter).

• Public concerné : concepteurs, développeurs, chefs de projets fonctionnels, Product
Owner, UI et UX Designers.

• Prérequis : expérience de la conception, connaissance d’un outil de prototypage Digital.

Toutes nos formations sont assurées à partir de 4 stagiaires (et limitée à 12 participants).
Nous privilégions une démarche
pédagogique interactive et conviviale basée
sur un apprentissage actif ainsi que des
échanges entre le formateur et les
participants.

La formation est dispensée avec une
répartition à 50 % de pratique et de mises
en situation, et à 50 % d’apports théoriques
et de connaissances illustrés d’exemples.

Pour les sessions inter entreprise, nous
louons des salles de formations appropriées
et équipées du matériel nécessaire
(ordinateurs si besoin, paperboard, vidéo-
projecteur).

Pour les sessions intra entreprise, nous
pourrons utiliser des salles de l’entreprise
sous réserve de disposer du matériel
nécessaire.

INFORMATIONS PRATIQUES
MÉTHODES ET MOYENS PÉDAGOGIQUES
i

• Le suivi de l’acquisition des compétences de chaque stagiaire sera assuré par le formateur.

• Une feuille de présence sera signée par les stagiaires par demi-journée.

• Une attestation de formation sera remise aux stagiaires à l’issue de la formation.
• Les stagiaires auront la possibilité d’exprimer leurs attentes avant le début de la formation
via un questionnaire en ligne.

• À chaque fin de journée de formations, les stagiaires seront invités à exprimer leurs
ressentis afin de valider l’adéquation entre leurs objectifs individuels et le déroulé de la
formation.

• À l’issue de la formation, les stagiaires complèteront une grille d’évaluation et réaliseront
un QCM pour faire le point sur leur pratique.

• Le suivi de l’acquisition des compétences des stagiaires sera assuré par le formateur.
VALIDATION
ÉVALUATION & SUIVI

NOS PRESTATIONS
FACILITATION & MANAGEMENT
Pour des équipes performantes
Nous utilisons des méthodes issues des
meilleures pratiques managériales qui
aident les organisations à devenir plus
performante dans un cadre de travail
épanouissant pour leurs salariés.
Nous concevons et animons des ateliers/
workshops collaboratifs, des réunions
innovantes et des séminaires d’entreprise.
# ATELIERS COLLABORATIFS,
FACILITATION, INTELLIGENCE
COLLECTIVE, MANAGEMENT
INNOVATION & UX DESIGN
Pour des solutions inédites
Le succès d'une offre ne se décrète pas, il
faut le penser et le construire. Notre
approche « user centric » prend en
compte les utilisateurs et leurs usages dès
le début des projets pour maximiser vos
chances de réussite.
Nous améliorons la performance des
organisation en concevant des produits et
des services appréciés de leurs clients.
# BUSINESS MODEL, DESIGN
THINKING, INNOVATION, LEAN
STARTUP, PROTOTYPAGE, UX DESIGN
MÉTHODES AGILES
Pour des projets efﬁcaces
Les méthodes agiles permettent de
produire et de délivrer le maximum de
valeur possible aux utilisateurs en un
minimum de temps (modèle itératif) tout
en impliquant très fortement les équipes
qui produisent.
Nous accompagnons les équipes et les
organisation dans leur appropriation et
leur mise en oeuvre des méthodes agiles.
# ACCOMPAGNEMENT, COACHING
D’ÉQUIPES, FRAMEWORK SCRUM,
KANBAN, MÉTHODES AGILES, LEAN

NOS FORMATIONS
FACILITATION & MANAGEMENT
Pour des équipes performantes
• Faciliter un atelier collaboratif

• Animer des réunions efficaces et
ludiques

• Animer des réunions visuelles avec le
Scribing

• Présenter efficacement avec le Pitch

• Intrapreneur, l’entrepreneur des
organisations

• Nouvelles pratiques de management

INNOVATION & UX DESIGN
Pour des solutions inédites
• Animer des séances de prototypage
rapide avec le Design Sprint

• Concevoir une expérience utilisateur
avec l’UX Design

• Explorer le champs des possibles
avec le Design Thinking

• Innover dans son Business Model

• Optimiser le succès de son projet
avec le Lean Startup

• Prototypage d’interface avec Sketch®

• UX Design pour usages mobiles et
web

MÉTHODES AGILES
Pour des projets efﬁcaces
• Certification Professional Scrum
Developer

Master

Product Owner

• Concepts de l’agilité

• Devenir un Leader Agile

• Jeux agiles pour mieux travailler en
équipe

Ce document est la propriété exclusive de Novup SAS - Tous droits réservés (copie, impression et re-distribution non autorisé) - www.novup.fr 14
NOS RÉFÉRENCES
AGILITÉ INNOVATION
& UX DESIGN
FORMATIONFACILITATION &
MANAGEMENT

Formation UX Design - Usages mobiles et web

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Formation UX Design - Usages mobiles et web

Similaire à Formation UX Design - Usages mobiles et web (20)

Dernier

Dernier (20)

Formation UX Design - Usages mobiles et web