<?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>Calcyum - Infographie open source &#187; Design d&#8217;information</title>
	<atom:link href="http://www.calcyum.org/category/design-dinformation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.calcyum.org</link>
	<description>Fortifiez votre créativité open source!</description>
	<lastBuildDate>Mon, 21 Jun 2010 16:10:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>OSP fait son cinoche à Beaubourg</title>
		<link>http://www.calcyum.org/osp-fait-son-cinoche-a-beaubourg/</link>
		<comments>http://www.calcyum.org/osp-fait-son-cinoche-a-beaubourg/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 19:29:17 +0000</pubDate>
		<dc:creator>FeIZocE</dc:creator>
				<category><![CDATA[Cartographie]]></category>
		<category><![CDATA[Design d'information]]></category>
		<category><![CDATA[Graphisme libre]]></category>
		<category><![CDATA[beaubourg]]></category>
		<category><![CDATA[centre georges pompidou]]></category>
		<category><![CDATA[cinéma du réeel]]></category>
		<category><![CDATA[open source publishing]]></category>

		<guid isPermaLink="false">http://www.calcyum.org/?p=1137</guid>
		<description><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/osp-cinereel.png" alt="osp-cinereel" style="display:block; float:left; margin:0 1em 1em 0" />Cette fois, les hypercréatifs d'OSP ont été sollicités par <a href="http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg">le Centre Georges Pompidou</a> pour adapter en grand format <a href="http://ospublish.constantvzw.org/works/osp-bpi-cinema-du-reel">la carte programme</a> qu'ils ont réalisée pour le festival <a href="http://www.cinereel.org/index.php?lang=en">Cinéma du réel</a>.</p>
<p>Harrison nous explique en deux billets les contraintes du projet, et notamment l'impossibilité de gérer la surimpression du noir. Ils ont donc créé deux fichiers SVG assemblés dans Scribus: l'un CMJ, l'autre noir. Astucieux.</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/osp-cinereel.png" alt="osp-cinereel" style="display:block; float:left; margin:0 1em 1em 0" />Cette fois, les hypercréatifs d&#8217;OSP ont été sollicités par <a href="http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg">le Centre Georges Pompidou</a> pour adapter en grand format <a href="http://ospublish.constantvzw.org/works/osp-bpi-cinema-du-reel">la carte programme</a> qu&#8217;ils ont réalisée pour le festival <a href="http://www.cinereel.org/index.php?lang=en">Cinéma du réel</a>.</p>
<p>Harrison nous explique en deux billets les contraintes du projet, et notamment l&#8217;impossibilité de gérer la surimpression du noir. Ils ont donc créé deux fichiers SVG assemblés dans Scribus: l&#8217;un CMJ, l&#8217;autre noir. Astucieux.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.calcyum.org/osp-fait-son-cinoche-a-beaubourg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design d&#8217;information: deux exemples pour peser le pour et le contre</title>
		<link>http://www.calcyum.org/design-d-information-deux-exemples-pour-peser-le-pour-et-le-contre/</link>
		<comments>http://www.calcyum.org/design-d-information-deux-exemples-pour-peser-le-pour-et-le-contre/#comments</comments>
		<pubDate>Mon, 30 Jun 2008 22:47:21 +0000</pubDate>
		<dc:creator>FeIZocE</dc:creator>
				<category><![CDATA[Design d'information]]></category>
		<category><![CDATA[analyse]]></category>

		<guid isPermaLink="false">http://www.calcyum.org/wordpress/?p=183</guid>
		<description><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/cartographie/thumb-carto.png" alt="cartographie" style="display:block; float:left; margin:0 1em 1em 0" />Omniprésent dans la moindre publication informative, le design du même nom étale ses prétentions du simple tableau double entrée au graphique interactif. Difficile, dans certains cas, de ne pas se laisser aller à faire passer l'information après le design.</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/cartographie/thumb-carto.png" alt="cartographie" style="display:block; float:left; margin:0 1em 1em 0" />Omniprésent dans la moindre publication informative, le design du même nom étale ses prétentions du simple tableau double entrée au graphique interactif. Difficile, dans certains cas, de ne pas se laisser aller à faire passer l&#8217;information après le design.</p>
<p><span id="more-183"></span></p>
<p>Voici deux exemples pour peser la pertinence du message dans son contexte graphique.</p>
<h2>Les causes mortelles en 2008</h2>
<p>
 <img src="http://download.tuxfamily.org/calcyum/images/news/cartographie/stats-mort.png"></p>
<p>Ce premier <a target="_blank" href="http://i28.tinypic.com/5v0v1d.jpg">exemple</a> montre une quantification singulière du nombre de décès en 2008, selon leur origine. Graphiquement, le message est clair et fort (peut-être un peu orienté avec le pistolet centré, encombrant et menaçant). La structure est équilibrée, la typographie aérée, lisible, les graisses participent à la lisibilité du message, les couleurs sont attractives, distinctes et remplissent leur fonction&#8230; Voilà un design d&#8217;information qui cible efficacemment son public: tous et tout de suite.</p>
<p><b>S&#8217;agissant justement d&#8217;information</b>, que délivre le visuel?<br />
 Prenons la mesure du titre: <em>NUMBER OF MEN IN THE UNITED STATES WHO WILL DIE IN 2008 AS A RESULT OF&#8230;</em> (trad: nombre d&#8217;hommes qui vont mourir en 2008 aux Etats-Unis en raison de&#8230;). Pourquoi un titre si petit? Et pourquoi intégré au visuel? Ce choix nuit à la visibilité et donc à la compréhension du contenu. Seule sa position d&#8217;entête permet de comprendre qu&#8217;il s&#8217;agit du titre, encore faut-il laisser son oeil s&#8217;égarer sur cette portion perdue du visuel.<br />
 Et puis: pourquoi limiter cette étude aux seuls hommes? De quelle contrainte relève ce choix?<br />
 Et enfin mais surtout: pourquoi le futur? Ce graphique a-t-il pour vocation d&#8217;anticiper le nombre de morts? Et dans ce cas: pourquoi ne pas prendre le ton de la probabilité, plutôt que celui de l&#8217;affirmation (péremptoire, pour le coup)? Sur quelles sources se base-t-il?<br />
 C&#8217;est sur cette question qu&#8217;on se précipite vers les sources. En toute logique, on se dit que ce sont les 3 lignes en petit corps tout en bas du visuel. On y apprend que l&#8217;auteur du visuel &#8211; dont il n&#8217;est nulle part fait mention sur le web &#8211; s&#8217;est basé sur une banque de <a target="_blank" href="http://wonder.cdc.gov/">données américaine</a> qui propose des recherches multicritères approfondies et très complètes. Un bon point&#8230; Ou pas.</p>
<p><b>La découverte des sources de l&#8217;auteur</b> nous révèle que malheureusement, de nombreuses mais pertinentes causes de décès ont été (volontairement?) occultées. En lisant ce <a target="_blank" href="http://wonder.cdc.gov/controller/datarequest/D35;jsessionid=F2CBAAE76EDF237AD7C31A9473F642BF">tableau</a>, on se demande comment l&#8217;auteur a pu passer à côté des morts par exécution, ou au cours d&#8217;opérations militaires. Ce sont pourtant deux sujets qui enflamment nos amis d&#8217;outre-Atlantique! Alors: volonté d&#8217;éviter la polémique, message tendancieux, ou carrément impertinence dans le choix des données? Autre point: pourquoi décliner les différentes formes de cancer, et pas d&#8217;autres formes de décès (par suicide, par arme&#8230;)?</p>
<p><b>La hiérarchie de l&#8217;information</b> montre elle aussi ses limites. Dans ce type de graphique, les constituants de l&#8217;information devraient être déclinés en tailles selon leur importance. Or, ici, l&#8217;auteur met l&#8217;accent sur les décès pour cause de cancers, dont la typo présente un corps monumental, et place en second plan les décès dûs aux maladies cardio-vasculaires qui représentent quand même la cause de mortalité la plus importante dans les pays développés.</p>
<p><b>En conclusion</b>, on peut dire que ce graphique fait l&#8217;erreur de placer le design <b>avant</b> l&#8217;information dans son entièreté, sa pertinence, sa structure.</p>
<h2>The World as Flatland</h2>
<p></p>
<p><a target="_blank" href="http://www.theworldasflatland.net/index.php">The world as Flatland</a> est la réalisation du <em>Design Information Studio</em>, spécialisé dans la conception de cartographies complexes.
<p> <img src="http://download.tuxfamily.org/calcyum/images/news/cartographie/stats-flatland.png"></p>
<p><b>Ce qui interpelle</b> en premier lieu, c&#8217;est la clarté de l&#8217;information, accessible en un coup d&#8217;oeil:</p>
<ul>
<li>- une planisphère divisée en pays colorés;</li>
<li>- un nombre de visiteurs, doublé d&#8217;un autre en bas à droite, qui porte la mention: <em>since 02.2007</em>;</li>
<li>- un onglet déroulant avec l&#8217;invitation <em>Filter the world</em>.</li>
</ul>
<p>
 Comme on le devine: le projet met en scène, de façon interactive, le visiteur &#8211; nous &#8211; ou plutôt les statistiques de visite du site depuis février 2007. Cette <a target="_blank" href="http://www.theworldasflatland.net/world.htm">animation</a> montre la progression des visites depuis le début du projet. On en déduit rapidement la justification des blancs (pays dont n&#8217;est issu aucun visiteur jusqu&#8217;à présent) et la mention <em>unknown</em> qui représente les visiteurs (de l&#8217;espace?) à l&#8217;origine inconnue.</p>
<p><b>La précision</b> est le point fort de ce design: chaque pays coloré est cliquable et propose, outre le nombre précis de visiteurs, leur nombre (décroissant) selon leur ville. L&#8217;aspect communautaire y est évident. Cette mise en valeur des statistiques est agréable dans sa navigation interactive, sa fluidité, son entièreté.</p>
<p><b>L&#8217;interactivité</b> va encore plus loin grâce aux filtres de l&#8217;onglet déroulant qui sont basés sur des statistiques diverses mais fiables et précises. On y retrouve divers critères, comme la censure, les prix Nobel&#8230; Le tout organisé d&#8217;une manière ludique et implicante.</p>
<p><b>En conclusion:</b> ce site est un excellent exemple d&#8217;un design d&#8217;information contemporain: interactif, précis, clair et &#8211; cerise sur le gâteau &#8211; en temps réel. Quelques légers regrets pointent malgré tout leur nez:</p>
<ul>
<li>- que représente une visite? Une IP? Un serveur?</li>
<li>- quel outil de statistiques est utilisé? Quel est son degré de pertinence?</li>
<li>- l&#8217;inaccessibilité du format Flash.</li>
</ul>
<p></p>
<p><b>Ce qu&#8217;il faut retenir</b> de ce double exemple, c&#8217;est:</p>
<ul>
<li>- que l&#8217;information doit donner corps au graphique, et pas le contraire;</li>
<li>- que les sources doivent toujours être vérifiables, pour qu&#8217;un lecteur/visiteur averti puisse juger la pertinence de votre information (et la critiquer ausi!);</li>
<li>- que les informations, si elles ne peuvent pas être complètes (quantité, sources incomplètes) doivent l&#8217;indiquer par une mention explicite;</li>
<li>- que si information incomplète il y a, elle doit être pertinente et ciblée (en fonction du contexte social, politique, géopolitique, historique&#8230;).</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.calcyum.org/design-d-information-deux-exemples-pour-peser-le-pour-et-le-contre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les formats de design d&#8217;information</title>
		<link>http://www.calcyum.org/les-formats-de-design-d-information/</link>
		<comments>http://www.calcyum.org/les-formats-de-design-d-information/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 22:10:28 +0000</pubDate>
		<dc:creator>FeIZocE</dc:creator>
				<category><![CDATA[Design d'information]]></category>
		<category><![CDATA[christian behrens]]></category>
		<category><![CDATA[info design patterns]]></category>

		<guid isPermaLink="false">http://www.calcyum.org/wordpress/?p=184</guid>
		<description><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/niceone.png" alt="niceone" style="display:block; float:left; margin:0 1em 1em 0" /><a target="_blank" href="http://niceone.org/">Christian Behrens</a> est un graphiste plein de ressources, inventif... et généreux. Il nous laisse consulter à loisir son travail de thèse sur les nombreux formats du design d'information.</p> <p>Un régal.</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/niceone.png" alt="niceone" style="display:block; float:left; margin:0 1em 1em 0" /><a target="_blank" href="http://niceone.org/">Christian Behrens</a> est un graphiste plein de ressources, inventif&#8230; et généreux. Il nous laisse consulter à loisir son travail de thèse sur les nombreux formats du design d&#8217;information.</p>
<p>Un régal.</p>
<p><span id="more-184"></span></p>
<p>Le <a target="_blank" href="http://niceone.org/infodesign/">site de Christian</a> présente chacune des formes de design d&#8217;information qu&#8217;il a relevées en trois points:<br />
 &#8211; une description</p>
<p> <img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/01-description.png"></p>
<p> &#8211; un <em>layout</em> sous la forme d&#8217;un aperçu en Flash animé ou non (un regret: ce format ne permet pas de profiter pleinement du support</p>
<p> <img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/02-layout.png"></p>
<p> &#8211; un exemple de l&#8217;application de ce design dans un medium réel</p>
<p> <img src="http://download.tuxfamily.org/calcyum/images/news/graphisme/03-exemple.png"></p>
<p>Un contenu encore incomplet selon l&#8217;auteur, mais déjà exhaustif. A suivre, et à exploiter!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.calcyum.org/les-formats-de-design-d-information/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

