<html> <head> <title>Ergonomie, Interaction design, Information design, Interface, Web conception, Logiciel</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <STYLE TYPE="text/css"> <!-- 	A { text-decoration:none } 	A:hover {text-decoration:underline; } 	.book A:hover{ border:"#000033" } --> </STYLE> <script language="JavaScript"> <!-- <!-- function MM_reloadPage(init) {  //reloads the window if Nav4 resized   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // -->  function MM_swapImgRestore() { //v3.0   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }  function MM_preloadImages() { //v3.0   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }  function MM_findObj(n, d) { //v4.0   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);   if(!x && document.getElementById) x=document.getElementById(n); return x; }  function MM_swapImage() { //v3.0   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <link rel="stylesheet" href="design.css" type="text/css"> <meta name="keywords" content="Ergonomie, ergonome, ergonomics, convivialit, convivial, conviviaux, freelance, utilisateurs, interaction, conception, interface homme-machine, HCI, critres ergonomiques, ergonomie cognitive, internet, analyse du travail, human-computer interaction, cours ergonomie, guide ergonomie, concevoir une page, usages Web, human factor, interfaces hommes-machines, homme machine, ergonomie, interface, cognition, IHM, interaction homme machine, ergonomique, design, ergonomie du web, web, interface homme machine, evaluation interface, conception ,ergonomie informatique, test utilisateurs, facteurs humains, site web, web design, design de produits, evaluer un site, firme, ,ergonomique, valuation heuristique,  heuristique, interactive, exprience utilisateur, consulting, consultant, consultation, interface, Interaction design, web design, user experience, ihm, human factors, informatique, Conception, information architecture, PC, Palm, PDA, Web transactionnel, Information design, ecommerce, gui, hci">   <meta name="description" content="Ergonomie, Interaction design, Information design.  Services de conception de produits informatiques novateurs et faciles  utiliser."> </head> <body bgcolor="#E7E7D6" text="#000000" link="#000033" vlink="#000033" alink="#000033" onLoad="MM_preloadImages('images/decouvrez3high.jpg','images/conception3high.jpg','images/interfacehigh.jpg')"> <div id="Layer1" style="position:absolute; width:756px; height:1035px; z-index:1; left: 1px; top: 49px; background-color: #000033; layer-background-color: #000033; border: 1px none #000000"></div>  <div id="Layer3" style="position:absolute; width:253px; height:377px; z-index:3; left: 2px; top: 257px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">    <p class="intro"><img src="images/bienvenue.gif" width="103" height="22"></p>   <p class="intro">Pour que vos produits se d&eacute;marquent de ceux de vos comp&eacute;titeurs,      il faut qu'ils soient cr&eacute;&eacute;s en utilisant une meilleure m&eacute;thodologie      de conception.</p>   <p class="intro">Ma m&eacute;thodologie se distingue d'abord par une<b> </b><font color="#868248"><b><font color="#000031">analyse      de besoins optimale </font></b></font>qui permet de d&eacute;celer des besoins      <b><font color="#84694A">non-identifiables</font></b> par les m&eacute;thodologies      traditionnelles.</p>   <p class="intro">Ensuite, j'utilise des<b> </b><font color="#84694A"><b><font color="#000031">      m&eacute;thodes de conception d'interactions et d'interfaces </font></b></font>      tr&egrave;s efficaces pour concevoir la navigation, les fonctions et l'affichage      de l'information.</p>   <p class="intro">Tout cela permet de concevoir et de d&eacute;velopper des produits      informatiques novateurs et plaisants &agrave; utiliser.</p> </div> <div id="Layer5" style="position:absolute; width:254px; height:351px; z-index:13; left: 256px; top: 257px; background-color: #F3F4F8; layer-background-color: #F3F4F8; border: 1px none #000000">    <p class="intro"><img src="images/analysesuperieures.gif" width="178" height="18"></p>   <p class="intro">L'analyse des besoins est de loin la phase la plus difficile      &agrave; r&eacute;aliser pour tous types de projets. Il en est ainsi pour      la cr&eacute;ation d'un site Web et le d&eacute;veloppement de logiciels.</p>   <p class="intro">Pour y arriver, il est imp&eacute;ratif <b>d'analyser les buts      et les contraintes</b> des utilisateurs, ce que les m&eacute;thodes d'analyse      conventionnelles ne font pas. Ces derni&egrave;res permettent donc difficilement      de remonter <b>&agrave; la source r&eacute;elle</b> des probl&egrave;mes et      des objectifs auxquels doit r&eacute;pondre le produit.</p>   <p class="intro">D&eacute;couvrez comment cette approche permet d'identifier      <b> de nouveaux besoins.</b></p> </div> <div id="Layer26" style="position:absolute; width:245px; height:351px; z-index:34; left: 511px; top: 257px; background-color: #D9DDE9; layer-background-color: #D9DDE9; border: 1px none #000000">    <p class="intro"><img src="images/meilleures.gif" width="223" height="17"></p>   <p class="intro">Tout en r&eacute;pondant aux buts et aux besoins, il est crucial      de simplifier les interactions que l'utilisateur aura avec le produit et d'adapter      l'affichage de l'information au contexte d'utilisation.</p>   <p class="intro">Pour y arriver, plusieurs m&eacute;thodes existent dont : <b>l'Interaction      design</b>,<b> l'Information design</b> et <b>l'Ergonomie</b>.</p>   <p class="intro">D&eacute;couvrez deux exemples d'utilisation de l'Interaction      design et de l'Information design.</p> </div> <div id="Layer21" style="position:absolute; width:140px; height:215px; z-index:42; left: 757px; top: 508px; background-color: #efefe7; layer-background-color: #efefe7; border: 1px none #000000">    <p class="Quote">&quot;Poor sofware usability robs firms with <b>squandered      productivity, angry customers and increased costs</b>&quot;</p>   <p class="quoteauthor">John Dalton</p>   <p class="quoteauthor"><a href="http://www.forrester.com/ER/Research/Report/Summary/0,1338,14195,FF.html">Forrester</a><img src="images/arrow.gif" width="7" height="7"></p>   <p class="quoteauthor"><a href="images/forrester1.mp3">Clip audio (mp3, 1 meg)</a><img src="images/arrow.gif" width="7" height="7"></p>   <p class="quoteauthor">&nbsp;</p> </div> <div id="Layer6" style="position:absolute; width:140px; height:251px; z-index:43; left: 757px; top: 256px; background-color: #DEDBC6; layer-background-color: #DEDBC6; border: 1px none #000000">    <p class="Quote">&quot;Les entreprises agiles doivent &eacute;tudier leurs clients      actuels et &eacute;ventuels d'assez pr&egrave;s pour anticiper les solutions      aux probl&egrave;mes <b>qui n'ont pas encore &eacute;t&eacute; cern&eacute;s      par les clients eux-m&ecirc;mes.&quot;</b></p>   <p class="quoteauthor">Soci&eacute;t&eacute; des comptables en Management du      Canada </p> </div> <div id="Layer2" style="position:absolute; width:736px; height:160px; z-index:46; left: 1; top: 1"><img src="images/logo3.jpg" width="755" height="255"></div> <div id="Layer19" style="position:absolute; width:250px; height:60; z-index:38; left: 256px; top: 573px"><a href="smartious.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/decouvrez3high.jpg',1)"><img name="Image22" border="0" src="images/decouvrez3.jpg" width="254" height="61"></a></div> <div id="Layer20" style="position:absolute; width:222px; height:51px; z-index:39; left: 511px; top: 573px"><a href="interaction.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/conception3high.jpg',1)"><img name="Image23" border="0" src="images/conception3.jpg" width="245" height="61"></a></div> <div id="Layer4" style="position:absolute; width:754px; height:76px; z-index:11; left: 2px; top: 635px; background-color: #E7E7D6; layer-background-color: #E7E7D6; border: 1px none #000000">    <p><img src="images/conseilslong5.jpg" width="754" height="91" border="0" alt="Opinion sur une interface?  Envoyez-moi une saisie d'&eacute;cran et je vous donne mes commentaires et mes suggestions dans un d&eacute;lai de 24 heures gratuitement">    </p> </div>  <div id="Layer8" style="position:absolute; width:172; height:310; z-index:14; left: 2px; top: 759px; background-color: #EBECF3; layer-background-color: #EBECF3; border: 1px none #000000">    <p class="methodologie"><b><a href="http://www.diabete-estrie.ca">Diab&egrave;te      Estrie</a><img src="images/arrow.gif" width="7" height="7"><br>     </b>Site Web de l'Association Diab&egrave;te Estrie donnant de l'information      sur le diab&egrave;te.</p>   <p class="methodologie"><b><a href="http://www.smartious.com">SmartIOUs</a><img src="images/arrow.gif" width="7" height="7"></b><br>     Application pour le Palm permettant aux utilisateurs de g&eacute;rer les dettes      et autres &eacute;changes d'argent entre amis. </p>   <p class="methodologie"><b><a href="schwab.htm">Charles Schwab</a><img src="images/arrow.gif" width="7" height="7" border="0"></b><br>     Redesign de la section Quotes and Research de Schwab.com.</p> </div> <div id="Layer9" style="position:absolute; width:172; height:310; z-index:15; left: 175px; top: 759px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">    <p class="methodologie"><b><a href="http://msn.com.com/2100-1107-920402.html">Avoiding      the Internet death penalty</a></b><img src="images/arrow.gif" width="7" height="7"><br>     (MSN) </p>   <p class="methodologie"><b><a href="http://www.forbes.com/asap/2001/0528/016a.html">Bad      design can be costly</a></b><img src="images/arrow.gif" width="7" height="7"><br>     (Forbes)</p>   <p class="methodologie"><b><a href="http://news.bbc.co.uk/hi/english/sci/tech/newsid_1842000/1842142.stm">Shoppers      shun shoddy sites</a></b><img src="images/arrow.gif" width="7" height="7"><br>     (BBC News)</p>   <p class="methodologie"><b><a href="http://www.cooper.com/newsletters/2002_01/the_high_risk_of_low-risk_behavior.htm">The      high risk of low-risk behavior</a><img src="images/arrow.gif" width="7" height="7"></b><br>     (Cooper)</p> </div> <div id="Layer10" style="position:absolute; width:172px; height:310; z-index:16; left: 348px; top: 759px; background-color: #EFEFF7; layer-background-color: #EFEFF7; border: 1px none #000000">    <p class="methodologie"><b><a href="analyses.htm">Les analyses fonctionnelles      sont insuffisantes</a><img src="images/arrow.gif" width="7" height="7"></b><br>     (Pierre Roberge)</p> </div> <div id="Layer11" style="position:absolute; width:235; height:310px; z-index:17; left: 521px; top: 759px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">    <p class="methodologie"><b>Investigation</b><br>     - &Eacute;tude du profil de la client&egrave;le cible<br>     - Cr&eacute;ation des archetypes<br>     - &Eacute;tude de votre comp&eacute;tition<br>     - &Eacute;laboration des opportunit&eacute;s<br>     - D&eacute;finition strat&eacute;gique du produit </p>   <p class="methodologie"><b>Conceptualisation</b><br>     - Sc&eacute;narios d'utilisation<br>     - Invention des fonctionnalit&eacute;s<br>     - Concept de l'interaction</p>   <p class="methodologie"><b>Design d&eacute;taill&eacute;</b><br>     - Design des interactions<br>     - Design des interfaces</p>   <p class="methodologie"><b>Support au d&eacute;veloppement</b></p> </div> <div id="Layer7" style="position:absolute; width:754px; height:35px; z-index:12; left: 2px; top: 723px; background-color: #000033; layer-background-color: #000033; border: 1px none #000000">  </div> <div id="Layer13" style="position:absolute; width:112px; height:13px; z-index:19; left: 187px; top: 736px"><img src="images/articles.gif" width="55" height="12"></div> <div id="Layer12" style="position:absolute; width:112px; height:15px; z-index:18; left: 14px; top: 736px"><img src="images/projetrecents.gif" width="106" height="15"></div> <div id="Layer15" style="position:absolute; width:140px; height:16px; z-index:21; left: 530px; top: 736px"><img src="images/methodologie.gif" width="96" height="15"></div> <div id="Layer14" style="position:absolute; width:124px; height:12px; z-index:20; left: 357px; top: 736px"><img src="images/opinion.gif" width="88" height="14"></div> <div id="Layer18" style="position:absolute; width:756px; height:31px; z-index:23; left: 1px; top: 1070px; background-color: #000033; layer-background-color: #000033; border: 1px none #000000"><img src="images/bas.gif" width="754" height="29" usemap="#Map4" border="0">    <map name="Map4">      <area shape="rect" coords="592,6,746,25" href="mailto:services@pierreroberge.com">   </map> </div>  <div id="Layer17" style="position:absolute; width:200px; height:37px; z-index:45; left: 654px; top: 1170px">    <p>&nbsp;</p><!--DEBUT GOLD WEBORAMA-->  <script language="javascript">  WEBO_ZONE=1;  WEBO_PAGE=1;  webogold_ok=0;</script>  <script language="javascript" src="http://script.weborama.fr/gold.js"></SCRIPT>  <SCRIPT>  if(webogold_ok==1){webogold_zpi(WEBO_ZONE,WEBO_PAGE,72145);}</script>  <NOSCRIPT><A HREF="http://www.weborama.com">Mesure d'audience et statistiques</A><BR>  <A HREF="http://www.weborama.fr">Classement des meilleurs sites, chat, sondage</A> </NOSCRIPT><!--FIN GOLD WEBORAMA-->  </div> <div align="left"></div>   <div id="Layer1" style="position: absolute; left: 2px; top: 1133px; width: 776px; height: 12px; z-index: 5; line-height: 12px; background-color: #E7E7D6; layer-background-color: #E7E7D6; border: 1px none #000000">    <p class="copyright">Copyright  Pierre Roberge 2001, 2002 Tous droits r&eacute;serv&eacute;s</p> </div> <div id="Layer16" style="position:absolute; width:748px; height:181px; z-index:47; left: 1px; top: 75px"><img src="images/trans.gif" width="760" height="181" alt="Conception de produits novateurs, plaisant &agrave; utiliser.  Analyse, Conception et &Eacute;valuation de logiciels PC Web Transactionnel et logiciels PDA.  Rapide, agr&eacute;able, facile &agrave; utiliser"></div> <div id="Layer22" style="position:absolute; width:104px; height:78px; z-index:48; left: 612px; top: 641px"><a href="mailto:interface@pierreroberge.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/interfacehigh.jpg',1)"><img name="Image24" border="0" src="images/interface.jpg" width="103" height="82"></a></div> </body> </html> 
