<?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>Le blog de Madmagz &#187; web design</title>
	<atom:link href="http://blog.madmagz.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.madmagz.com</link>
	<description>Marketing &#38; business sur Internet</description>
	<lastBuildDate>Thu, 02 Sep 2010 07:03:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Web design et plaisir utilisateurs : le nouveau Graal</title>
		<link>http://blog.madmagz.com/web-design-et-plaisir-utilisateurs</link>
		<comments>http://blog.madmagz.com/web-design-et-plaisir-utilisateurs#comments</comments>
		<pubDate>Sun, 22 Aug 2010 10:17:40 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[expérience utilisateurs]]></category>
		<category><![CDATA[ihm]]></category>
		<category><![CDATA[interface utilisateur]]></category>
		<category><![CDATA[interface utilisateurs]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.madmagz.com/?p=3707</guid>
		<description><![CDATA[Pourquoi n'ai-je jamais acheté que des macs, et depuis les années 1990, alors que les PC users se sont rarement fait défaut de me rappeler que je pouvais disposer de davantage de fonctionnalités pour bien moins cher ? Plus même, pourquoi, à l'instar de la plupart des mac users, ai-je toujours été un prosélyte de [...]<p><a href="http://blog.madmagz.com/web-design-et-plaisir-utilisateurs">Web design et plaisir utilisateurs : le nouveau Graal</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><span style="color: #ff6600;"><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/Plaisir-et-ergonomie.png"><img class="alignnone size-full wp-image-3717" title="Plaisir et ergonomie" src="http://blog.madmagz.com/wp-content/uploads/2010/08/Plaisir-et-ergonomie.png" alt="Plaisir, expérience utilisateur et ergonomie" width="553" height="533" /></a></span></p>
<p>Pourquoi n'ai-je jamais acheté que des macs, et depuis les années 1990, alors que les <em>PC users</em> se sont rarement fait défaut de me rappeler que je pouvais disposer de davantage de fonctionnalités pour bien moins cher ? Plus même, pourquoi, à l'instar de la plupart des <em>mac users</em>, ai-je toujours été un prosélyte de la marque à la pomme ? Parce que j'ai plaisir à utiliser un mac.</p>
<p>Il en est de même pour quelques applications Web : <a href="http://www.rememberthemilk.com">RememberTheMilk</a>, <a href="http://www.picnik.com">Picnik</a> ou<span style="color: #ff6600;"> <span style="color: #000000;"><a href="http://www.mailchimp.com">MailChimp</a></span></span>.</p>
<p>L'importance du plaisir utilisateur dans la conception des applications Web a été remarquablement soulignée dans un article paru en début d'année et dont je pense qu'il mérite un écho plus large : <a title="Ergonomie, graphisme, web design et expérience utilisateur" href="http://thinkvitamin.com/design/emotional-interface-design-the-gateway-to-passionate-users/">Emotional Interface Design: The Gateway to Passionate Users</a>.</p>
<p><span id="more-3707"></span>Son auteur, <a title="Aarron Walter" href="http://aarronwalter.com/about/">Aarron Walter</a>, présente sous forme de pyramide <strong>les quatre niveaux dans la conception d'une application Web</strong> :</p>
<p><span style="color: #ff6600;"><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/Pyramide-du-web-design.png"><img class="alignnone size-full wp-image-3714" title="Pyramide du web design" src="http://blog.madmagz.com/wp-content/uploads/2010/08/Pyramide-du-web-design.png" alt="Pyramide du web design" width="642" height="437" /></a></span></p>
<p>Une application doit en premier lieu être <strong>fonctionnelle</strong> : elle doit faire ce qu'elle se propose de faire. C'est la base, et le plaisir qu'on éprouve à l'utiliser ne saurait le pallier. Ainsi, je me suis récemment <a title="Seesmic Web : interface" href="http://twitter.com/madmagz/status/21488429571">enthousiasmé</a><span style="color: #ff6600;"> </span>pour le nouveau <a title="Seesmic Web : ergonomie" href="http://seesmic.com/app/">Seesmic Web</a>. L'équipe de <a title="Loïc Le Meur" href="http://fr.wikipedia.org/wiki/Lo%C3%AFc_Le_Meur">Loïc Le Meur</a> a réalisé un fantastique  travail. Je m'apprêtais - enfin ! - à abandonner mon sempiternel va-et-vient entre Linkedin, Facebook et Twitter pour une application unique et élégante, quand je me suis aperçu qu'elle ne relayait pas <a title="Notifications Facebook" href="http://farm5.static.flickr.com/4116/4915209723_1038c4a798_o.jpg">les notifications de réactions à mes commentaires sur Facebook</a>. Je ne pouvais donc pas entièrement m'affranchir de Facebook <img src='http://blog.madmagz.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> . Je leur ai <a href="http://twitter.com/madmagz/status/21499346173">twitté le problème</a> et, aussi longtemps qu'il ne sera pas résolu (je ne vais pas empirer mon problème en utilisant quatre applications au lieu de trois !), je n'utiliserai pas vraiment Seesmic Web <img src='http://blog.madmagz.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> .</p>
<p>Une application doit ensuite être <strong>fiable</strong>. Un site trop bogué, instable, ou qui plante régulièrement pour des problèmes de traffic (<em><a title="Non fiabilité de Twitter" href="http://www.c-anov.fr/wp-content/uploads/2010/08/twitter_fail_whale.png">Twitter, can you hear me?</a></em>) découragera rapidement ses utilisateurs.</p>
<p>En troisième lieu, il y a <strong>l'ergonomie</strong>, qui semble être la finalité de la conception Web. Et certes, ce n'est déjà pas un mince succès que de faire en sorte que non seulement toutes les fonctions d'un site soient présentes et fiables mais qu'elles soient proposées judicieusement, c'est à dire selon le contexte dans lequel se trouve l'utilisateur. En ce sens, par exemple, l'interface de Google Adwords est d'un niveau de conception et de finition rares.</p>
<p><span style="color: #000000;">Toutefois, ce n'est pas tout selon Aarron Walter : au-delà de la satisfaction de ces besoins triviaux, il y a <strong>le plaisir de l'utilisateur</strong>, qui est le but que doit se fixer le <em>web designer</em>. S'arrêter aux seuls trois premiers niveaux, c'est comme se contenter que votre cuisine soit comestible.</span></p>
<p><span style="color: #000000;">Mais comment mettre en pratique cette ambition ? Il propose pour cela un concept : la <strong>personnalité</strong>. Celle-ce se manifeste soit par la mise en scène de l'auteur du site, <a title="Interface web humanisée" href="http://kennymeyers.com/">comme dans le cas de ce développeur</a>, soit par le truchement d'une mascotte : le singe de MailChimp, la vache de RememberTheMilk, le logo de Google, etc. Je pressens que c'est plus une bonne solution que la panacée mais, de fait, cela fonctionne bien.</span></p>
<p><span style="color: #000000;">Comment ensuite <strong>faire jouer cette personnalité</strong> ? En envoyant des <strong>messages positifs à l'utilisateur</strong>, comme ici dans Flickr.</span></p>
<p><span style="color: #000000;"><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-et-expérience-utilisateur-dans-flickr.png"><img class="alignnone size-full wp-image-3710" title="ergonomie et expérience utilisateur dans flickr" src="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-et-expérience-utilisateur-dans-flickr.png" alt="" width="402" height="80" /></a></span></p>
<p>Plus fort encore, le message dans Picnik est en contexte (j'écris cet article en soirée).</p>
<p><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/web-design-dans-picnik.png"><img class="alignnone size-full wp-image-3711" title="web design dans picnik" src="http://blog.madmagz.com/wp-content/uploads/2010/08/web-design-dans-picnik.png" alt="" width="298" height="115" /></a></p>
<p><span style="color: #000000;"> </span></p>
<p><span style="color: #000000;">Par <strong>l'humour</strong> également. C'est par exemple le cas de la barre de progression de chargement de l'application Picnik.</span></p>
<p><span style="color: #000000;"><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-et-expérience-utilisateur-dans-picnik.png"><img class="alignnone size-full wp-image-3709" title="ergonomie et expérience utilisateur dans picnik" src="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-et-expérience-utilisateur-dans-picnik.png" alt="" width="414" height="135" /></a></span></p>
<p>Il y a enfin les <strong>surprises</strong>, ce que l'on appelle dans l'informatique, les <em>easters eggs</em>, farces cachées par les développeurs. Récemment, Google a célébré le 30e anniversaire du jeu Pacman de la plus plaisante des façons : <a title="Pacman Google" href="http://www.google.com/pacman/">en invitant ses utilisateurs à y jouer</a> !</p>
<p><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-pacman.png"><img class="alignnone size-full wp-image-3712" title="ergonomie pacman" src="http://blog.madmagz.com/wp-content/uploads/2010/08/ergonomie-pacman.png" alt="ergonomie dans pacman" width="650" height="284" /></a></p>
<p>Enfin ? Ce dernier exemple indique un élément que l'auteur de l'article a oublié : la <strong>dimension ludique</strong>, le jeu, le <em>game play</em>. Une des principales raisons du succès de Foursquare, par exemple, est d'avoir stimulé le désir de jouer et de gagner de ses utilisateurs grâce à son système de badges, récompenses décernées après avoir déclaré un certain nombre de visites à un lieu.</p>
<p><a href="http://blog.madmagz.com/wp-content/uploads/2010/08/foursquare-est-ludique.jpg"><img class="alignnone size-full wp-image-3713" title="foursquare est ludique" src="http://blog.madmagz.com/wp-content/uploads/2010/08/foursquare-est-ludique.jpg" alt="foursquare est ludique" width="320" height="480" /></a></p>
<p>Tout cela est bel et bon me direz-vous peut-être, mais quelles sont <strong>les retombées </strong><em><strong>business</strong></em> ? Cela permet de <strong>se différencier</strong> de la concurrence. Combien de sites de gestionnaires de taches, de photos ou de <em>mailing list</em> ? Mais il n'y a qu'un RememberThemilk, Picnik et MailChimp.</p>
<p>Cela permet aussi de <strong>fidéliser</strong> ses utilisateurs, au point même de vous faire pardonner quelques imperfections ou bugs grâce à ce capital sympathie gagné. Plus même : vous en faite des <strong>évangélistes</strong>, des personnes qui vont spontanément et sans relâche promouvoir et défendre votre produit.</p>
<p>Bien sûr, c'est à manier avec prudence, en particulier lorsqu'il de l'humour : on le trouve chez les gens en quantité et en qualité diverses. Aussi la possibilité proposée par MailChimp de <a title="Déscativation de l'humour de MailChimp" href="http://farm5.static.flickr.com/4134/4915813588_48f1fb9a8b_o.png">désactiver le babil du singe</a> est-elle une bonne initiative. Il ne faut pas aussi que ces éléments viennent polluer l'expérience utilisateur.</p>
<p>Cela étant, il n'est pas douteux que se fixer pour but le plaisir de l'utilisateur - sans, encore une fois, avoir ignoré les aspects fonctionnels, la fiabilité et l'ergonomie - peut permettre à une startup d'attirer à elle <strong>une communauté d'utilisateurs passionnés</strong>.</p>
<p><a href="http://blog.madmagz.com/web-design-et-plaisir-utilisateurs">Web design et plaisir utilisateurs : le nouveau Graal</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.madmagz.com/web-design-et-plaisir-utilisateurs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Choisir un logiciel de capture d&#8217;écran</title>
		<link>http://blog.madmagz.com/choisir-un-logiciel-de-capture-d-ecran</link>
		<comments>http://blog.madmagz.com/choisir-un-logiciel-de-capture-d-ecran#comments</comments>
		<pubDate>Sun, 19 Apr 2009 19:28:23 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[camtasia]]></category>
		<category><![CDATA[capture d écran gratuit]]></category>
		<category><![CDATA[capture d écran windows]]></category>
		<category><![CDATA[capture d'écrans]]></category>
		<category><![CDATA[capture écran]]></category>
		<category><![CDATA[capture écran gratuit]]></category>
		<category><![CDATA[comment faire une capture d'écran]]></category>
		<category><![CDATA[faire capture d'écran]]></category>
		<category><![CDATA[faire une capture d'écran]]></category>
		<category><![CDATA[freeware capture d'écran]]></category>
		<category><![CDATA[jing]]></category>
		<category><![CDATA[logiciel capture d écran gratuit]]></category>
		<category><![CDATA[logiciel capture écran]]></category>
		<category><![CDATA[screen cast]]></category>
		<category><![CDATA[screencast]]></category>
		<category><![CDATA[screencast-o-Matic]]></category>
		<category><![CDATA[screencasting]]></category>
		<category><![CDATA[screencasts]]></category>
		<category><![CDATA[screentoaster]]></category>
		<category><![CDATA[une capture d'écran]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=1021</guid>
		<description><![CDATA[Vous avez sans doute remarqué sur la page d'accueil de nombreux sites d'applications Web ces courtes vidéos déroulant des captures d'écran sur fond de commentaire explicatif. Ces petits films ont l'avantage de captiver aisément l'attention de l'utilisateur potentiel et, parce que brefs et concrets, véhiculent un message de simplicité et d'efficacité susceptible de provoquer l'envie [...]<p><a href="http://blog.madmagz.com/choisir-un-logiciel-de-capture-d-ecran">Choisir un logiciel de capture d&#8217;écran</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Capture décran" src="http://farm4.static.flickr.com/3650/3456853054_14c63b80eb.jpg" alt="" width="400" height="400" /></p>
<p>Vous avez sans doute remarqué sur la page d'accueil de nombreux sites d'applications Web ces courtes vidéos déroulant des captures d'écran sur fond de commentaire explicatif. Ces petits films ont l'avantage de captiver aisément l'attention de l'utilisateur potentiel et, parce que brefs et concrets, véhiculent un message de simplicité et d'efficacité susceptible de provoquer l'envie d'essayer.</p>
<p>Nous ne comptons pas faire exception à la règle (témoin notre <a title="Page d'accueil The Palermo Project et screencast" href="http://thepalermoproject.com/fr/v2-de-la-page-daccueil-du-palermo-project" target="_self">prototype de page d'accueil</a>) et sommes donc partie à la recherche des principales solutions de <em>screencast</em>.<span id="more-1021"></span></p>
<p>Les solutions ne manquent pas, comme le rapportent <a title="Screencast tools by Mashable" href="http://mashable.com/2008/02/21/screencasting-video-tutorials/" target="_blank">Mashable</a> ou <a title="Screencast tools et Smashing Magazine" href="http://www.smashingmagazine.com/2008/08/19/screencasting-how-to-start/" target="_blank">Smashing Magazine</a>. Rahul, l'étudiant Indien en stage marketing, a constitué selon certains critères (<em>web based</em> ou non, prix, facilité d'usage…) et des tests <a title="Benchmarks solutions de capture d'écran" href="http://spreadsheets.google.com/pub?key=p_s_iCyLBL5xFJDzDpTRSag&amp;output=html&amp;gid=0&amp;single=true&amp;range=A1:G5" target="_blank">la <em>short list</em> suivante</a>. Une réserve ici. Rahul travaillant sur PC (nul n'est parfait…), les solutions nécessitant téléchargement d'un logiciel spécifique à l'univers Mac sont de facto exclues.</p>
<p>Rahul recommande <a title="Logiciel de capture écran : Camtasia" href="http://www.techsmith.fr/camtasia.asp" target="_blank">Camtasia</a>, notamment en raison des possibilités d'édition de la vidéo. Il est payant, mais ses trente jours de test gratuit laissent largement le temps de créer une vidéo tutoriel gratuitement… (C'est du reste à mon avis une erreur dans la politique prix.) Pour ma part, j'ai un faible pour <a title="Logiciel de capture écran : ScreenToaster" href="http://www.screentoaster.com/" target="_blank">ScreenToaster</a>, probablement le plus simple d'usage et le plus versatile grâce à son API (et français qui plus est).</p>
<p>Lorsque notre version bêta sera finalisée (mai), nous aviserons selon les contraintes et les objectifs.</p>
<p><a href="http://blog.madmagz.com/choisir-un-logiciel-de-capture-d-ecran">Choisir un logiciel de capture d&#8217;écran</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.madmagz.com/choisir-un-logiciel-de-capture-d-ecran/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
