<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Accent Circonflexe &#187; Architecture de l&#8217;information</title>
	<atom:link href="http://www.accent-circonflexe.net/category/ergonomie-editoriale/architecture-de-linformation/feed" rel="self" type="application/rss+xml" />
	<link>http://www.accent-circonflexe.net</link>
	<description>Occupons le terrain des mots</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:31:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Jouons aux cartes</title>
		<link>http://www.accent-circonflexe.net/ergonomie-editoriale/tri-par-cartes/</link>
		<comments>http://www.accent-circonflexe.net/ergonomie-editoriale/tri-par-cartes/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 20:16:00 +0000</pubDate>
		<dc:creator>Raphaelle RIDARCH</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Expérience utilisateur]]></category>
		<category><![CDATA[card sorting]]></category>
		<category><![CDATA[mots-clés]]></category>
		<category><![CDATA[persona]]></category>
		<category><![CDATA[test utilisateur]]></category>
		<category><![CDATA[tri par cartes]]></category>
		<category><![CDATA[utilisateur]]></category>
		<category><![CDATA[wording]]></category>

		<guid isPermaLink="false">http://www.accent-circonflexe.net/?p=1459</guid>
		<description><![CDATA[Observer, repérer, collecter les mots-clés, le vocabulaire de sa cible... Utiliser la terminologie de sa cible est un moyen efficace pour mettre en adéquation son contenu et les requêtes des utilisateurs ciblés.]]></description>
			<content:encoded><![CDATA[<div class="sticky_post"><div id="attachment_1462" class="wp-caption alignleft" style="width: 310px"><a rel="attachment wp-att-1462" href="http://www.accent-circonflexe.net/ergonomie-editoriale/tri-par-cartes/ /attachment/rosenfeld_card_sorting"><img class="size-medium wp-image-1462" title="rosenfeld_card_sorting" src="http://www.accent-circonflexe.net/wp-content/uploads/2009/09/rosenfeld_card_sorting-300x110.jpg" alt="Crédit Photo : rosenfeldmedia/Flickr - CC" width="300" height="110" /></a><p class="wp-caption-text">Crédit Photo : rosenfeldmedia/Flickr - CC</p></div>
<h2>Une terminologie généraliste ou spécifique ?</h2>
<p>Tout dépend de votre cible et de l&#8217;objectif de votre site.</p>
<p>J&#8217;ai à l&#8217;esprit un site qui a pour vocation de fournir des informations aux personnes en quête  d&#8217;emploi, de formation ou de création d&#8217;entreprise.<br />
Après réflexion tous les acteurs du site sont convenus que leur terminologie est  d&#8217;abord professionnelle (<em>des professionnels vers d&#8217;autres professionnels</em>) et ne correspond pas aux attentes de leurs usagers.<br />
La solution consiste à orienter le site sur l&#8217;utilisateur. Le <strong>tri par cartes</strong> semble un outil adapté.</p>
<h2>Jouons aux cartes</h2>
<p>Le <a title="Tri par cartes ou tri de cartes (card sorting) " href="http://www.ergolab.net/articles/tri-cartes-ergonomie-web.php" target="_blank">tri par cartes</a> (<em>card sorting</em>) permet de comprendre la <strong>logique de l&#8217;utilisateur</strong> et son point de vue. Avec le tri par cartes,on peut appréhender la représentation mentale de l&#8217;utilisateur.</p>
<p>Il s&#8217;agit en somme d&#8217;inventorier le contenu du site et de proposer des étiquettes et des catégories (en ce qui concerne le test fermé). Puis il convient de sélectionner des utilisateurs représentatifs du site (plus ou moins familiers du web)  et leur proposer de regrouper les étiquettes sous les catégories selon leur logique propre.</p>
<p>Les utilisateurs ont eu pour tâche de placer sous les catégories &laquo;&nbsp;emploi&nbsp;&raquo; &laquo;&nbsp;formation&nbsp;&raquo; &laquo;&nbsp;vie pratique&nbsp;&raquo; les étiquettes correspondantes selon eux.</p>
<p>Le tri par cartes constitue une bonne base pour l&#8217;élaboration de l&#8217;<a title="Architecture de l'information " href="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation" target="_blank">architecture</a> du site. Toutefois, ce test rencontre quelques limites : les utilisateurs sont hétérogènes (en termes d&#8217;âge, de qualification et de diplômes). Le test rencontre certains biais quand les professionnels sont partiaux c&#8217;est-à-dire qu&#8217;ils tentent malgré eux d&#8217;imposer leur conception. De plus, cette méthode s&#8217;avère longue et fastidieuse. Certes, il existe des applications pour réaliser des <a title="applications en ligne de tris par cartes" href="http://www.rosenfeldmedia.com/books/cardsorting/content/lists/card_sort_applications/" target="_blank">tris par cartes en ligne</a>.</p>
<p>Le tri par cartes permet dans tous les cas de repenser sérieusement l&#8217;architecture du site. A l&#8217;issue, de cette architecture et dans la perspective d&#8217;une refonte du site nous pourrons mesurer véritablement l&#8217;impact de cette méthode.</p>
<p>L&#8217;outil tri par cartes est nécessaire mais non suffisant ; la création de <a title="Création des personas" href="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois" target="_blank">personas</a> est impérative pour bien comprendre les utilisateurs du site et pour bien circonscrire sa cible. En effet, un site à vocation &laquo;&nbsp;grand public&nbsp;&raquo; risque d&#8217;exclure un grand nombre d&#8217;utilisateurs qui ne s&#8217;identifient à pas au site et surtout ne trouvent pas satisfaction à leurs requêtes.</p>
<p>Avez-vous déjà utilisé le tri par cartes ? Vous a t-il semblé efficace, pertinent ? Qu&#8217;en pensez-vous ? Partagez votre avis.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.accent-circonflexe.net/ergonomie-editoriale/tri-par-cartes//feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mindmapping et architecture de l&#8217;information</title>
		<link>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/mindmapping-et-architecture-de-linformation/</link>
		<comments>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/mindmapping-et-architecture-de-linformation/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 05:53:53 +0000</pubDate>
		<dc:creator>Raphaelle RIDARCH</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[arborescence]]></category>
		<category><![CDATA[carte conceptuelle]]></category>
		<category><![CDATA[carte heuristique]]></category>
		<category><![CDATA[carte mentale]]></category>
		<category><![CDATA[carte sémantique]]></category>
		<category><![CDATA[cartographie]]></category>
		<category><![CDATA[heuristique]]></category>
		<category><![CDATA[mindmap]]></category>
		<category><![CDATA[mindmapping]]></category>
		<category><![CDATA[pearltrees]]></category>
		<category><![CDATA[plan de site]]></category>
		<category><![CDATA[schéma heuristique]]></category>
		<category><![CDATA[sitemap]]></category>
		<category><![CDATA[visualisation]]></category>

		<guid isPermaLink="false">http://www.accent-circonflexe.net/?p=1155</guid>
		<description><![CDATA[Parmi les méthodes pour cartographier l'architecture d'un site web, une retient mon attention : la carte heuristique ou mind mapping. 

La carte ou schéma heuristique a pour avantage de fixer sous forme visuelle à la fois l'ensemble des contenus de votre site et permettre d'en explorer chaque contenu. En outre, cette cartographie révèle les forces et faiblesses du site.

Découvrons ensemble le mindmapping et l'arborescence d'un site web.]]></description>
			<content:encoded><![CDATA[<div id="attachment_1179" class="wp-caption alignleft" style="width: 310px"><a rel="attachment wp-att-1179" href="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/mindmapping-et-architecture-de-linformation/ /attachment/mindmapping_sirwiseowl"><img class="size-medium wp-image-1179" title="mindmapping_sirwiseowl" src="http://www.accent-circonflexe.net/wp-content/uploads/2009/07/mindmapping_sirwiseowl-300x224.jpg" alt="Crédit Photo : sirwiseowl/Flickr - CC" width="300" height="224" /></a><p class="wp-caption-text">Crédit Photo : sirwiseowl/Flickr - CC</p></div>
<p>Les<strong> cartes heuristiques</strong> ou <strong>cartes mentales</strong> (<em>plus connues sous le vocable anglais <strong>mindmap</strong></em>) se révèlent être un outil puissant pour organiser et structurer l&#8217;information. Vous connaissez ?</p>
<p>Certainement, un peu à la manière de Monsieur Jourdain, vous les avez déjà dessinées sans le savoir.</p>
<p>Ces cartes mentales sont un <em>support visuel</em> pour la mémoire, la réflexion et la créativité. Ses applications sont illimitées : on s&#8217;en sert dans  la vie quotidienne, au travail&#8230; et pour l&#8217;organisation des contenus ou  l&#8217;architecture d&#8217;un site web.</p>
<p>Sans plus tarder, je vous invite à découvrir les cartes heuristiques et faire un tour d&#8217;horizon sur l&#8217; activité qu&#8217;est  le <strong>mindmapping</strong> : <span><a id="pt-pearl-1_5767-599" style="color:#CC3333" title="click here to see: mindmapping" href="http://www.pearltrees.com/mindmapping/" target="_blank"><img style="border:none;vertical-align:top;" src="http://www.pearltrees.com/embed/staticTree.png" alt="mindmapping" /></a><script src="http://www.pearltrees.com/embed/pt-embed.js" type="text/javascript"></script><script type="text/javascript"><!--
ptInitTree('pt-pearl-1_5767-599',1,5767,1,57772,1);
// --></script></span></p>
<p>La <em>vertu cognitive </em>de ces cartes est de <em>visualiser à la fois l&#8217;ensemble des éléments d&#8217;un coup d&#8217;oeil et d&#8217;explorer chaque élément</em>.</p>
<p>Si je vous parle de <strong>mindmapping</strong>, vous l&#8217;aurez compris, c&#8217;est parce qu&#8217;il est un outil précieux pour organiser des contenus, bâtir l&#8217;architecture d&#8217;un site, faire du <a title="Mindmapping et travail préparatoire à la rédaction d'un billet - Accent Circonflexe" href="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode" target="_blank">brainstorming pour rédiger les billets</a> de son blog, &#8230; ou par exemple pour cartographier l&#8217;architecture de son site.</p>
<h2>Cartographier l&#8217;architecture de son site</h2>
<p>Certes,  il existe divers outils pour créer l&#8217;arborescence d&#8217;un site web qu&#8217;il s&#8217;agisse de <a title="générateur de plan de site" href="http://www.powermapper.com/products/mapper/index.htm" target="_blank">générateur</a>, de <a title="xml sitemap" href="http://www.opensourceartistry.com/xml-sitemap-and-robotstxt-considerations-for-wordpress-users/" target="_blank">fichier xml</a> ou applications diverses comme <a title="Visio : générer arborescence - site map" href="http://www.boxesandarrows.com/view/the_lazy_ia_s_guide_to_making_sitemaps" target="_blank">Visio</a> ou autres pour les <a title="Site Maps for Web Applications" href="http://allinthehead.com/retro/279/site-maps-for-web-applications" target="_blank">plans de site</a>.</p>
<p>Cependant, l&#8217;avantage des cartes heuristiques c&#8217;est de <strong>représenter visuellement</strong> les connexions entre les différentes sections et leurs liens hiérarchiques. En outre, la carte peut révéler les forces et les faiblesses du contenu du site : déséquilibre dans le traitement de telle ou telle partie, redondances, omissions&#8230;</p>
<p>Je vous présente ici  l&#8217;architecture d&#8217;<a title="Accent Circonflexe - page d'accueil" href="http://www.accent-circonflexe.net/" target="_blank">Accent Circonflexe</a>, vous avez des remarques ?  Faites m&#8217;en part  :</p>
<div style="text-align : center;"><a rel="attachment wp-att-1261" href="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/mindmapping-et-architecture-de-linformation/ /attachment/accentcirconflexeplandusite"><img class="aligncenter size-medium wp-image-1261" title="Accent Circonflexe - Plan du site" src="http://www.accent-circonflexe.net/wp-content/uploads/2009/07/accentcirconflexeplandusite-300x175.jpg" alt="Accent Circonflexe - Plan du site" width="300" height="175" /></a></p>
<map name="9W6yzu3t7EKzlzotgA4Cpw">
<area shape="rect" coords="715, 380, 735, 401" href="http://www.accent-circonflexe.net/marketing-editorial/lecriture-virale" alt="http://www.accent-circonflexe.net/marketing-editorial/lecriture-virale"></area>
<area shape="rect" coords="614, 384, 738, 401" href="http://www.accent-circonflexe.net/marketing-editorial/lecriture-virale" alt="http://www.accent-circonflexe.net/marketing-editorial/lecriture-virale"></area>
<area shape="rect" coords="734, 441, 754, 462" href="http://www.accent-circonflexe.net/projet-web-editorial/precautions-juridiques" alt="http://www.accent-circonflexe.net/projet-web-editorial/precautions-juridiques"></area>
<area shape="rect" coords="590, 444, 757, 462" href="http://www.accent-circonflexe.net/projet-web-editorial/precautions-juridiques" alt="http://www.accent-circonflexe.net/projet-web-editorial/precautions-juridiques"></area>
<area shape="rect" coords="809, 159, 829, 180" href="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces" alt="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces"></area>
<area shape="rect" coords="606, 162, 832, 180" href="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces" alt="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces"></area>
<area shape="rect" coords="411, 27, 432, 48" href="http://www.accent-circonflexe.net/a-propos" alt="A propos" target="_blank"></area>
<area shape="rect" coords="348, 30, 434, 48" href="http://www.accent-circonflexe.net/a-propos" alt="A propos" target="_blank"></area>
<area shape="rect" coords="802, 601, 822, 622" href="http://www.accent-circonflexe.net/referencement-editorial/referencement-editorial" alt="http://www.accent-circonflexe.net/referencement-editorial/referencement-editorial"></area>
<area shape="rect" coords="648, 605, 825, 623" href="http://www.accent-circonflexe.net/referencement-editorial/referencement-editorial" alt="http://www.accent-circonflexe.net/referencement-editorial/referencement-editorial"></area>
<area shape="rect" coords="339, 400, 360, 421" href="http://www.accent-circonflexe.net/" alt="http://www.accent-circonflexe.net/"></area>
<area shape="rect" coords="9, 275, 361, 423" href="http://www.accent-circonflexe.net/" alt="http://www.accent-circonflexe.net/"></area>
<area shape="rect" coords="427, 116, 448, 137" href="http://www.accent-circonflexe.net/plan-du-site" alt="Plan du site" target="_blank"></area>
<area shape="rect" coords="348, 119, 450, 137" href="http://www.accent-circonflexe.net/plan-du-site" alt="Plan du site" target="_blank"></area>
<area shape="rect" coords="897, 342, 918, 363" href="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois" alt="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois"></area>
<area shape="rect" coords="801, 345, 920, 363" href="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois" alt="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois"></area>
<area shape="rect" coords="798, 320, 818, 340" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale/architecture-de-linformation" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale/architecture-de-linformation"></area>
<area shape="rect" coords="620, 323, 821, 341" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale/architecture-de-linformation" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale/architecture-de-linformation"></area>
<area shape="rect" coords="687, 463, 707, 484" href="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois" alt="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois"></area>
<area shape="rect" coords="590, 466, 710, 484" href="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois" alt="http://www.accent-circonflexe.net/projet-web-editorial/il-etait-une-fois"></area>
<area shape="rect" coords="403, 71, 424, 92" href="http://www.accent-circonflexe.net/contact" alt="Contact" target="_blank"></area>
<area shape="rect" coords="348, 75, 426, 93" href="http://www.accent-circonflexe.net/contact" alt="Contact" target="_blank"></area>
<area shape="rect" coords="409, 667, 430, 688" href="http://www.accent-circonflexe.net/comments/feed" alt="http://www.accent-circonflexe.net/comments/feed"></area>
<area shape="rect" coords="312, 670, 432, 688" href="http://www.accent-circonflexe.net/comments/feed" alt="http://www.accent-circonflexe.net/comments/feed"></area>
<area shape="rect" coords="966, 226, 986, 246" href="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode" alt="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode"></area>
<area shape="rect" coords="606, 229, 989, 247" href="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode" alt="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode"></area>
<area shape="rect" coords="760, 348, 780, 368" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale/experience-utilisateur" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale/experience-utilisateur"></area>
<area shape="rect" coords="620, 351, 794, 374" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale/experience-utilisateur" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale/experience-utilisateur"></area>
<area shape="rect" coords="699, 507, 719, 528" href="http://www.accent-circonflexe.net/projet-web-editorial/charte-editoriale" alt="http://www.accent-circonflexe.net/projet-web-editorial/charte-editoriale"></area>
<area shape="rect" coords="590, 511, 722, 529" href="http://www.accent-circonflexe.net/projet-web-editorial/charte-editoriale" alt="http://www.accent-circonflexe.net/projet-web-editorial/charte-editoriale"></area>
<area shape="rect" coords="768, 530, 788, 550" href="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation" alt="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation"></area>
<area shape="rect" coords="590, 533, 791, 551" href="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation" alt="http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation"></area>
<area shape="rect" coords="365, 645, 386, 666" href="http://www.accent-circonflexe.net/feed" alt="http://www.accent-circonflexe.net/feed"></area>
<area shape="rect" coords="312, 648, 388, 666" href="http://www.accent-circonflexe.net/feed" alt="http://www.accent-circonflexe.net/feed"></area>
<area shape="rect" coords="754, 270, 774, 291" href="http://www.accent-circonflexe.net/contenu-editorial/la-reputation-des-mots" alt="http://www.accent-circonflexe.net/contenu-editorial/la-reputation-des-mots"></area>
<area shape="rect" coords="606, 273, 777, 291" href="http://www.accent-circonflexe.net/contenu-editorial/la-reputation-des-mots" alt="http://www.accent-circonflexe.net/contenu-editorial/la-reputation-des-mots"></area>
<area shape="rect" coords="763, 298, 783, 318" href="http://www.accent-circonflexe.net/ergonomie-editoriale/lergonomie-editoriale" alt="http://www.accent-circonflexe.net/ergonomie-editoriale/lergonomie-editoriale"></area>
<area shape="rect" coords="620, 301, 786, 319" href="http://www.accent-circonflexe.net/ergonomie-editoriale/lergonomie-editoriale" alt="http://www.accent-circonflexe.net/ergonomie-editoriale/lergonomie-editoriale"></area>
<area shape="rect" coords="839, 485, 859, 506" href="http://www.accent-circonflexe.net/projet-web-editorial/un-cahier-des-charges-pour-quoi-faire" alt="http://www.accent-circonflexe.net/projet-web-editorial/un-cahier-des-charges-pour-quoi-faire"></area>
<area shape="rect" coords="590, 489, 862, 506" href="http://www.accent-circonflexe.net/projet-web-editorial/un-cahier-des-charges-pour-quoi-faire" alt="http://www.accent-circonflexe.net/projet-web-editorial/un-cahier-des-charges-pour-quoi-faire"></area>
<area shape="rect" coords="459, 94, 480, 114" href="http://www.accent-circonflexe.net/mentions-legales" alt="Mentions légales" target="_blank"></area>
<area shape="rect" coords="348, 97, 482, 115" href="http://www.accent-circonflexe.net/mentions-legales" alt="Mentions légales" target="_blank"></area>
<area shape="rect" coords="400, 5, 421, 26" href="http://www.accent-circonflexe.net/" alt="Accueil" target="_blank"></area>
<area shape="rect" coords="348, 8, 423, 26" href="http://www.accent-circonflexe.net/" alt="Accueil" target="_blank"></area>
<area shape="rect" coords="565, 215, 586, 236" href="http://www.accent-circonflexe.net/category/contenu-editorial" alt="Contenu" target="_blank"></area>
<area shape="rect" coords="505, 218, 600, 241" href="http://www.accent-circonflexe.net/category/contenu-editorial" alt="Contenu" target="_blank"></area>
<area shape="rect" coords="573, 386, 594, 407" href="http://www.accent-circonflexe.net/category/marketing-editorial" alt="http://www.accent-circonflexe.net/category/marketing-editorial"></area>
<area shape="rect" coords="505, 389, 608, 412" href="http://www.accent-circonflexe.net/category/marketing-editorial" alt="http://www.accent-circonflexe.net/category/marketing-editorial"></area>
<area shape="rect" coords="776, 203, 796, 224" href="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode" alt="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode"></area>
<area shape="rect" coords="606, 207, 799, 225" href="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode" alt="http://www.accent-circonflexe.net/contenu-editorial/le-discours-de-la-methode"></area>
<area shape="rect" coords="579, 326, 600, 346" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale"></area>
<area shape="rect" coords="505, 329, 614, 352" href="http://www.accent-circonflexe.net/category/ergonomie-editoriale" alt="http://www.accent-circonflexe.net/category/ergonomie-editoriale"></area>
<area shape="rect" coords="607, 580, 628, 600" href="http://www.accent-circonflexe.net/category/referencement-editorial" alt="http://www.accent-circonflexe.net/category/referencement-editorial"></area>
<area shape="rect" coords="505, 583, 642, 606" href="http://www.accent-circonflexe.net/category/referencement-editorial" alt="http://www.accent-circonflexe.net/category/referencement-editorial"></area>
<area shape="rect" coords="549, 475, 570, 495" href="http://www.accent-circonflexe.net/category/marketing-editorial" alt="http://www.accent-circonflexe.net/category/marketing-editorial"></area>
<area shape="rect" coords="505, 478, 584, 501" href="http://www.accent-circonflexe.net/category/marketing-editorial" alt="http://www.accent-circonflexe.net/category/marketing-editorial"></area>
<area shape="rect" coords="851, 557, 871, 578" href="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces" alt="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces"></area>
<area shape="rect" coords="648, 560, 874, 578" href="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces" alt="http://www.accent-circonflexe.net/contenu-editorial/redigez-des-contenus-efficaces"></area>
<area shape="rect" coords="1008, 579, 1028, 600" href="http://www.accent-circonflexe.net/contenu-editorial/choisissez-votre-camp-lecteur-ou-moteur-de-recherche" alt="http://www.accent-circonflexe.net/contenu-editorial/choisissez-votre-camp-lecteur-ou-moteur-de-recherche"></area>
<area shape="rect" coords="648, 583, 1031, 600" href="http://www.accent-circonflexe.net/contenu-editorial/choisissez-votre-camp-lecteur-ou-moteur-de-recherche" alt="http://www.accent-circonflexe.net/contenu-editorial/choisissez-votre-camp-lecteur-ou-moteur-de-recherche"></area>
<area shape="rect" coords="715, 419, 735, 440" href="http://www.accent-circonflexe.net/category/projet-web-editorial" alt="http://www.accent-circonflexe.net/category/projet-web-editorial"></area>
<area shape="rect" coords="590, 422, 738, 440" href="http://www.accent-circonflexe.net/category/projet-web-editorial" alt="http://www.accent-circonflexe.net/category/projet-web-editorial"></area>
<area shape="rect" coords="722, 248, 742, 269" href="http://www.accent-circonflexe.net/contenu-editorial/droit-d-auteur-licence-creative-commons" alt="http://www.accent-circonflexe.net/contenu-editorial/droit-d-auteur-licence-creative-commons"></area>
<area shape="rect" coords="606, 251, 745, 269" href="http://www.accent-circonflexe.net/contenu-editorial/droit-d-auteur-licence-creative-commons" alt="http://www.accent-circonflexe.net/contenu-editorial/droit-d-auteur-licence-creative-commons"></area>
<area shape="rect" coords="698, 181, 718, 202" href="http://www.accent-circonflexe.net/contenu-editorial/audit-editorial" alt="http://www.accent-circonflexe.net/contenu-editorial/audit-editorial"></area>
<area shape="rect" coords="606, 185, 721, 202" href="http://www.accent-circonflexe.net/contenu-editorial/audit-editorial" alt="http://www.accent-circonflexe.net/contenu-editorial/audit-editorial"></area>
<area shape="rect" coords="456, 49, 477, 70" href="http://www.accent-circonflexe.net/charte-editoriale" alt="Charte éditoriale" target="_blank"></area>
<area shape="rect" coords="348, 53, 479, 70" href="http://www.accent-circonflexe.net/charte-editoriale" alt="Charte éditoriale" target="_blank"></area>
</map>
</div>
<p>Voir également  le plan du site sur la <a title="Accent Circonflexe - Mindomo" href="http://www.mindomo.com/edit.htm?m=3bbff3a3fb7148db92fda130949bd39d" target="_blank">carte interactive mindomo</a>.</p>
<p>Vous me direz que les techniques de visualisation de l&#8217;information et du savoir ne sont pas nouvelles.  Vous avez raison. Il revient à <a title="Tony Buzan, biographie (anglais)" href="http://www.buzanworld.com/Im_Tony_Buzan.htm" target="_blank">Tony Buzan</a>, psychologue britannique, d&#8217;avoir popularisé dans les années 70 les cartes heuristiques. Il a aussi apporté la preuve que la mind map  n&#8217;est autre que la représentation visuelle de la manière dont travaille notre cerveau.</p>
<p>Depuis peu, les cartes mentales connaissent un regain de vigueur. Des <a title="Colloque Carto 2.0" href="http://www.mindomo.com/view.htm?m=5386ab98cc6b497399775936323ad6bd" target="_blank">colloques</a>, des c<a title="Yahoo Groupe Heuristique" href="http://fr.groups.yahoo.com/group/heuristique/" target="_blank">ommunautés</a>, des <a title="Forum viadéo mindmapping" href="http://www.viadeo.com/hub/affichefil/?hubId=002b0qfrmbljec0&amp;forumId=0022awyx8brz2i55&amp;threadId=002zbz8x9b4y1kv" target="_blank">forums</a> s&#8217;organisent. Les moteurs de recherche <a title="Métamoteur de recherche : KartOO" href="http://www.kartoo.fr/index.php3?langue=fr" target="_blank">Kartoo</a> et <a title="Google wonder wheel" href="http://www.google.com/search?hl=en&amp;tbo=1&amp;num=100&amp;tbs=ww%3A1&amp;q=mindmapping&amp;btnG=Search&amp;tbo=1" target="_blank">Google wonder wheel</a> sont prometteurs de nouvelles fonctionnalités reliant le concept central à d&#8217;autres ramifications portant sur le même thème. En route donc vers les cartes conceptuelles ou sémantiques&#8230;</p>
<p>Je voudrais tout particulièrement attirer votre attention sur <a title="Pearltrees" href="http://www.pearltrees.com/" target="_blank">Pearltrees</a>.  Vous l&#8217;avez  déjà appréhendé  notamment à travers la perle intitulée <a title="Perle de mindmapping" href="http://www.pearltrees.com/mindmapping/" target="_blank">mindmapping</a><strong> </strong>que j&#8217;ai réalisée ci-dessus. L&#8217;idée est de réaliser une cartographie interactive des pages web des blogs et sites relatifs à un sujet de votre choix.  Vous pouvez partager, publier, exporter ces cartes. Allez-y !  <em>Enfilez des perles autour d&#8217;un collier virtuel de votre choix !  Créez votre arbre à perles !<br />
</em></p>
<p>Pour revenir à ce qui nous préoccupe ici, et vous ? Quels outils utilisez-vous pour l&#8217;organisation de vos contenus, pour l&#8217;architecture de votre site ?</p>
<p>NB : Thème billet suggéré par <a title="@chrisdabin/Twitter" href="http://twitter.com/chrisdabin" target="_blank">@chrisdabin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/mindmapping-et-architecture-de-linformation//feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>L&#8217;architecture de l&#8217;information</title>
		<link>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation/</link>
		<comments>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation/#comments</comments>
		<pubDate>Wed, 20 May 2009 17:13:07 +0000</pubDate>
		<dc:creator>Raphaelle RIDARCH</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Projet web éditorial]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[arborescence]]></category>
		<category><![CDATA[contenu]]></category>
		<category><![CDATA[contenu brut]]></category>
		<category><![CDATA[contenu traité]]></category>
		<category><![CDATA[contenu web]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[organisation de l'information]]></category>
		<category><![CDATA[Structure]]></category>
		<category><![CDATA[wording]]></category>

		<guid isPermaLink="false">http://www.accent-circonflexe.net/?p=35</guid>
		<description><![CDATA[L'architecture c'est l'art de construire, de donner une structure, d'organiser.
Il ne vous viendrait pas à l'idée de construire un immeuble sans fondations ni sans structures.
Alors pourquoi un site web ne serait-il pas organisé, structuré, bâti selon une architecture organisée des contenus ?
Mettons en place sans plus attendre une architecture de l'information. De cette architecture découlera l'arborescence, véritable colonne vertébrale de votre site.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><em></em></p>
<div id="attachment_56" class="wp-caption alignleft" style="width: 310px"><em><em><a href="http://www.accent-circonflexe.net/wp-content/uploads/2009/05/wireframe.jpg"><img class="size-medium wp-image-56" title="wireframe" src="http://www.accent-circonflexe.net/wp-content/uploads/2009/05/wireframe-300x225.jpg" alt="Crédit Photo : Aleski Aaltonen/Flickr" width="300" height="225" /></a></em></em><p class="wp-caption-text">Crédit Photo : Aleski Aaltonen/Flickr</p></div>
<h2>Les fondations d&#8217;un site web</h2>
<p>L&#8217;organisation et  la structuration des contenus constituent la clé de voûte d&#8217;un site web. Que serait un site dense, riche en contenus  dans lequel l&#8217;internaute devrait beaucoup réfléchir pour (re)trouver l&#8217;information qu&#8217;il recherche ?</p>
<p>Dès  l&#8217;objectif du site formulé et sa cible définie, engageons-nous dans ce qui constitue notre matière première, notre carburant : le <strong>contenu éditorial</strong>. C&#8217;est ce contenu qui nous permettra de dessiner  l&#8217;architecture de notre  site.  Que ce contenu soit déjà existant ou à créer.</p>
<h2>Organiser le contenu d&#8217;un site web</h2>
<ol>
<li>Identifier les personnes ressources pour les contenus  (<em>les personnes dépositaires de l&#8217;information</em>),</li>
<li>Collecter les contenus, les inventorier et s&#8217;assurer de leur exploitation (<em>niveau de pertinence par rapport aux objectifs du site et de la cible, le degré de fiabilité, la fraîcheur de l&#8217;information&#8230;</em>),</li>
<li>Trier c&#8217;est-à-dire conserver (<em>ou écarter le cas échéant</em>) les contenus qui correspondent à ma cible et aux objectifs du site,</li>
<li>Caractériser le contenu en l&#8217;indexant, en lui allouant une étiquette, un label,</li>
<li>Classer consiste à regrouper les contenus par affinités à les associer à une rubrique à créer ou existante,</li>
<li>Envisager un travail sémantique et lexical (<em>ou <a title="Définition du mot wording" href="http://www.ledicodumarketing.fr/definitions/Wording.html" target="_blank"><strong>wording</strong></a> en anglais</em>) pour bien nommer les interfaces, les rubriques, la titraille, les intitulés, la navigation&#8230;</li>
</ol>
<p>Un contenu organisé facilite l&#8217;élaboration conceptuelle et fonctionnelle de votre futur site.  L&#8217;organisation de ces contenus fonde l&#8217;<a title="Architecture de l'information : définition" href="http://www.ergolab.net/articles/architecture-information.php" target="_blank"><strong>architecture de l&#8217;information</strong></a> de votre site. De cette organisation découlera votre <a title="L'arborescence, colonne vertébrale d'n site : Fred Reillier, Consultant éditorial" href="http://www.fredreillier.com/2008/11/experience-utilisateur/larborescence-colonne-vertebrale-dun-site/" target="_blank">arborescence</a>, véritable colonne vertébrale de votre site.</p>
<p>Et vous, quelle place accordez-vous aux contenus (<em>bruts ou traités</em>) dans la conception d&#8217;un site web ?</p>
<p>À votre avis, faut-il d&#8217;abord créer le contenant ou le contenu, ou peu importe ? Pourquoi ?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.accent-circonflexe.net/ergonomie-editoriale/architecture-de-linformation/larchitecture-de-linformation//feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

