0
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
Upcoming SlideShare
Loading in...5
×

060 arborescence

1,373

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,373
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×