Formation UX Design et Design Thinking ou le Design centré utilisateur Axure - Design d'interface - Prototypages, mockups, wireframes

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

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.

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

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.

Public concerné

Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets, cadres, consultants, MOA, MO.

Programme

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...

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

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

Exportation 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

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 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.

Partager cette formation Télécharger au format pdf Ajouter à mes favoris