Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > MOA, Business Analysis > Ergonomie, UX, accessibilité > Formation Concevoir des maquettes d'interface graphique > Formations > Technologies numériques > Formation Concevoir des maquettes d'interface graphique

Concevoir des maquettes d'interface graphique

découverte d'outils et maquettage sur Axure

Concevoir des maquettes d'interface graphique

découverte d'outils et maquettage sur Axure
Télécharger au format pdf Partager cette formation par e-mail


Définir des maquettes d'IHM permet d'impliquer utilisateurs et développeurs en amont de la réalisation, pour bien valider l'ergonomie d'un site grand public ou d'une application métier. Ce stage vous montrera comment bien utiliser les outils de maquettage et en particulier Axure pour la réussite d'une telle démarche.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : AXU
Prix : 1590 € HT
  2j - 14h
Pauses-café et
déjeuners offerts




Définir des maquettes d'IHM permet d'impliquer utilisateurs et développeurs en amont de la réalisation, pour bien valider l'ergonomie d'un site grand public ou d'une application métier. Ce stage vous montrera comment bien utiliser les outils de maquettage et en particulier Axure pour la réussite d'une telle démarche.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Se familiariser avec les concepts de zoning, architecture de l'information, navigation
  • Créer des maquettes statiques et dynamiques avec Axure
  • Intégrer les principes de bases de la rédaction de spécifications d'IHM

Objectifs pédagogiques

Public concerné

Développeurs Front-End, webmasters, MOA.

Public concerné

Prérequis

Connaissances de base sur le design d'interfaces graphiques, ou connaissances équivalentes à celles apportées par le stage AIL, IHM ou EGO.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant ce test.

Prérequis

Pédagogie

Travaux pratiques de complexité croissante sur Axure.

Pédagogie

Programme de la formation

Introduction
  • Pourquoi faire une maquette IHM ?
  • Coûts et bénéfices.
  • Quand faire une maquette IHM ?
  • Les principes de "design centré utilisateur" : rappels.
  • Utiliser une maquette pour des tests utilisateurs : l'approche AgileUX.
  • Exemples de projets.
  • Pourquoi faire une maquette IHM ?
  • Coûts et bénéfices.
  • Quand faire une maquette IHM ?
  • Les principes de "design centré utilisateur" : rappels.
  • Utiliser une maquette pour des tests utilisateurs : l'approche AgileUX.
  • Exemples de projets.

Les outils existants : panorama (Balsamiq, Visio, Axure, InVision...)
  • Le maquettage vertical et le maquettage horizontal.
  • Basse, moyenne et haute fidélité des maquettes.
  • Différence entre maquettes et prototypes.
  • Les outils du marché, gratuits et payants : avantages et inconvénients. Quel choix faire ?
  • Le maquettage vertical et le maquettage horizontal.
  • Basse, moyenne et haute fidélité des maquettes.
  • Différence entre maquettes et prototypes.
  • Les outils du marché, gratuits et payants : avantages et inconvénients. Quel choix faire ?
Démonstration
Exemples de réalisations mises en œuvre avec différents outils.

Structurer les contenus
  • Concevoir la structure du produit et l'architecture de l'information.
  • Les flux de navigation.
  • Valider une structure de contenus avec les utilisateurs finaux : le tri de cartes.
  • Outils de mind mapping : XMind et les autres.
  • Concevoir la structure du produit et l'architecture de l'information.
  • Les flux de navigation.
  • Valider une structure de contenus avec les utilisateurs finaux : le tri de cartes.
  • Outils de mind mapping : XMind et les autres.
Exercice
Utilisation de XMind, outil de mind mapping, pour structurer les éléments de l'interface.

Créer une interface avec Axure : des bases aux comportements dynamiques
  • Axure RP Pro : un outil puissant et complet.
  • Créer des pages statiques. Widgets, masters, liens.
  • Importer des bibliothèques (icônes, polices...) et gérer le style des pages.
  • Widgets et masters.
  • Créer des interfaces Responsive pour tablettes et smartphones.
  • Créer des interactions.
  • Les comportements dynamiques (panels dynamiques, événements, variables).
  • Axure RP Pro : un outil puissant et complet.
  • Créer des pages statiques. Widgets, masters, liens.
  • Importer des bibliothèques (icônes, polices...) et gérer le style des pages.
  • Widgets et masters.
  • Créer des interfaces Responsive pour tablettes et smartphones.
  • Créer des interactions.
  • Les comportements dynamiques (panels dynamiques, événements, variables).
Exercice
Mise en œuvre de maquettes variées avec Axure.

Ecrire des spécifications d'interface homme-machine
  • Pourquoi écrire des spécifications IHM ? Temps nécessaire et bénéfices.
  • Générer des spécifications IHM avec Axure : un document exploitable ?
  • Bonnes pratiques dans Axure afin d'optimiser les spécifications générées par l'outil.
  • Charte ergonomique et charte graphique : complémentarités et différences.
  • Exemples de réalisations.
  • Pourquoi écrire des spécifications IHM ? Temps nécessaire et bénéfices.
  • Générer des spécifications IHM avec Axure : un document exploitable ?
  • Bonnes pratiques dans Axure afin d'optimiser les spécifications générées par l'outil.
  • Charte ergonomique et charte graphique : complémentarités et différences.
  • Exemples de réalisations.
Exercice
Exporter et compléter des spécifications IHM.


Programme de la formation

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Solutions de financement

Horaires

En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Infos pratiques

Dates et lieux

Du 17 au 18 mars 2022
Classe à distance
S’inscrire
Du 28 au 29 avril 2022
Classe à distance
S’inscrire
Du 21 au 22 juillet 2022
Classe à distance
S’inscrire
Du 10 au 11 octobre 2022
Classe à distance
S’inscrire

Dates et lieux