Organisme de Formation aux technologies et métiers de L'informatique
Effectuez une recherche
recherche
Accédez à votre espace client
Une question ? Contactez-nous
éditeurs domaines cursus certifications cpf

Formation Concevoir des maquettes d'interface graphique

découverte d'outils et maquettage sur Axure

Télécharger le plan de cours
Demander un devis
Obtenir un renseignement

Informations générales

AXU
2 jours (14h)
1 450 €HT
repas inclus

Objectifs

Après ce cours, vous serez capable 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

Public

Ce cours s'adresse avant tout aux personnes suivantes :

  • Développeurs Front-End, webmasters, MOA.

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

  • Connaissances de base sur le design d'interfaces graphiques, ou connaissances équivalentes à celles apportées par le stage AIL, IHM ou EGO.

Programme de la formation

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.

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.

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 ?
  • 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.
  • 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).
  • 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.
  • Exercice  : Exporter et compléter des spécifications IHM.
plus d'infos

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.

Mis à jour le 08/11/2023