IAFACTORYINFORMATION ARCHITECTURE DESIGN
support de formation
conception, outils
MATERIALIZE YOUR NEXT SUCCESS
1 / 41suppo...
Notre parcours initiatique… PROGRAMME
GESTION DE PROJET CONCEPTION COMMUNICATION
modulemodulemodule
• principes généraux,
...
Conception, par où commencer (RAPPEL !)
Rassembler les informations recueillies dans la phase de cadrage.
4 sources INCONT...
SOMMAIRE
LES OUTILS EN CONCEPTION
• Notions : découpage d’un site,
• Méthode,
L’ b• L’arborescence,
• L’inventaire des gab...
Contenu & médias
Il s’agit des éléments constitutifs de l’INFORMATION ventilée à l’écran sous
forme de textes et des média...
Contenu & médias
6 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’inf...
Fonctionnalité
Elément d’interaction simple permettant d’accomplir une action précise à
l’écran ; elle remplit une fonctio...
Fonctionnalité
8 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’infor...
Fonctionnalité
9 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’infor...
Module = fonctionnalité²
Elément d’interaction élaboré permettant d’accomplir une série d’actions
précises à l’écran ; il ...
Module = fonctionnalité²
11 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture...
Questions fréquentesComment ça marche ?1
Le système motorisé Somfy
Lorem ipsum dolor sia
Lorem ipsum dolor sia
X5
Lorem ip...
13 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.i...
Gabarit (aussi appelé template)
Il s’agit d’un modèle type de page permettant d’accueillir de façon
dynamique les contenus...
Gabarit maître
15 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’info...
Variante du gabarit maîtreg
16 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architect...
Déclinaison du gabarit maîtreg
17 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en archit...
Page = √gabarit
La page est une occurrence du gabarit. La structure type du gabarit accueille
et absorbe les contenus de l...
Pages…g
Autant de pages que de types de catégories
qui utiliseront le gabarit « liste de résultat »
ex.
- 1 gabarit type
-...
Processus
Le processus est une séquence préétablie prévoyant un à plusieurs
parcours : un enchaînements de gabarits soumis...
21 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.i...
SOMMAIRE
LES OUTILS EN CONCEPTION
• Notions : découpage d’un site,
• Méthode,
L’ b• L’arborescence,
• L’inventaire des gab...
Livrable
Identifier les contenus Arborescencede t e les co te us
et répertorier les différentes fonctionnalités envisagées...
SOMMAIRE
LES OUTILS EN CONCEPTION
• Notions,
• Méthode,
L’ b• L’arborescence,
• L’inventaire des gabarits,
• Le story-boar...
• énumérer
• lister les fonctionnalités
• inventorier lister les contenus
catégoriser le to t
En fonction de la typologie ...
26 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.i...
27 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.i...
28 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.i...
Modèle à utiliser !!! SPECIMEN
Format .PPT prêt à l’emploi…
29 / 41support de formation | intervention Julien MUCKENSTURM ...
étude de cas SPECIMEN
LA REDOUTE
30 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en arch...
SOMMAIRE
LES OUTILS EN CONCEPTION
• Notions,
• Méthode,
L’ b• L’arborescence,
• L’inventaire des gabarits,
• Le story-boar...
étude de cas SPECIMEN
Orange
32 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architec...
Modèle à utiliser !!! SPECIMEN
Format .PPT ou .XLS selon préférence prêt à l’emploi…
33 / 41support de formation | interve...
Nomenclature SPECIMEN
Il est indispensable d’attribuer une côte à chaque gabarit afin de dresser
un référentiel de tous le...
SOMMAIRE
LES OUTILS EN CONCEPTION
• Notions,
• Méthode,
L’ b• L’arborescence,
• L’inventaire des gabarits,
• Le story-boar...
Modèle à utiliser !!! SPECIMEN
Format .PPT prêt à l’emploi…
36 / 41support de formation | intervention Julien MUCKENSTURM ...
étude de cas SPECIMEN
Somfy
37 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architect...
Avez-vous bien tout compris (ou pas…) ?
38 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil ...
Alors action ! EXERCICE
Nous allons travailler sur la mise en application de la suite de documents
relatifs aux outils de ...
Merci pour votre attention
LA PROCHAINE FOIS : comment réaliser une analyse de site…
40 / 41support de formation | interve...
http://blog.iafactory.fr
SPEAKING ABOUT INFORMATION ARCHITECTURE
41 / 41support de formation | intervention Julien MUCKENS...
Prochain SlideShare
Chargement dans…5
×

Formation conception de support interactif - 02 - outils

933 vues

Publié le

Dès lors que les spécificités des différentes typologies de supports interactifs ont pu être appréhendées, nous approfondissons les techniques permettant de traduire les enjeux de communication sous forme d’interface:

