Successfully reported this slideshow.
Organiser l’information arborescence
Des arborescences <ul><li>Objectif : (re)Organiser le contenu d’un site </li></ul><ul><li>Méthodes de conception collabora...
Objectif <ul><li>(re)Organiser le contenu d’un site </li></ul><ul><li>Pour permettre aux utilisateurs de trouver le conten...
Méthode de conception collaborative <ul><li>Définition des contenus </li></ul><ul><ul><li>Collecte de l’existant </li></ul...
Représenter l’arborescence
Limites du papier Comment communiquer ? Partager ? Assurer la pérennité ? http://greenteaicecream.co.uk/2007/07/28/designi...
Vocabulaire visuel de Garret http://www.jjg.net/ia/visvocab
Présentation des softs Facilité d’utilisation Puissance interopérabilité Licence Autostructure arborescente Visio +/- -gra...
Page N-2 Page N-2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit.. 1.1 Tête de rubrique Lorem ipsum dolor sit am...
Visio
DENIM <ul><li>Adresse denim </li></ul><ul><ul><li>http://dub.washington.edu/projects/denim/ </li></ul></ul><ul><ul><li>htt...
FreeMind
Techniques alternatives de représentation
060   arborescence
060   arborescence
Prochain SlideShare
Chargement dans…5
×

060 arborescence

3 197 vues

Publié le

Publié dans : Design
  • Soyez le premier à commenter

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

×