Maquettage de sites Internet

Définir l’utilité de votre site vis-à-vis d’une cible donnée. Choisir l’outil de maquettage adapté à vos besoins. Utiliser toutes les capacités de cet outil pour gagner en productivité et en efficacité. Garantir la réussite de votre projet grâce à une phase de maquettage aboutie.

1-      Définir l’utilité d’un site

1. Prendre en compte l’utilisateur cible du site
2. Penser les contenus disponibles en termes d’utilité pour cette cible

2-      L’intérêt du maquettage lors des phases précédant la réalisation du site

3-      Wireframes, zoning, maquettes fonctionnelles, quelles différences ?

1. le Zoning
2. Le Wireframe ou maquette fil de fer
3. La maquette fonctionnelle
4. Le prototype
5. Intégration de ces phases dans le processus de création de site Internet

4-      Réaliser des croquis et wireframes avec Balsamiq Mockups

1. Découverte de l’environnement et du fonctionnement général
2. Réaliser un wireframe en quelques glisser-déposer
3. Travailler de manière collaborative

5-      Réaliser des maquettes fonctionnelles avec Axure

1. Découverte de l’environnement et du fonctionnement général
2. Modéliser une page simple de contenus
   1. Personnalisation des widgets
   2. Fonctionnement et utilisations des masters
3. Construire des interactions simples (changement de page)
4. Construire des interactions complexes
   1. Fonctionnement des panels dynamiques
   2. Types d’interactions (chargement de page, affichage de messages, etc.)
   3. Fonctionnement et utilisation des variables
   4. Fonctionnement et utilisations des conditions
5. Annotation des maquettes
6. Génération de maquettes fonctionnelles en HTML/CSS