2 jours
Perfectionnement / Avancé
Présentiel Classe à distance
Accueil › Formations › Digital & Multimédia › Les essentiels de la création digitale › UX Design et Design Thinking ou le Design centré utilisateur › Axure - Design d'interface - Prototypages, mockups, wireframes
Objectifs de formation
A l'issue de cette formation, vous serez capable de :
- Concevoir et réaliser un prototype d'interfaces interactives avec Axure RP Pro
- Créer des interactions entre les pages ou au sein d'une page
- Optimiser les parcours utilisateurs
- Créer des interfaces adaptées pour mobile, tablette et PC
- Générer un prototype HTML.
Prérequis
Avoir de bonnes connaissances de l'environnement Web, des connaissances de base du logiciel Adobe Photoshop et une première expérience en design d'interface ainsi que des notions d'ergonomie.
Validez les prérequis
Afin de vérifier que vous disposez bien des prérequis nécessaires à cette formation, nous vous invitons à réaliser ce test.
Temps estimé : 4 minutes.
Passer le testPublic concerné
Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets, cadres, consultants, MOA, MO.
Programme
Jour 1 - Matin
Introduction
- Qu'est-ce qu'Axure ?
- Les fonctionnalités majeures d'Axure
- Les logiciels phares de la création d'interface
Le prototypage
- Les étapes clés du processus de maquettage
- Exemples de maquettage de sites Web et applications mobile
Découvrir l'interface
- Découvrir les zones de l'interface
- Créer et organiser des pages
- La barre des outils
- Les widgets
- Les composants (masters)
- Les panneaux d'interactions
Designer une interface Web ou Web App
- Créer
- Un projet
- Des pages et des styles de page
- Appliquer des grilles et des repères
- Utiliser et paramétrer les widgets
- Ajouter des annotations
- Utiliser des interactions simples entre les pages
- Créer des diagrammes de flux
- Créer et manipuler les panneaux dynamiques
- Carousel
- Lightbox
- Overlays
- Accordéons...
Jour 1 - Après-midi
Les composants
- Convertir un widget en composant
- Manipuler et gérer les composants
- Manipuler les fonctionnalités de redimensionnement "resizing constraint"
- Créer un menu de navigation Web et mobile
Exemple de travaux pratique (à titre indicatif)
- Réaliser un site "one page" ou un mini site avec un système de navigation
Jour 2 - Matin
Utiliser les fonctionnalités avancées
- Les formulaires
- Utiliser les conditions, les variables globales
- Créer un formulaire avec gestion des champs, des messages d'erreurs et de validations
- Les "repeaters"
- Ajouter et modifier un "repeater" (repeater card, table)
- Créer un tableau de données dynamiques
Prototyper des interfaces mobiles
- Utiliser les widgets spécifiques au mobile
- Créer des interactions et animations mobiles
- Visualiser le prototype sur l'application mobile Axure
- Vue adaptative
- Créer les vues dynamiques (mobile, tablet, desktop)
- Adapter les panneaux dynamiques et les masters
Export et collaboration
- Visualiser et paramétrer le prototype
- Exporter les pages en HTML, CSS et JS
- Partager le prototype sur Axure Cloud
- Utiliser les options d'Axure Cloud
- Exporter les codes et les assets
Jour 2 - Après-midi
Optimiser le processus de travail
- Organiser vos projets et espace de travail sur le Cloud
- Définir une bonne convention de nommage
- Utiliser les librairies UI et des ressources externes
- Collaborer en équipe autour d'un prototype
Exemples de travaux pratiques (à titre indicatif)
- Prototype Web ou mobile
- Réaliser un prototype interactif
- Créer les styles des widgets et des pages
- Créer des composants
- Utiliser des contenus dynamiques et interactifs
- Partager le prototype
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Les détails de l'accueil des personnes en situation de handicap sont consultables sur la page Accueil et Handicap.
Modalités et délais d’accès à la formation
Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.
