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.

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