<?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>Agence WebMarketing, Optimisation Web - WebOptimisation.fr - Lyon &#187; design</title>
	<atom:link href="http://www.weboptimisation.fr/blog/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.weboptimisation.fr</link>
	<description>L&#039;agence webmarketing pas comme les autres !</description>
	<lastBuildDate>Thu, 24 Jun 2010 11:57:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Le Stop Motion en 10 videos</title>
		<link>http://www.weboptimisation.fr/blog/le-stop-motion-en-10-videos/</link>
		<comments>http://www.weboptimisation.fr/blog/le-stop-motion-en-10-videos/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 11:24:50 +0000</pubDate>
		<dc:creator>Bruno</dc:creator>
				<category><![CDATA[On Aime]]></category>
		<category><![CDATA[e-Communication]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[composition]]></category>
		<category><![CDATA[creation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[viralité]]></category>

		<guid isPermaLink="false">http://www.weboptimisation.fr/?p=318</guid>
		<description><![CDATA[Plus de 4000 photos pour quelques minutes de film, des heures de création physique et de montage rébarbatif, mais un résultat époustouflant pour le Stop-Motion, et son indéniable potentiel viral. La suite en images (retour au zoopraxiscope d&#8217;antan !).
Le Stop Motion c&#8217;est quoi ?
L&#8217;animation en Volume (oui c&#8217;est peut-être mieux en anglais) est une technique [...]]]></description>
			<content:encoded><![CDATA[<p>Plus de 4000 photos pour quelques minutes de film, des heures de création physique et de montage rébarbatif, mais un résultat époustouflant pour le Stop-Motion, et son indéniable potentiel viral. La suite en images (retour au <a title="C'est quoi le zoopraxitruc ?" href="http://fr.wikipedia.org/wiki/Zoopraxiscope" target="_blank">zoopraxiscope</a> d&#8217;antan !).</p>
<h2>Le Stop Motion c&#8217;est quoi ?</h2>
<p>L&#8217;animation en Volume (oui c&#8217;est peut-être mieux en anglais) est une technique d&#8217;animation visant à créer du mouvement volontairement saccadé par l&#8217;utilisation d&#8217;images d&#8217;objets immobiles. Le plus ancien film d&#8217;animation de ce genre remonterait à 1908 avec Les Allumettes Animées d&#8217;Emile Cohl (wikipedia).</p>
<p>Sérieusement dépassé par la 3D le stop motion est plus utilisé comme une originalité aujourd&#8217;hui par les agences. On le retrouve dans des publicités (voir Olympus), ou des clips videos le plus souvent.</p>
<h2>Comment faire sa séquence de Stop Motion ?</h2>
<p>Il vous faut : </p>
<p>- un scenario et le matériel nécessaire à sa réalisation</p>
<p>- un appareil photo, de préférence relié à un ordinateur pour stocker les photos (250 photos sont nécessaires pour 10 secondes de film en pal ou secam). Des logiciels libres peuvent être téléchargés pour celà. Utilisez un pied pour l&#8217;appareil pour un maximum de stabilité dans les plans successifs. Traitez vos photos pour assurer l&#8217;unité de la séquence finale (luminosité, contraste, effets&#8230;).</p>
<p>- Utilisation d&#8217;un gratuiciel comme Framed sur Mac qui transforme une série de photo en séquence video. Puis votre logiciel de montage video préféré pour l&#8217;ajout de bande son.</p>
<p>- Armez vous de courage, et de temps !</p>
<h2>Human Experience &#8211; ESCP Europe</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/evhKIsEdrJw&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=fr_FR&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/evhKIsEdrJw&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=fr_FR&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"> </embed></object></p>
<h2>Strawberry Swing &#8211; Coldplay</h2>
<p>Voir la video sur youtube <a href="http://www.youtube.com/watch?v=Lb9X5jMofEo" target="_blank">ICI</a></p>
<h2>Little Bribes &#8211; Death Cab For Cutie</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4729762&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=4729762&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"> </embed></object></p>
<p><a href="http://vimeo.com/4729762">Death Cab for Cutie &#8211; Little Bribes</a> from <a href="http://vimeo.com/rossching">Ross Ching</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>The Pen Story &#8211; Olympus<span style="font-weight: normal;"> </span></h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/m9Et7UQh1tg&amp;hl=fr_FR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/m9Et7UQh1tg&amp;hl=fr_FR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Sorry I&#8217;m Late &#8211; Tomas Mankovsky</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="226" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4862670&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="226" src="http://vimeo.com/moogaloop.swf?clip_id=4862670&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><a href="http://vimeo.com/4862670">Sorry I&#8217;m Late</a> from <a href="http://vimeo.com/user1815145">Tomas Mankovsky</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Our Creative Process &#8211; Mind Castle</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8362481&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=8362481&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><a href="http://vimeo.com/8362481">our creative process/. 01</a> from <a href="http://vimeo.com/mindcastle">Casey Warren | MIND CASTLE</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>LEGO Millenium Falcon</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/aEc8v1OWeE4&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/aEc8v1OWeE4&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Hands &#8211; Guiness</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/IQDjynOzgCk&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/IQDjynOzgCk&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Stop Motion Masters &#8211; King Kong (un peu d&#8217;histoire !)</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/WlqtF-DsN3I&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/WlqtF-DsN3I&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>L&#8217;Homme 100 Têtes &#8211; JUL&amp;MAT</h2>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2107116&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffe100&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=2107116&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffe100&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><a href="http://vimeo.com/2107116">L&#8217;homme 100 têtes by JUL&amp;MAT All rights reserved</a> from <a href="http://vimeo.com/juletmat">JUL &amp; MAT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Bonus : Le Prix de la Prise de Tête</h2>
<p>La Création d&#8217;un monde de papier, produit par Apt Studio à l’occasion du 25ème anniversaire de la maison d’édition 4th Estate. Plus de 1000 livres auront du être utilisés ! </p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2295261&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=2295261&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/2295261">This Is Where We Live</a> from <a href="http://vimeo.com/wherewelive">4th Estate</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.weboptimisation.fr/blog/le-stop-motion-en-10-videos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avatar : et la créa dans tout ça ?</title>
		<link>http://www.weboptimisation.fr/blog/avatar-creation-photoshop-par-peter-ammentorp/</link>
		<comments>http://www.weboptimisation.fr/blog/avatar-creation-photoshop-par-peter-ammentorp/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 09:12:14 +0000</pubDate>
		<dc:creator>Bruno</dc:creator>
				<category><![CDATA[Design Web]]></category>
		<category><![CDATA[On Aime]]></category>
		<category><![CDATA[cinéma]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.weboptimisation.fr/?p=314</guid>
		<description><![CDATA[Alors que Avatar défie les lois du box Office, nous vous proposons un point sur la création de l&#8217;univers avatar avec deux liens en ce dimanche matin :
Photoshop : la création d&#8217;avatar
Une video de fubiz :

Birth of an AVATAR from Peter Ammentorp Lund on Vimeo.
 
La création du monde virtuel
Un bon article de Alain Bielik (fondateur [...]]]></description>
			<content:encoded><![CDATA[<p>Alors que Avatar défie les lois du box Office, nous vous proposons un point sur la création de l&#8217;univers avatar avec deux liens en ce dimanche matin :</p>
<h2>Photoshop : la création d&#8217;avatar</h2>
<p style="text-align: center;">Une video de <a href="http://www.fubiz.net/2010/01/06/birth-of-an-avatar/" target="_blank">fubiz</a> :<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8306210&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=8306210&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><a href="http://vimeo.com/8306210">Birth of an AVATAR</a> from <a href="http://vimeo.com/user916860">Peter Ammentorp Lund</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p> </p>
<h2>La création du monde virtuel</h2>
<p>Un bon article de Alain Bielik (fondateur et rédacteur de S.F.X) tiré de pixelcreation.fr (<a href="http://www.pixelcreation.fr/3d-video/animation-3d-vfx/avatar/" target="_blank">ICI</a>) qui revient sur les effets spéciaux du film avec le concept cameronien d&#8217;&nbsp;&raquo;Emotion Capture&nbsp;&raquo;.</p>
<p>Bonne lecture !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.weboptimisation.fr/blog/avatar-creation-photoshop-par-peter-ammentorp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Collaboration simplifiée entre client et designer : Redmarkit.com</title>
		<link>http://www.weboptimisation.fr/blog/collaboration-simplifiee-client-designer-redmarkit-com/</link>
		<comments>http://www.weboptimisation.fr/blog/collaboration-simplifiee-client-designer-redmarkit-com/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 12:07:16 +0000</pubDate>
		<dc:creator>Bruno</dc:creator>
				<category><![CDATA[Design Web]]></category>
		<category><![CDATA[On Aime]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[contrat]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[prestataire]]></category>

		<guid isPermaLink="false">http://www.weboptimisation.fr/?p=177</guid>
		<description><![CDATA[Alors que la validation d&#8217;un design web peut être un véritable casse-tête &#171;&#160;j&#8217;aime pas ton trait rouge en bas à gauche en dessous de la 3e ligne en partant du bas&#160;&#187;, redmarkit.com vous donne un coup de pouce virtuel pour collaborer de façon constructive en toute facilité avec votre prestataire.
Un processus de collaboration facilité sur redmarkit.com

Votre [...]]]></description>
			<content:encoded><![CDATA[<p>Alors que la validation d&#8217;un design web peut être un véritable casse-tête &laquo;&nbsp;j&#8217;aime pas ton trait rouge en bas à gauche en dessous de la 3e ligne en partant du bas&nbsp;&raquo;, <a href="http://www.redmarkit.com/">redmarkit.com</a> vous donne un coup de pouce virtuel pour collaborer de façon constructive en toute facilité avec votre prestataire.</p>
<h2>Un processus de collaboration facilité sur redmarkit.com</h2>
<p><a href="http://www.webmarkit.com"><img class="aligncenter size-full wp-image-178" title="collaboration designer client webmarkit.com" src="http://www.weboptimisation.fr/wp-content/uploads/2009/10/Image-105.png" alt="collaboration designer client webmarkit.com" width="525" height="133" /></a></p>
<p>Votre agence s&#8217;inscrit gratuitement et met en ligne les propositions de design, un e-mail vous est envoyé avec un lien pour accéder à cette page : là vous pouvez commenter grâce aux outils proposés par la plateforme la proposition, vous êtes notifié par e-mail de l&#8217;intervention de votre client, faites les changements demandés et faites valider à nouveau, sans prise de tête.</p>
<p>Nous l&#8217;adoptons !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.weboptimisation.fr/blog/collaboration-simplifiee-client-designer-redmarkit-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les 3 objectifs clés du design web</title>
		<link>http://www.weboptimisation.fr/blog/3-objectifs-cles-du-design-web/</link>
		<comments>http://www.weboptimisation.fr/blog/3-objectifs-cles-du-design-web/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 09:48:33 +0000</pubDate>
		<dc:creator>Bruno</dc:creator>
				<category><![CDATA[Design Web]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[composant]]></category>
		<category><![CDATA[composition]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonctionnel]]></category>
		<category><![CDATA[objectif]]></category>
		<category><![CDATA[séduction]]></category>

		<guid isPermaLink="false">http://www.weboptimisation.fr/?p=38</guid>
		<description><![CDATA[Qu&#8217;est-ce qu&#8217;un bon design?
C&#8217;est une bonne question&#8230;  mais elle est peut-être mal posée: il y aurait un &#171;&#160;bon&#160;&#187; design et un &#171;&#160;mauvais&#160;&#187;?!
Alors qu&#8217;est-ce que LE bon design, celui qui est cohérent avec un objectif précis et un contexte particulier?
 
Lorsque vous entrez dans un magasin de disques, un de ces magasins aux ambiances tellement particulières et [...]]]></description>
			<content:encoded><![CDATA[<h2>Qu&#8217;est-ce qu&#8217;un bon design?</h2>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">C&#8217;est une bonne question&#8230;  mais elle est peut-être mal posée: il y aurait un &laquo;&nbsp;bon&nbsp;&raquo; design et un &laquo;&nbsp;mauvais&nbsp;&raquo;?!</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Alors qu&#8217;est-ce que LE bon design, celui qui est cohérent avec un objectif précis et un contexte particulier?</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"> </p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Lorsque vous entrez dans un magasin de disques, un de ces magasins aux ambiances tellement particulières et envoûtantes vous avez la première illustration d&#8217;un élément clé: le Concept (le premier des &laquo;&nbsp;3C&nbsp;&raquo; du design).</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">De la même façon le bon design est celui qui colle à votre univers et qui le rend attrayant.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"> </p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Mais ce que vous voulez aussi dans un magasin de disque, si enivrant soit-il, c&#8217;est pouvoir trouver ce que vous cherchez. Un caverne d&#8217;ali-baba aux milles merveilles oui,  mais pas un capharnaüm indescriptible où trouver le dernier album de Regina Spektor est synonyme de migraine.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Vous me suivez, le bon design c&#8217;est aussi celui qui oriente: le bon design est par essence fonctionnel. Après le Concept, voilà les 2 derniers &laquo;&nbsp;C&nbsp;&raquo; du design web: le fonctionnel s&#8217;exprime dans les Composants, qui organisés ensemble forment la Composition.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;"> </p>
<h3>Faisons le point, ce qui importe:</h3>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">- le fond: ce sont les disques, ou vos informations, votre texte/contenu dans le cas d&#8217;un site internet</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">- la forme: l&#8217;apparence générale du tout</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">- la fonction: tout design est au service d&#8217;un objectif fonctionnel qui doit être atteint.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;"> </p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Alors quels sont ces 3 objectifs du design, ce qu&#8217;il ne faut PAS rater?</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;"> </p>
<h2>Les 3 objectifs clés du design?</h2>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Faites une liste et assurez vous que ces 3 critères sont bien respectés dans votre design:</p>
<h3>1. Faites bonne première impression :</h3>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">La première impression comme lors de toute rencontre, c&#8217;est ce qui saute aux yeux. Lorsque vous dévisagez un inconnu, qu&#8217;est-ce qui vous frappe: des yeux vifs, un sourire à tomber par terrer? Pour un site web, ça sera forcément moins glamour, et tout de suite plus &laquo;&nbsp;geek&nbsp;&raquo;: &laquo;&nbsp;le header est trop gros&nbsp;&raquo;.  </p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Souvenez-vous: vous avez 4 secondes pour convaincre, l&#8217;inconnue tournera les talons, le potentiel client fermera la page.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">-&gt; Montrez votre design à vos amis, soumettez le à la critique sur les sites internet dédiés, cherchez des avis neutres. De toutes ces impressions, un tendance apparaîtra certainement. Sachez écouter et apprenez à rectifier: le bon design ne se fait pas en une fois&#8230; oui c&#8217;est &laquo;&nbsp;le&nbsp;&raquo; bon, pas &laquo;&nbsp;un&nbsp;&raquo; bon.</p>
<h3>2. Amenez le visiteur à ce qu&#8217;il cherche :</h3>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Faciliter le transfert d&#8217;information. L&#8217;internaute ne lit pas, il parcourt. Faites tout ce qui est entre votre pouvoir pour faire que ce qu&#8217;il vient chercher soit sous ses yeux. </p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">-&gt; Organisez les composants, faites jouer les contrastes, utilisez des signes reconnaissables pour orienter le visiteur. C&#8217;est l&#8217;objectif le plus simple à atteindre car il obéit à des règles (&nbsp;&raquo;un&nbsp;&raquo; bon design). </p>
<h3>3. Laissez un souvenir :</h3>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Vous sortez du magasin de disque, vous avez adoré l&#8217;ambiance en entrant, vous avez trouvé très facilement ce que vous cherchiez&#8230; mais cela suffira-t&#8217;il à vous faire revenir?</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">-&gt; Faites que l&#8217;internaute se sente chez lui. Votre site doit être accueillant et familier, on doit s&#8217;y sentir bien. Un contenu passionnant ne fera pas revenir le visiteur si il ne trouve pas dans votre site un univers qu&#8217;il aime. Votre expérience et votre connaissance de vos clients vous orientera dans le choix du design qui convient.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;"> </p>
<h3>En Conclusion: le design web, une séduction au service d&#8217;un objectif</h3>
<p>Le design web est résolument fonctionnel.<br />
Les considérations artistiques sont toujours au service d&#8217;un objectif &laquo;&nbsp;marketing&nbsp;&raquo;: sortir du rang dès l&#8217;arrivée sur la page, orienter le visiteur, créer un univers qui le fera revenir.<br />
Le design web est inséparable de la qualité du contenu, des méthodes d&#8217;e-marketing que nous aurons le temps d&#8217;évoquer, de l&#8217;ergonomie du site&#8230; Difficile de le séparer et d&#8217;en fait une science, &laquo;&nbsp;un bon design&nbsp;&raquo; NON, &laquo;&nbsp;le bon design&nbsp;&raquo;, celui qui prend en compte votre identité, vos objectifs&#8230; OUI.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.weboptimisation.fr/blog/3-objectifs-cles-du-design-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

