<?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>blog.cozic.fr &#187; présentation</title> <atom:link href="http://blog.cozic.fr/tag/presentation/feed" rel="self" type="application/rss+xml" /><link>http://blog.cozic.fr</link> <description>Un site utilisant WordPress</description> <lastBuildDate>Mon, 02 Jan 2012 07:00:03 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Les 10 commandements de l&#039;Expérience Utilisateur</title><link>http://blog.cozic.fr/les-10-commandements-experience-utilisateur-ux</link> <comments>http://blog.cozic.fr/les-10-commandements-experience-utilisateur-ux#comments</comments> <pubDate>Thu, 11 Aug 2011 13:42:16 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[User Experience]]></category> <category><![CDATA[ergonomie]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[ux]]></category> <category><![CDATA[webdesign]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/?p=43828</guid> <description><![CDATA[L&#8217;expérience utilisateur (ou UX pour User eXperience en anglais) est un des sujets qui me nourrit depuis plusieurs mois dans ma veille quotidienne. Le sujet peut paraître aussi vaste que flou. Mais quand on prend le terme dans son sens premier, on pourait, selon moi, le résumer ainsi : tout ce qui contribue à créer [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignright size-medium wp-image-43832" title="user-experience" src="http://blog.cozic.fr/wp-content/uploads/2011/08/user-experience-300x300.png" alt="" width="240" height="240" />L&#8217;<strong>expérience utilisateur</strong> (ou <strong>UX</strong> pour <em><strong>U</strong>ser e<strong>X</strong>perience</em> en anglais) est un des sujets qui me nourrit depuis plusieurs mois dans ma veille quotidienne. Le sujet peut paraître aussi vaste que flou. Mais quand on prend le terme dans son sens premier, on pourait, selon moi, le résumer ainsi : tout ce qui contribue à créer pour l&#8217;internaute une véritable experience lors de sa visite d&#8217;un site Internet. Ergonomie, design, nuance de couleurs, navigation, discours éditorial, cohérence, rapidité, intuitivité, ré-assurance, etc. Je vais certainement vous en parler de plus en plus souvent tant le sujet attise ma curiosité.</p><p>Je souhaitais ainsi partager avec vous aujourd&#8217;hui la très bonne présentation &laquo;&nbsp;<em>The Ten Commandments Of User Experience</em>&nbsp;&raquo; présentée lors du SXSW Interactive de 2010 par <a
href="https://twitter.com/nickf" target="_blank">Nick Finck</a> et <a
href="https://twitter.com/rainaterror" target="_blank">Raina Van Cleave</a>. Cette conférence en anglais résume bien ce qui pourrait constituer les 10 piliers de l&#8217;UX :</p><ol><li><strong>L&#8217;Utilisateur a toujours raison</strong> <span
style="color: #808080;"><em>(The User is always Right)</em></span> : se remettre en perspective par rapport à ce que l&#8217;Utilisateur, le vrai, adopte comme usage ; être capable de changer son propre prisme de perception d&#8217;une interface.</li><li><strong>Comprendre l&#8217;Utilisateur</strong> <span
style="color: #808080;"><em>(Understand the User</em>)</span> : tout doit partir de l&#8217;Utilisateur final, de ces attentes, du contexte dans lequel il est et dans lequel on le demande de se projeter.</li><li><strong>Eviter les solutions toutes faites</strong> <span
style="color: #808080;">(<em>Avoid Solutioneering</em>)</span> : chaque cas est <span
style="text-decoration: underline;">et doit être</span> unique ; analyser une situation, la comprendre et ensuite y répondre avec une solution conçue pour.</li><li><strong>La forme découle du fond</strong> <span
style="color: #808080;">(<em>Form follows Function</em>)</span> : l&#8217;interface doit être le moyen, l&#8217;objet qui permet de comprendre le message ; une ergonomie doit être pensée en fonction du besoin, du vrai besoin.</li><li><strong>Le contenu est roi</strong> <span
style="color: #808080;">(<em>Content is King</em>)</span> : avant de penser ou de remettre en cause une interface, il est essentiel de penser avant tout au contenu.</li><li><strong>Innover et ne pas imiter</strong> <span
style="color: #808080;">(<em>Innovate, do not Imitate</em>)</span> : innover fait parti de l&#8217;ADN du UX, créer pour se différencier.</li><li><strong>Une interface accessible par tous et pour tout</strong> <span
style="color: #808080;">(<em>Access is for Everyone</em>)</span> : ne jamais oublier la pluralité des utilisateurs, de leur devices et de leurs comportements.</li><li><strong>Imaginer avant de créer</strong> <span
style="color: #808080;">(<em>Plan before you Design</em>)</span> : une bonne réflexion en amont de tout projet est essentielle.</li><li><strong>Comprendre l&#8217;objectif</strong> <span
style="color: #808080;">(<em>Understand the Goal</em>)</span> : garder en tête la finalité, le but ; comprendre les enjeux pour mieux les servir.</li><li><strong>Apprendre de ses erreurs</strong> <span
style="color: #808080;">(<em>Learn from Failure</em>)</span> : on apprend en marchant&#8230; n&#8217;hésitez pas à courir !</li></ol><div><iframe
src="http://www.slideshare.net/slideshow/embed_code/3463603" width="590" height="481" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><br/><br/></div><div><strong>Mise à jour du 13/09/2011 :</strong> Merci à <a
href="http://www.123dev.net/" target="_blank">123dev</a> pour avoir réalisé cette infographie (cliquez dessus pour la découvrir en plus grande taille) :</div><div><a
href="http://www.flickr.com/photos/mordefroid/6049289722/lightbox/" target="_blank"><img
class="aligncenter size-full wp-image-43853" title="les-10-commandements-experience-utilisateur-ux" src="http://blog.cozic.fr/wp-content/uploads/2011/08/les-10-commandements-experience-utilisateur-ux.jpg" alt="" width="342" height="500" /></a></div> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/les-10-commandements-experience-utilisateur-ux/feed</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>Découvrir l&#039;empire qui se cache derrière Amazon</title><link>http://blog.cozic.fr/decouvrir-lempire-qui-se-cache-derriere-amazon</link> <comments>http://blog.cozic.fr/decouvrir-lempire-qui-se-cache-derriere-amazon#comments</comments> <pubDate>Tue, 17 May 2011 08:15:04 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[amazon]]></category> <category><![CDATA[ecommerce]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[slideshare]]></category> <guid
isPermaLink="false">http://cozic.fr/?p=42930</guid> <description><![CDATA[Si comme moi vous êtes toujours curieux d&#8217;en savoir plus sur certains géants du web, je vous invite à découvrir cette présentation (comme un livre blanc) proposée par FaberNovel et qui retrace en détails toute l&#8217;histoire d&#8217;Amazon : historique, choix stratégique, ADN de la société, etc. Tous les aspects sont clairement présentés et alimenté de [...]]]></description> <content:encoded><![CDATA[<p>Si comme moi vous êtes toujours curieux d&#8217;en savoir plus sur certains géants du web, je vous invite à découvrir cette présentation (comme un livre blanc) proposée par FaberNovel et qui retrace en détails toute l&#8217;histoire d&#8217;Amazon : historique, choix stratégique, ADN de la société, etc. Tous les aspects sont clairement présentés et alimenté de nombres chiffres. A découvrir avec un bon café <img
src='http://blog.cozic.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p> <iframe
src="http://www.slideshare.net/slideshow/embed_code/7949350" width="590" height="481" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe><br/><br/> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/decouvrir-lempire-qui-se-cache-derriere-amazon/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Quand les illustrations organisent vos pensées</title><link>http://blog.cozic.fr/quand-les-illustrations-organisent-vos-pensees</link> <comments>http://blog.cozic.fr/quand-les-illustrations-organisent-vos-pensees#comments</comments> <pubDate>Wed, 28 Jan 2009 06:55:42 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[concept]]></category> <category><![CDATA[design]]></category> <category><![CDATA[illustration]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[slide]]></category> <category><![CDATA[webilus]]></category> <guid
isPermaLink="false">http://cozic.fr/?p=805</guid> <description><![CDATA[Certains le savent, j’attache une attention toute particulière à la représentation graphique des idées, des concepts ou des données en général. J’ai même lancé Webilus.com qui liste chaque jour des images et des illustrations du web. Il est souvent beaucoup plus facile d’expliquer quelque chose au travers d’un dessin ou d’une illustration qu’avec de longs [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://blog.cozic.fr/wp-content/uploads/2009/01/blogaysooncom-quand-les-illustrations-organisent-vos-pensees.jpg" width="180" height="115" alt="aysoon.fr _ Quand les illustrations organisent vos pensées.jpg" title="aysoon.fr _ Quand les illustrations organisent vos pensées.jpg" style="float:right; margin-bottom:5px; margin-left:5px;" />Certains le savent, j’attache une attention toute particulière à la <strong>représentation graphique des idées</strong>, des concepts ou des données en général. J’ai même lancé <a
href="http://blog.cozic.fr/" target="_blank">Webilus.com</a> qui liste chaque jour des images et des illustrations du web.</p><p>Il est souvent beaucoup plus facile d’expliquer quelque chose au travers d’un dessin ou d’une illustration qu’avec de longs discours. En allant plus loin, faire l’exercice de <strong>penser visuellement</strong>, de faire le travail de représenter sous la forme d’un schéma une idée est extrêmement intéressant. Cela vous permet d’<strong>organiser vos idées</strong>, d’en comprendre les zones d’ombre ou de combler les vides dans vos concepts pour lesquels il manque quelque chose. Un schéma est toujours plus visuel : vous pouvez ainsi bien plus facilement<strong>capter l’attention de vos interlocuteurs</strong>. De la même manière qu’un design sympa attirera d’avantage la curiosité de vos visiteurs, un schéma sera toujours plus souvent lu qu’un long paragraphe !</p><p><a
href="http://darmano.typepad.com" target="_top">David Armano</a> qui réalise lui-même régulièrement des illustrations sur le web (et que je propose de temps en temps sur Webilus) a réalisé une conférence sur le sujet justement de “<em>Thinking Visually</em>”. Je vous propose ses quelques slides qui illustrent bien (ça tombe bien !) cette idée !</p><p
style="text-align: center;"><object
style="margin:0px" width="600" height="502"><param
name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=thinkviz-1232315653281316-3&amp;rel=0&amp;stripped_title=thinking-visually-presentation" /><param
name="allowFullScreen" value="true" /><param
name="allowScriptAccess" value="always" /><embed
src="http://static.slideshare.net/swf/ssplayer2.swf?doc=thinkviz-1232315653281316-3&amp;rel=0&amp;stripped_title=thinking-visually-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="502" /><br
/> </object></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/quand-les-illustrations-organisent-vos-pensees/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Présentation sur les RIA et Flex (135 slides)</title><link>http://blog.cozic.fr/presentation-sur-ria-rda-flex</link> <comments>http://blog.cozic.fr/presentation-sur-ria-rda-flex#comments</comments> <pubDate>Wed, 14 Jan 2009 08:40:59 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[conférence]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[flex]]></category> <category><![CDATA[interface]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[rda]]></category> <category><![CDATA[ria]]></category> <guid
isPermaLink="false">http://cozic.fr/?p=705</guid> <description><![CDATA[Certains le savent sans doute, j&#8217;apprécie particulièrement toutes les interfaces web riches. Je trouve qu&#8217;elles apportent une dimension nouvelle dans l&#8217;approche d&#8217;Internet et dans l&#8217;interaction qu&#8217;un utilisateur peut avoir avec un site Internet. Bien loin des sites full-flash d&#8217;il y a 4 ou 5 ans, ces nouvelles interfaces sont moins lourdes, conçues sur des technos [...]]]></description> <content:encoded><![CDATA[<p><img
style="float:right; margin-bottom:5px; margin-left:5px;" title="Logo-flex.png" src="http://blog.cozic.fr/wp-content/uploads/2009/01/logo-flex.png" alt="Logo-flex.png" width="150" height="150" /></p><p>Certains le savent sans doute, j&#8217;apprécie particulièrement toutes les interfaces web riches. Je trouve qu&#8217;elles apportent une <strong>dimension nouvelle dans l&#8217;approche d&#8217;Internet</strong> et dans l&#8217;interaction qu&#8217;un utilisateur peut avoir avec un site Internet. Bien loin des sites full-flash d&#8217;il y a 4 ou 5 ans, ces nouvelles interfaces sont moins lourdes, conçues sur des technos plus robustes (Flex en tête) et permettent une maintenabilité presque supérieure à des technos plus classiques.</p><p>En 2007, j&#8217;avais consacré un dossier sur le thème des RIA en 3 parties : <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195" target="_top">présentation et définition des RIA</a>, <a
href="http://cozic.fr/que-sont-les-applications-riches-ria-partie-2-technologies-et-exemples-concrets-199" target="_top">technologie et exemples de RIA</a>, et enfin une partie sur l&#8217;<a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-3-Quel-futur-pour-lInternet-riche-209" target="_top">avenir des RIA</a>. Aujourd&#8217;hui c&#8217;est une présentation SlideShare que je souhaite vous faire découvrir. <a
href="http://www.camilleroux.com/" target="_top">Camille Roux</a> a en effet donné un cours de 2 h en décembre dans une école d&#8217;ingénieur de Nice et <a
href="http://www.camilleroux.com/2008/12/21/cours-ria-flex-polytech-nice-sophia/" target="_blank">partage ces quelques 135 slides</a> sur le thème des RIA et de Flex. Merci à lui <img
src='http://blog.cozic.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>La présentation se décompose en <strong>deux parties</strong> :</p><ol><li>Présentation et définition des clients riches.</li><li>Présentation de la technologie d&#8217;Adobe : Flex / Air.</li></ol><p><strong>Voici les slides :</strong></p><div
style="text-align: center;"><object
width="600" height="502" data="http://static.slideshare.net/swf/ssplayer2.swf?doc=prsentationkey-1229550560354779-2&amp;rel=0&amp;stripped_title=quand-il-y-a-des-clients-riches-dans-lair-presentation" type="application/x-shockwave-flash"><param
name="allowFullScreen" value="true" /><param
name="allowScriptAccess" value="always" /><param
name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=prsentationkey-1229550560354779-2&amp;rel=0&amp;stripped_title=quand-il-y-a-des-clients-riches-dans-lair-presentation" /><param
name="allowfullscreen" value="true" /></object></div><p>Pour les curieux, n&#8217;hésitez pas à faire un retour sur le <a
href="http://cozic.fr/le-catalogue-de-toutes-les-applications-flex" target="_top">catalogue d&#8217;exemples d&#8217;applications Flex</a> !</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/presentation-sur-ria-rda-flex/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Interfaces riches : du client léger au client lourd</title><link>http://blog.cozic.fr/interfaces-riches-du-client-leger-au-client-lourd-ria-rda</link> <comments>http://blog.cozic.fr/interfaces-riches-du-client-leger-au-client-lourd-ria-rda#comments</comments> <pubDate>Tue, 13 Jan 2009 15:49:52 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Infographie]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[rda]]></category> <category><![CDATA[ria]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/?p=1034</guid> <description><![CDATA[Extrait d'une présentation de Camille Roux, cette slide représente sur une échelle les différentes technologies disponibles pour les interfaces riches en allant de l'application Dektop aux interface riches (RIA, RDA, etc.).]]></description> <content:encoded><![CDATA[<p><a
href="http://blog.cozic.fr/wp-content/uploads/2009/01/desktop-rda-ria-site-web.jpg" rel="lightbox[pics1034]" title="desktop-rda-ria-site-web"><img
src="http://blog.cozic.fr/wp-content/uploads/2009/01/desktop-rda-ria-site-web.thumbnail.jpg" alt="desktop-rda-ria-site-web" width="360" height="183" class="attachment aligncenter wp-att-1035 " /></a><br/>Extrait d&#8217;une présentation de Camille Roux, cette slide représente sur une échelle les différentes technologies disponibles pour les interfaces riches en allant de l&#8217;application Dektop aux interface riches (RIA, RDA, etc.).</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/interfaces-riches-du-client-leger-au-client-lourd-ria-rda/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Sliderocket.com révolutionne les présentations en ligne</title><link>http://blog.cozic.fr/sliderocketcom-revolutionne-les-presentations-en-ligne</link> <comments>http://blog.cozic.fr/sliderocketcom-revolutionne-les-presentations-en-ligne#comments</comments> <pubDate>Wed, 17 Oct 2007 06:25:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Infographie]]></category> <category><![CDATA[outil]]></category> <category><![CDATA[présentation]]></category> <category><![CDATA[web]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/sliderocketcom-revolutionne-les-presentations-en-ligne</guid> <description><![CDATA[Sliderocket.com est un des meilleurs outils de création de présentation en ligne qui existe. Il permet l’insertion de vidéos, d’animations flash, l’application d’effets sur l’ensemble des objets et tout cela dans un design léché et une ergonomie travaillée... à tester]]></description> <content:encoded><![CDATA[<p><a
href="http://blog.cozic.fr/wp-content/uploads/2007/10/sliderocket.jpg" rel="lightbox[pics-1192305847]" title="sliderocket.jpg"><img
src="http://blog.cozic.fr/wp-content/uploads/2007/10/sliderocket.thumbnail.jpg" width="295" height="450" alt="sliderocket.jpg" class="imageframe aligncenter" /></a><br/>Sliderocket.com est un des meilleurs outils de création de présentation en ligne qui existe. Il permet l’insertion de vidéos, d’animations flash, l’application d’effets sur l’ensemble des objets et tout cela dans un design léché et une ergonomie travaillée&#8230; à tester</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/sliderocketcom-revolutionne-les-presentations-en-ligne/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss><!-- Cached page generated by WP-Super-Cache on 2012-02-08 18:37:42 -->
<!-- Compression = gzip -->