la modélisation de persona type sur la base d’indicateurs statistiques
la transposition des parcours utilisateurs
l’inventaire des fonctions à déployer
la matérialisation projetée du fonctionnement du support interactif
la mise en place de grille modulaire permettant de créer des zoning macro
la scénarisation détaillée de l’interface par le biais des wireframe
l’animation des wireframe visant à expliciter le fonctionnement
la rédaction des spécifications

Publié dans : Formation, Business, Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
933
Sur SlideShare
0
Issues des intégrations
0
Intégrations
202
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Formation conception de support interactif - 02 - outils

  1. 1. IAFACTORYINFORMATION ARCHITECTURE DESIGN support de formation conception, outils MATERIALIZE YOUR NEXT SUCCESS 1 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  2. 2. Notre parcours initiatique… PROGRAMME GESTION DE PROJET CONCEPTION COMMUNICATION modulemodulemodule • principes généraux, • outils en conception, • audit de support digital, b h k ti l• benchmark concurrentiel. 2 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  3. 3. Conception, par où commencer (RAPPEL !) Rassembler les informations recueillies dans la phase de cadrage. 4 sources INCONTOURNABLES qui vont guider votre conception ! Stratégie Besoins Benchmark AuditStratégie • objectif • cibles • positionnement Besoins • utilisateurs finaux • contributeurs • BU marketing, etc. Benchmark • analyse concurrentielle • bonnes pratiques • killer app. Audit existant • points forts • points faibles • axes d’optimisation ce que le client veut ce qu’attend l’utilisateur ce que font les autres ce qui est à conserver (ou pas) LA BASE POUR CONCEVOIR 3 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  4. 4. SOMMAIRE LES OUTILS EN CONCEPTION • Notions : découpage d’un site, • Méthode, L’ b• L’arborescence, • L’inventaire des gabarits, • Le story-board et les spécifications.y p Contenu, fonctionnalité, module gabarit page processusmodule, gabarit, page, processus … 4 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  5. 5. Contenu & médias Il s’agit des éléments constitutifs de l’INFORMATION ventilée à l’écran sous forme de textes et des médias (visuel, son, vidéo, flash, 3D).  Les registres de contenus doivent être identifiés en amont : volumétrie des textes, nature (historique, article, argumentaire…) VS médias • Exemple de contenu • Présentation de l’entreprise (500 caractères, 2 visuels, 1 vidéo) • etc. Gé é l t l t t l i ti l t l l Généralement, les contenus occupent, avec la navigation, la part la plus importante de l’espace de l’interface 5 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  6. 6. Contenu & médias 6 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  7. 7. Fonctionnalité Elément d’interaction simple permettant d’accomplir une action précise à l’écran ; elle remplit une fonction (qui peut être proposée dans plusieurs gabarits).  Elle occupe une zone définie au sein d’un gabarit  Les fonctionnalités proposent des interactions relativement simples qui se Les fonctionnalités proposent des interactions relativement simples qui se limitent à une manipulation élémentaire. La fonctionnalité appelle une FONCTION qui se traduit par une action unique ; elle fonctionne de façon autonome au sein du gabarit.autonome au sein du gabarit. • Exemples de fonctionnalités • Imprimer la page • Envoyer le lien à un ami Télécharger la notice d’utilisation• Télécharger la notice d utilisation • Consulter un calendrier des dates pour sélectionner le jour de son voyage • Trier par date, ajout au panier… • Note : un gabarit peut proposer plusieurs fonctionnalités, mais l’idée consiste à en optimiser le nombre afin de limiter la charge de travail… Lorsque les fonctionnalités sont plus élaborées et proposent un niveau d’interaction plus élevé, on parle alors de module.! 7 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  8. 8. Fonctionnalité 8 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  9. 9. Fonctionnalité 9 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  10. 10. Module = fonctionnalité² Elément d’interaction élaboré permettant d’accomplir une série d’actions précises à l’écran ; il remplit une série de fonctions (peut être proposé dans plusieurs gabarits).  Il occupe une zone définie au sein d’un gabarit  Les modules proposent des interactions + ou - complexes qui peuvent donner Les modules proposent des interactions + ou - complexes qui peuvent donner lieues à de petites séquences et à des manipulations parfois élaborées. étapes. Le module appelle une série de fonctions qui se traduisent par plusieurs actions effectuées par l’utilisateur ; le module converge souventplusieurs actions effectuées par l utilisateur ; le module converge souvent vers un résultat et peut de fait être organisé en séquence. Le module fonctionne en son sein de façon autonome. • Exemples de modules • Simulateur de crédit • Configurateur permettant de définir des préférences dans la recherche d’un produit • Système de présentation permettant d’agréger plusieurs contenus au sein d’une seule et même zone  Un module peut gérer différents états Un module peut gérer différents états 10 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  11. 11. Module = fonctionnalité² 11 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  12. 12. Questions fréquentesComment ça marche ?1 Le système motorisé Somfy Lorem ipsum dolor sia Lorem ipsum dolor sia X5 Lorem ipsum dolor sia 7  Lorem ipsum dolor sia 1.1 6 Le système motorisé Somfy Le moteur Somfy s'installe dans le tube autour duquel le volet roulant s'enroule. Il est alimenté en électricité et peut être mis en marche par une télécommande filaire ou murale ou des automatismes (horloge, capteur solaire…) 1.2 1.3 6 Questions fréquentes3 Comment ça marche ? • Peut-on motoriser tous les types de volets roulants? • Est-ce que je dois changer mes fenêtres pour installer des volets roulants motorisés? P i t i l t l t ? Oui, la motorisation et l'automatisation des volets roulants neufs ou existants sont possibles dans la plupart des cas. • Pourquoi motoriser mes volets roulants? • Je voudrais motoriser mes volets battants, avez-vous une solution? • Quelle est la différence entre un système de commande filaire et un système radio pour piloter mes volets roulants? • Peut-on trouver aussi des motorisations Somfy pour volets roulants en grandes surfaces. Quelle différence avec celles de mon installateur? • Comment choisir la solution de motorisation dont j'ai besoin pour mon volet roulant? • Puis-je programmer moi-même mon installation domotique? 12 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | domotique? ajustable en hauteur
  13. 13. 13 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  14. 14. Gabarit (aussi appelé template) Il s’agit d’un modèle type de page permettant d’accueillir de façon dynamique les contenus et fonctionnalités alimentés par une base de donnée.  Il est composé de zones définies permettant d’agréger les contenus, les fonctionnalités et modules • Exemples de gabarits • Un gabarit article • Un gabarit fiche produit • Un gabarit d’univers produit pour une boutique e-commerce  Un gabarit est qualifié de « gabarit maître » lorsqu’il s’agit d’un gabarit majeur est structurant du site.  Les gabarits maîtres donnent lieux à des variantes  Les gabarits maitres et ou les variantes peuvent donner lieux à des déclinaisons  Petits sites (- de 10 gabarits) ; très gros sites (+ 50 gabarits) 14 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  15. 15. Gabarit maître 15 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  16. 16. Variante du gabarit maîtreg 16 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  17. 17. Déclinaison du gabarit maîtreg 17 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  18. 18. Page = √gabarit La page est une occurrence du gabarit. La structure type du gabarit accueille et absorbe les contenus de l’arborescence.  Un gabarit • Exemples de page • Sur un site e-commerce, l’onglet de niveau 1 est un gabarit type qui fonctionne pour tous les univers sur le même modèle : informatique, télévision, photo… seront des occurrences, des pages moulinées par le template « Univers niveau 1 ». 18 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  19. 19. Pages…g Autant de pages que de types de catégories qui utiliseront le gabarit « liste de résultat » ex. - 1 gabarit type - 25 catégories - donc 25 occurrences du gabaritsdonc 25 occurrences du gabarits = 25 pages 19 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  20. 20. Processus Le processus est une séquence préétablie prévoyant un à plusieurs parcours : un enchaînements de gabarits soumis à des règles de gestion.  Un site peut contenir plusieurs types de processus plus ou moins complexes autrement dit, d’enchaînements invariables de gabarits pour aboutir à un résultat. • Exemple de processus • Processus d’inscription (enchaînement du gabarit panier > identification > livraison > paiement > confirmation = une séquence) Processus de commande• Processus de commande • Processus de souscription à un contrat d’assurance… 20 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  21. 21. 21 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  22. 22. SOMMAIRE LES OUTILS EN CONCEPTION • Notions : découpage d’un site, • Méthode, L’ b• L’arborescence, • L’inventaire des gabarits, • Le story-board et les spécifications.y p 3 docs. types pour documenter et formaliser la conceptionet formaliser la conception 22 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  23. 23. Livrable Identifier les contenus Arborescencede t e les co te us et répertorier les différentes fonctionnalités envisagées au sein du site Arborescence é l l bDéterminer et lister les gabarits ainsi que les modules permettant d’agréger les contenus identifiés Inventaire Concevoir chacun des gabarits / modules et spécifier les règles de fonctionnements et les modalités d’interaction Story-board 23 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  24. 24. SOMMAIRE LES OUTILS EN CONCEPTION • Notions, • Méthode, L’ b• L’arborescence, • L’inventaire des gabarits, • Le story-board et les spécifications.y p Organisation et hiérarchisation visuelle de la largeur et de la profondeur desde la largeur et de la profondeur des contenus, listing des fonctionnalités 24 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | g
  25. 25. • énumérer • lister les fonctionnalités • inventorier lister les contenus catégoriser le to t En fonction de la typologie de site Corporate, e-commerce, portail éditorial… 25 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | • catégoriser le tout • structurer
  26. 26. 26 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  27. 27. 27 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  28. 28. 28 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  29. 29. Modèle à utiliser !!! SPECIMEN Format .PPT prêt à l’emploi… 29 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  30. 30. étude de cas SPECIMEN LA REDOUTE 30 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  31. 31. SOMMAIRE LES OUTILS EN CONCEPTION • Notions, • Méthode, L’ b• L’arborescence, • L’inventaire des gabarits, • Le story-board et les spécifications.y p Le tableau de bord du projet !du projet ! 31 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  32. 32. étude de cas SPECIMEN Orange 32 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  33. 33. Modèle à utiliser !!! SPECIMEN Format .PPT ou .XLS selon préférence prêt à l’emploi… 33 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  34. 34. Nomenclature SPECIMEN Il est indispensable d’attribuer une côte à chaque gabarit afin de dresser un référentiel de tous les éléments produits et à produire.  Je vous propose cette nomenclature très puissante éprouvée sur les sites les plus complexes Dé d it X h ti ( t l d t tili t t & édit i l)• Découpage du site en X chantiers (catalogue, process commande, compte utilisateur, transverse & éditorial) • On procèderait comme suit pour le nommage des gabarits du chantier catalogue CA010000 Pour CAtalogue ou PR pour PRocess CA010000 010 pour le niveau 1 du catalogueCA010000 010 pour le niveau 1 du catalogue CA020000 020 pour le niveau 2 du catalogue CA050000 050 pour le niveau 5 du catalogue (fiche produit 1) CA051000 051 pour le niveau 5 du catalogue (fiche produit 2) CA010000 0 c’est un gabarit maître CA010100 1 c’est la variante numéro 1 de ce gabarit maître CA010200 2 c’est la variante numéro 2 du gabarit maître CA010001 01 ’ dé li iCA010001 01 c’est une déclinaison • Bien entendu, on associe un libellé à chaque élément nomenclaturé • Exemple : CA010000 = Accueil du site 34 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  35. 35. SOMMAIRE LES OUTILS EN CONCEPTION • Notions, • Méthode, L’ b• L’arborescence, • L’inventaire des gabarits, • Le story-board et les spécifications.y p Design d’information & design d’interaction& design d’interaction 35 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  36. 36. Modèle à utiliser !!! SPECIMEN Format .PPT prêt à l’emploi… 36 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  37. 37. étude de cas SPECIMEN Somfy 37 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  38. 38. Avez-vous bien tout compris (ou pas…) ? 38 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  39. 39. Alors action ! EXERCICE Nous allons travailler sur la mise en application de la suite de documents relatifs aux outils de conception au travers d’un exemple simple.  Mini-site jeu concours tirage au sort accompagnant le lancement d’un produit • Principe de base : le mini-site présente la gamme produit de façon valorisante ; les produits ne sont pas vendus on-line mais on propose un module permettant de géo localiser les points de vente. La marque Lorem Ipsum propose également une approche conseil avec des rituels d’application de ses produits. Ne pas oublier la section corporate. • Le site comprendra par ailleurs une partie de présentation du jeu concours, des lots à gagner et du processus d’inscription. Il faudra prévoir en T+1 une galerie des gagnants. A priori on prévoit de découper le site en 4 chantiers : produit / jeu concours et inscription / gagnant / transverse Prévoir des fonctionnalités basiques de type « impression fiche produitconcours et inscription / gagnant / transverse. Prévoir des fonctionnalités basiques de type « impression fiche produit, envoi à un ami… ». • 1) Produits : 4 gammes de produits (shampoing : 4 produits, gel douche :6 produits, bain moussant : 2 produits, savon : 1 produit) • 2) Jeu concours : présentation du jeu, du règlement juridique, des dotations, incitation à l’inscription, inscription, confirmation • 3) Gagnant : imaginer un principe sympathique pour présenter les gagnants • 4) Pages éditoriales et transversales (contact, plan du site, mentions légales, conditions générales de vente…) • Réaliser l’arborescence • Faire l’inventaire des gabarits sur la base de l’arborescence • Scénariser la page d’accueil du site et décrire les interactions 39 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  40. 40. Merci pour votre attention LA PROCHAINE FOIS : comment réaliser une analyse de site… 40 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |
  41. 41. http://blog.iafactory.fr SPEAKING ABOUT INFORMATION ARCHITECTURE 41 / 41support de formation | intervention Julien MUCKENSTURM IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr |

×