060 arborescence

2 639 vues

Publié le

Publié dans : Design
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 639
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
36
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

060 arborescence

  1. 1. Organiser l’information arborescence
  2. 2. Des arborescences <ul><li>Objectif : (re)Organiser le contenu d’un site </li></ul><ul><li>Méthodes de conception collaborative </li></ul><ul><ul><li>Définition des contenus </li></ul></ul><ul><ul><li>Organisation des contenus </li></ul></ul><ul><ul><li>Nommer les catégories </li></ul></ul><ul><li>Représenter l’arborescence </li></ul><ul><ul><li>Limites du papier </li></ul></ul><ul><ul><li>Vocabulaire visuel de JJ Garret </li></ul></ul><ul><ul><li>Numérotation arborescence </li></ul></ul><ul><ul><li>Analyse en fonction de </li></ul></ul><ul><ul><ul><li>Critères : [Interopérabilité - Facilité de maintenance – Impression] </li></ul></ul></ul><ul><ul><ul><li>Soft : Visio (+zoom sur zoning) – Freemind – Powerpoint - Denim </li></ul></ul></ul>
  3. 3. Objectif <ul><li>(re)Organiser le contenu d’un site </li></ul><ul><li>Pour permettre aux utilisateurs de trouver le contenu qu’ils recherchent. </li></ul><ul><li>Permettra de concevoir le système de navigation </li></ul>
  4. 4. Méthode de conception collaborative <ul><li>Définition des contenus </li></ul><ul><ul><li>Collecte de l’existant </li></ul></ul><ul><ul><li>Brainstorming éditorial : utiliser les techniques de brainstorming pour la génération d’idées de contenus. </li></ul></ul><ul><li>Organisation des contenus </li></ul><ul><ul><li>Regrouper les post-it qui semblent appartenir à la même famille </li></ul></ul><ul><li>Nommer les catégories </li></ul><ul><ul><li>Trouver un label qui exprime bien ce que renferme la catégorie </li></ul></ul>http://www.think-box.co.uk/blog/archives/2006_09_01_archive.html
  5. 5. Représenter l’arborescence
  6. 6. Limites du papier Comment communiquer ? Partager ? Assurer la pérennité ? http://greenteaicecream.co.uk/2007/07/28/designing-corporate-intranet-folksonomiestaxonomies-with-post-its/
  7. 7. Vocabulaire visuel de Garret http://www.jjg.net/ia/visvocab
  8. 8. Présentation des softs Facilité d’utilisation Puissance interopérabilité Licence Autostructure arborescente Visio +/- -grande feuille blanche -VB Définition de master et instances Lecture seule par le client payant non Freemind Très facile +/- Export HTML ou GIF opensource oui Denim ? Fait pour le DI, necéssite une tablette graphique ? Université ? Powerpoint facile Relative (les modifs de scénario sont à répercuter partout Totale : le client peut modifier Payant mais inclus dans office non
  9. 9. Page N-2 Page N-2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 1.1 Tête de rubrique Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 2.1 Page N-2 2.1.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 2.1.2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 2.1.4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 2.1.5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Tête de rubrique Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 3.1 Page N-2 3.1.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 3.1.2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 3.1.3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 3.1.4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Tête de rubrique Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 4.1 Page N-2 4.1.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 4.1.2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 4.1.3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 4.1.4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 4.1.5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Tête de rubrique Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 5.1 Page N-2 5.1.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 5.1.2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 5.1.3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tristique tortor sed nunc consectetuer fringilla. Nunc faucibus, lectus id facilisis lacinia, sem diam rutrum urna, malesuada lacinia nibh leo vitae risus. Nullam diam felis, cursus sed, interdum vel, dictum nonummy, mauris. Suspendisse potenti. Aliquam pharetra, Footer 1 Footer 2 Footer 3 Footer 4 Footer 5 PowerPoint Tête de rubrique Page N-2 1.1.1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 1.1.2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 1.1.3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. Page N-2 1.1.4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit..
  10. 10. Visio
  11. 11. DENIM <ul><li>Adresse denim </li></ul><ul><ul><li>http://dub.washington.edu/projects/denim/ </li></ul></ul><ul><ul><li>http://dub.washington.edu/projects/denim/denim_daily_files/page1289.html </li></ul></ul>
  12. 12. FreeMind
  13. 13. Techniques alternatives de représentation

×