Narcissique Blog - Mot-clé - accessibilitéNotre regard sans concession sur le monde actuel à travers les yeux de passionnés.2021-03-19T12:25:04+01:00Pierre Ammelooturn:md5:561c2f1a8c489ea3d871ebea247810f5DotclearAccessibilité et internet du mythe à la réalité ...urn:md5:639a0b879e9f95ee2c30f0cb75af28ec2017-01-09T12:00:00+01:002017-01-09T12:10:30+01:00Pierre AmmelootWebaccessibilité<p>Une petite note sur l'accessibilité sur internet.</p>
<ul>
<li>définition de l'accessibilité</li>
<li>en quoi l'accessibilité doit être une priorité lors de l'élaboration d'un site internet ?</li>
<li>5 idées reçus sur l'accessibilité</li>
<li>Comment réagir face aux idées reçues ?</li>
<li>quelques ressources pour mieux comprendre l'accessibilité</li>
</ul> <p>Une petite note sur l'accessibilité sur internet.</p>
<ul>
<li>définition de l'accessibilité</li>
<li>en quoi l'accessibilité doit être une priorité lors de l'élaboration d'un site internet ?</li>
<li>5 idées reçus sur l'accessibilité</li>
<li>Comment réagir face aux idées reçues ?</li>
<li>quelques ressources pour mieux comprendre l'accessibilité</li>
</ul>
<p>Je rappelle la définition de l'accessibilité tirée de : "<strong>Créer des sites web accessibles à tous</strong>" de <strong>Alexandre AFCHAIN</strong> et <strong>Julien LANCERAUX</strong> (dont je conseil vivement la lecture à tous (développeurs, décideurs, débutants, internautes, etc ..) la lecture.</p>
<pre>
Un site web est accessible lorsqu'il est possible pour n'importe quelle personne d'y accéder de façon équivalente, quels que soient :
* le navigateur utilisé (Internet Explorer, Netscape, Opéra, Mozilla, Mozilla FireFox, navigateur vocaux comme Lynx, etc ...)
* l'interface (utilisation du clavier ou de la souris)
* la plate-forme d'accès (c'est à dire le système d'exploitation : Windows, Mac OS ou encore Linux, etc ...)
* le périphérique d'affichage (un écran plat 17 pouces, un ordinateur portable, un téléphone mobile relié au web, etc ...)
* "l'aide technique" utilisée (une plage braille ou une synthèse vocale, etc ...)
</pre>
<p><strong>En quoi l'accessibilité doit être une priorité lors de l'élaboration d'un site internet ?</strong></p>
<p>C'est vrai pourquoi m'embêter à passer du temps en plus alors que peu de personnes sont concerné ? Et puis ma boutique en ligne n'intéressera surement pas les personnes handicapés ? Et pourquoi les aveugles viendrais sur internet ?</p>
<p>On arrête tout de suite ce genre de question. J'ai ai entendus pas mal de bêtises au sujet de l'accessibilité, dés qu'on en parle on as le droit à la ritournelle de questions axées sur le handicap et à une levé de bouclier.
Pour commencer l'accessibilité prend en compte les handicaps certes mais aussi le reste de la population alors accessibilité veut dire un accès facilité aux personnes handicapés mais aussi un site plus facile d'utilisation par des utilisateurs sans handicaps.</p>
<p>Une accessibilité bien pensé et mis en application à bon escient n'est pas un perte de temps. C'est pourquoi il faut dés le début de l'élaboration d'un projet il faut prendre en compte l'accessibilité au même titre que la sécurité ou encore le design (interface graphique du site ndlr.).
Une sensibilisation des décideurs est importante car l'accessibilité est encore trop perçue comme une perte de temps donc d'argent pour les entreprises.</p>
<p><strong>5 idées reçus sur l'accessibilité</strong></p>
<ol>
<li>l'accessibilité de toute façon tout le monde s'en fout</li>
<li>l'accessibilité oblige d'avoir un site internet avec un design pourris</li>
<li>l'accessibilité c'est compliqué à mettre en oeuvre</li>
<li>l'accessibilité ce n'est pas dans le mouvement et sa bride la créativité des designers</li>
<li>l'accessibilité ne sert à rien, ils ont qu'à faire des truc qui explique aux handicapés</li>
</ol>
<p><strong>Comment réagir face aux idées reçues ?</strong></p>
<p>Pour commencer il faut laisser parler la personne qui, tout en ayant jamais eu de cas concret à résoudre, se croit la personne la plus compétence dans le domaine.</p>
<p><strong>Quelques ressources pour mieux comprendre l'accessibilité</strong></p>
<p><a href="http://fr.opquast.com/" hreflang="fr">Opquast</a> qui est LA référence francophone pour un web accessible.</p>
<p>Le livre "Mémento Sites Web - Les bonnes pratiques" à mettre dans toutes les poches, chez
<a href="http://www.eyrolles.com/Informatique/Livre/9782212121018/livre-memento-sites-web-les-bonnes-pratiques.php" hreflang="fr">Eyrolles</a></p>
<blockquote><p>Article de 2007 qui était resté en brouillon.</p></blockquote>Conseils - Créer son site internet, attention aux pièges !urn:md5:2340af36229e990c9725ab4ce38432c22008-03-13T08:00:00+01:002008-03-13T13:51:39+01:00thomasAstuces - Conseilsaccessibilitéconseilshébergementimageinternetmarquenarcissiquepostsite webwebmasterwebmastering <p>La création et la conception d'un site web est un parcours semé d'embuches ! Cependant il suffit de prêter attention à quelques étapes plus ou moins "simples" pour mener à bien son projet.</p>
<p>Voici une sélection d'articles et de conseils parus sur Narcissique Blog à ce sujet :</p>
<p><strong>I - Choses à ne pas faire lorsque que l'on conçoit un site internet</strong></p>
<p>1 - <a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-1-5-Sur-internet-tout-finit-par-ce-savoir" hreflang="fr">Sur internet tout finit par se savoir</a></p>
<p>2 - <a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-2-5-Probleme-de-la-pertinence-du-contenu" hreflang="fr">Problème de la pertinence du contenu</a></p>
<p>3 - <a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-3-5-Accessibilite" hreflang="fr">Accessibilité</a></p>
<p>4 - <a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-4-5-Couleurs-lisibilite" hreflang="fr">Couleurs / lisibilité</a></p>
<p>5 - <a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-5-5-une-image-de-marque-a-ne-pas-ternir" hreflang="fr">Une image de marque à ne pas ternir</a></p>
<p><strong>II -<a href="https://blog.narcissique.fr/post/2007/10/20/Hebergement-de-votre-site-internet-%3A-Faites-les-bons-choix" hreflang="fr">Hébergement de votre site internet : Faites les bons choix !</a></strong></p>
<p><strong>III -<a href="https://blog.narcissique.fr/post/2007/10/20/Conseils-pour-creer-un-site-web-simplement" hreflang="fr">Conseils pour créer un site web simplement</a></strong></p>
<p>Thomas</p>Liberté d'expression : un web libre ?urn:md5:63f4371a6a325f01527c877a0a39235d2007-09-25T08:00:00+02:002008-06-15T15:06:12+02:00thomasDécouvert sur le webaccessibilitéblogboycottcaptchacensureChineexpressionlibertéMSNwebYahoo! <p>Bonjour,</p>
<p>Nous relayons il y quelques semaines, sur cet <a href="https://blog.narcissique.fr/post/2007/08/31/Le-boycot-de-msn-et-de-yahoo-le-31-aout-2007" hreflang="fr">article</a> la journée de <strong>boycot</strong> de MSN et Yahoo!, pour ceux qui non pas suivis, cette action était en réponse aux accords de ces 2 sociétés avec le <strong>gouvernement chinois</strong>, qui impliquent l'acceptation de la censure.</p>
<p>L'initiative était intéressante, mais une journée pour montrer son désaccord ce n'est évidemment pas suffisant...</p>
<p>Une solution à été évoquée par <a href="http://mrboo.fr" hreflang="fr">mrboo</a> sur son blog, il à développé un système assez sommaire mais terriblement intéressant.
Voici comment il le décrit :</p>
<blockquote><p>L’idée est simple: chaque billet est placé dans une image de manière à rendre difficile le travail des robots qui parcourent les blogs à la recherche de contenu interdit.</p></blockquote>
<p>Dans les faits, cela donne :</p>
<div style="text-align: center;">
<object type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/1gNtzmR8kGkwCkdBo" width="425" height="335">
<param name="movie" value="http://www.dailymotion.com/swf/1gNtzmR8kGkwCkdBo" />
<param name="wmode" value="transparent" />
<p></p>
</object>
</div>
<p>L'idée est donc de créer un moteur de <a href="https://blog.narcissique.fr/tag/blog">blog</a> “spécial anti-censure” , l'intérêt est simple : le texte n'est plus affiché sous forme de texte mais sous forme d'<strong>images</strong>. Ainsi le texte n'est plus censuré, ou beaucoup moins facilement par les robots.
Revers de la médaille, le contenu n'est plus référencé par les moteurs de recherche, et c'est vraiment nul au niveau <a href="https://blog.narcissique.fr/tag/accessibilit%C3%A9">accessibilité</a>. C'est donc bien joli, le bloggeur peut écrire ce qu'il veut, mais il aura très peu de visiteurs...
Objectivement, le système n'est peut être pas non plus si efficace qu'il en à l'air... Si des spammeurs arrivent à violer les captchas (images pleines de caractères qu'il faut recopier à chaque fois qu'on soumet un formulaire) de protection, que dire des gouvernements...Des puissants systèmes d'OCR (reconnaissance d'écriture dans une images) existent, des bots et l'action humaine n'est pas inhibée.</p>
<p>Sujet épineux, et vous connaissez vous des systèmes de blocage de la <a href="https://blog.narcissique.fr/tag/censure">censure</a> qui pourraient "régler" le problème ?
En fait, non, quand je dis "régler" le mieux serait bien évidemment que les entreprises défendent elles même la <a href="https://blog.narcissique.fr/tag/libert%C3%A9">liberté</a> d'<a href="https://blog.narcissique.fr/tag/expression">expression</a> dans le monde.</p>
<p>Thomas</p>
<p><strong>Liens externes :</strong></p>
<ul>
<li>L'idée de <a href="http://www.mrboo.fr/?p=453" hreflang="fr">mrboo</a></li>
</ul>Note de service - Ligne éditoriale de Narcissique Blogurn:md5:c00e3fe0283e540cfa2c737f1d3efbe42007-09-16T20:00:00+02:002008-12-07T22:09:09+01:00Pierre AmmelootEditoaccessibilitébloginformatiqueNarcissique BlogNTICprogrammationréférencementweb2.0 <p>Bonjour, Thomas et moi on as pensé explicité notre ligne éditoriale pour que
vous sachiez à quoi vous attendre dans les prochaines semaine. <img src="/themes/default/smilies/smile.png" alt=":)" class="smiley" /></p>
<p>Narcissique Blog est un blog (ça j'imagine que l'aviez compris) qui donc,
par définition, publie à intervalle régulier des articles sur des sujets nous
passionnant.</p>
<p>Nous sommes tout les deux passionnés de <a href="https://blog.narcissique.fr/tag/NTIC">NTIC</a>
(Nouvelles Technologies d'Informations et de Communication), du web et
d'<a href="https://blog.narcissique.fr/tag/informatique">informatique</a> en général.</p>
<p>Nous souhaitons à travers ce blog vous faire découvrir notre manière
d'appréhender tout ces termes barbares que sont le "<a href="https://blog.narcissique.fr/tag/web2.0">web2.0</a>", le "<a href="https://blog.narcissique.fr/tag/r%C3%A9f%C3%A9rencement">référencement</a>", l'"<a href="https://blog.narcissique.fr/tag/accessibilit%C3%A9">accessibilité</a>", les "<a href="https://blog.narcissique.fr/tag/blogs">blogs</a>", la "<a href="https://blog.narcissique.fr/tag/programmation">programmation</a>"...</p>
<p>On essaient avant tout d'écrire simplement et pour un public large, il nous
arrive parfois d'écrire un article plus technique ou inversement un article
parlant de totalement autre chose c'est aussi ça la philosophie "<a href="https://blog.narcissique.fr/tag/Narcissique%20Blog">Narcissique Blog</a>", parler de ce qu'on aime sans
compter et sans se limiter au cadre pré-établis.</p>
<p>On aime aussi relayer l'information, celle qu'on trouve importante et
méritant de figurer dans notre base d'articles. N'hésitez donc pas à nous
proposer des articles et des informations à l'adresse :
moi_at_narcissique.fr ou thomas_at_narcissique.fr réponse assurée.</p>
<p>Bien sur on essais de créer un espace de convivialité autour du blog. Vos
commentaires sont toujours la bienvenue en espérant que notre contenu vous
plait.</p>
<p>Merci</p>
<p>Thomas et Pierre</p>[Veille] La sexualité au lit - Un trés bon article de David Latapieurn:md5:4f17016a0824ab668b14a653161990cd2007-07-22T20:00:00+02:002007-07-27T18:03:54+02:00Pierre AmmelootVeilleaccessibilitéDavid Latapierespectsexesexualitésémantique Webéducation <p>Je vous conseil vivement la lecture de l'article : <a href="http://blog.empyree.org/post/359" hreflang="fr">Sexualité au lit</a> de
<a href="http://david.latapie.name/" hreflang="fr">David Latapie</a>.</p>
<p>En voici la présentation :</p>
<blockquote>
<p>Je parle ici de <a href="https://blog.narcissique.fr/tag/sexualit%C3%A9">sexualité</a>, de sexe et
d’éducation sexuelle. Je le fais sans vulgarité, mais sans non plus user des
métaphores stupides. Certains d’entre vous pourraient être choqués par ce
texte. Dans ce cas, je vous conseille de ne simplement pas le lire. Je pense
cependant que cette lecture devrait être conseillée aux 15-20 ans (voire
plus).</p>
</blockquote>
<p><a href="https://blog.narcissique.fr/public/Sexualite_au_lit-Empyree.png"><img src="https://blog.narcissique.fr/public/./.Sexualite_au_lit-Empyree_m.jpg" alt="Sexualité_au_lit-Empyrée.png" style="display:block; margin:0 auto;" /></a></p>
<p>On as le droit au "Top 40 des erreurs à éviter au lit, pour un mec" !
On y retrouve toutes sortes de conseils, qui pour la plupart sont du bon sens
mais c'est pas mal de le rappeler aux jeunes jedi.</p>
<p>Quelques extrait bourré d'humour :</p>
<blockquote>
<p>4. <strong>Peloter ses seins comme un con</strong></p>
</blockquote>
<blockquote>
<p>La plupart des hommes se conduisent comme une ménagère en train de palper
des melons pour savoir s’ils sont mûrs avant de les acheter. Touchez-les
doucement et caressez-les, on n’est pas au marché !</p>
</blockquote>
<blockquote>
<p>18. <strong>Brûler les étapes</strong></p>
</blockquote>
<blockquote>
<p>Quand vous vous êtes introduit en elle, la pire chose à faire est d’entamer
l’imitation du piston dans le cylindre d’une moto de compétition. Elle aura
tout de suite l’impression désagréable de n’être que l’outil de votre plaisir.
Montez en régime lentement (un travail au petit bord est du meilleur effet)
avec quelques accélérations profondes et bien menées. Et n’hésitez pas à
repartir pour d’autres caresses.</p>
</blockquote>
<p>Pour le reste je vous laisse consulter <a href="http://blog.empyree.org/post/359" hreflang="fr">l'article sur la Sexualité au
lit</a> (je ne voudrais pas tout dévoiler !).</p>
<p>Cet article (qui reste pour moi l'un des meilleurs article francophone sur
le sujet !), est enfin un article respectueux du l'humain et qui montre que
même sur internet on peut parler de <a href="https://blog.narcissique.fr/tag/sexualit%C3%A9">sexualité</a>
sans tomber dans les travers pornographique !</p>
<p>Je vous conseil aussi de parcourir son <a href="http://blog.empyree.org/" hreflang="fr">blog</a> qui est bien écrit.</p>
<p>Je profite de ce billet pour passer une petite annonce : <a href="http://david.latapie.name/" hreflang="fr">David</a> recherche actuellement en
emploi en temps que consultant sur l’<a href="https://blog.narcissique.fr/tag/accessibilit%C3%A9">accessibilité</a> et la <a href="https://blog.narcissique.fr/tag/s%C3%A9mantique%20Web">sémantique Web</a>. Vous pouvez consulter le
billet de <a href="http://blog.empyree.org/post/3215" hreflang="fr">recherche
d'emploi de David Latapie</a> et le contacter directement si vous avez une
proposition intéressante. Sinon je vous invite à relayer l'information sur vos
blogs respectifs, le web à besoin de gens comme toi David !</p>
<p>Je vous laisse réagir à cet article dans les commentaires. On lance un débat
sur la sexualité sur internet ? Pour ? Contre ? Révolté ?
Venez vous exprimez !</p>
<p>Pierre</p>AlterBox, Sites internet de qualité - Créateur web freelanceurn:md5:df5d2559e1d8f2eef77d314c0ee9b5f72007-04-29T08:00:00+02:002008-06-15T14:10:32+02:00Pierre AmmelootDécouvert sur le webaccessibilitéergonomiefreelanceserviceweb <p>J'adore ce site web, je trouve ces couleurs pertinentes ! les formes
sont simple mais claire, il n'y as pas trop de page et le contenu et suffisant
pour un site web vitrine.</p>
<p>Ce site web c'est <a href="http://alter-box.no-ip.info/" hreflang="fr">AlterBox</a>, un site <a href="https://blog.narcissique.fr/tag/web">web</a> qui se qualifie lui même
de site de qualité ! Son créateur (un autodidacte travaillant <a href="https://blog.narcissique.fr/tag/freelance">freelance</a>) vous propose, de créer votre site en tenant une
ligne de conduite accès sur la qualité.</p>
<p>Si je regarde la page "à propos" je peut lire :</p>
<blockquote>
<p><strong>Une éthique de travail :</strong></p>
<p>Nombreuses sont les sociétés et les personnes qui travaillent dans le
domaine de l’internet.</p>
<p>Cependant, dans toute cette masse de services, tous ne se valent pas.</p>
<p>J’ai choisi de placer le critère de qualité au centre de mon travail.</p>
<p>Se soucier des utilisateurs des sites est primordial il me semble dans la
mise en oeuvre d’un site qui répondra a leurs attentes tout en remplissant de
même les objectifs du client.</p>
</blockquote>
<p>Je suis entièrement d'accord avec ce texte, je trouve que de payer une
<a href="https://blog.narcissique.fr/tag/service">service</a> et d'avoir en face une entreprise qui bacle
le travail est inadmissible. Certaines entreprise de création web n'ont pas
d'éthique et rende un travail qui peut être jolie graphiquement mais qui est
pas forcément adapté au attente du client et ou le travail n'as pas été soigné.
En plus les contrainte d'<a href="https://blog.narcissique.fr/tag/accessibilit%C3%A9">accessibilité</a> et
d'<a href="https://blog.narcissique.fr/tag/ergonomie">ergonomie</a> ne sont pas prisent en compte.</p>
<p><a href="http://alter-box.no-ip.info/" hreflang="fr">AlterBox</a> en parle,
et respecte les standards. Je trouve que c'est important que les créateurs de
site web se soucis de leur client et des visiteurs dudits client. Il faut
mettre (à mon avis), l'expérience utilisateur au centre de la
problématique.</p>
<p>Ce site web est une initiative que je salue, et je souhaite un développement
de l'activité de créateur soucieux de la qualité de leur "produits".</p>
<p>Pierre</p>A ne pas faire lors de la conception d'un site internet (5/5) "Une image de marque à ne pas ternir"urn:md5:88c0f13692d316b57cf3e4ebf4d908232007-02-18T08:00:00+01:002008-08-09T17:03:42+02:00Pierre AmmelootAstuces - ConseilsA lireaccessibilitéastucesconceptionconseilscouleurdemandemise en situationne pas faireNTICsite du zérostatistiquessémantiquewebweb2.0 <p>La suite des choses "à ne pas faire lors de la conception d'un site internet".
Le dernier billet vous explique quelques travers dans lesquels il ne faut pas tomber pour garder un site harmonieux au niveau des "couleurs et de la lisibilité", nous terminons avec "une image de marque à ne pas ternir".</p>
<p>Rappel des rubriques :</p>
<ol>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-1-5-Sur-internet-tout-finit-par-ce-savoir" hreflang="fr">Sur internet tout finit par ce savoir</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-2-5-Probleme-de-la-pertinence-du-contenu" hreflang="fr">Problème de la pertinence du contenu</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-3-5-Accessibilite" hreflang="fr">Accessibilité</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-4-5-Couleurs-lisibilite" hreflang="fr">Couleurs / lisibilité</a></li>
<li><strong>Une image de marque à ne pas ternir</strong></li>
</ol>
<p><strong>Une image de marque à ne pas ternir</strong><br /></p>
<p><ins>Introduction :</ins> votre site internet est "l'image de marque" que vous laisser à vos visiteurs et peut être futurs clients. Il faut donc soigner cette image que vous leur renvoyez. Il existe une multitude de petits détails qui permettent de différencier un site qui as un aspect professionnel d'un site bâclé et fait à la va vite "parce qu'il fallait être présent sur internet", voici quelques un de ces détails qui "font la différence" :</p>
<p>23 <ins>Nom de domaine personnel pour un site professionnel</ins> <em>(par exemple espace web des F.A.I. (Fournisseur d'accès Internet ndlr.))</em></p>
<ul>
<li>Le problème : vous utilisé une adresse dites "personnelle" pour hébergez votre site internet professionnel.</li>
<li>Conséquence : Pour le visiteur c'est un manque de sérieux. Un site web digne de ce nom se doit d'avoir son propre nom de domaine. Si un de vos futurs clients se fait la réflexion que vous n'avez même pas les moyens de vous achetez votre propre nom de domaine il ne va pas confier ses projets à votre entreprise. (exceptions : dans certains cas il est possible que même un nom de domaine personnel fasse l'affaire quand c'est un "site vitrine" et que l'entreprise n'as pas pour spécialité l'internet).</li>
<li>Conseil : dans la mesure du possible ayez votre propre nom de domaine, cela permet aussi de personnaliser (au nom de votre entreprise) vos adresses mails.</li>
</ul>
<p>24 <ins>Hébergement défaillant</ins> <em>(page qui se charge lentement, inaccessibilité du site)</em></p>
<ul>
<li>Le problème : votre hébergement est mutualisé (pour réduire les couts) mais votre site est de temps en temps indisponible, ou certains de vos clients se plaignent de ne pas pouvoir charger vos pages. C'est ce qui arrive avec certains hébergeur qui ont des serveurs mutualisés surchargés ou bien lorsqu'un des sites du serveurs monopolise toute la bande passante.</li>
<li>Conséquence : une page qui se charge en plus de dix secondes, le visiteur abandonne et passe au suivant. Vous pouvez donc perdre des clients si votre site est le liens privilégié entre eux et vous.</li>
<li>Conseil : utilisé un outils tel que <a href="http://host-tracker.com/" hreflang="fr">Host tracker</a> (gratuit) qui surveille votre site internet et vous envoie un mail de rapports tout les jours/mois/années, ce service est très pratique et je l'ai mis en place sur la totalité des sites que je gère. Si vous en avez les moyens changez d'hébergement ou prenez un serveur dédiés.</li>
</ul>
<p><strong>Conclusion et remerciements :</strong></p>
<p>J'espère que cette série de billets vous a aidé à ne pas faire certaines erreurs lors de la conception de votre site internet.
Si vous souhaitez me faire part de vos suggestions, ou si j'ai fait des erreurs les commentaires sont à votre disposition.</p>
<p>Un grand merci à Serge, Strimy, Thibault, Daniel pour leur relecture attentive et leur précieux conseils.</p>
<p>Pierre
P.S.: Merci à <a href="http://blog.guykawasaki.com/2007/01/the_top_ten_stu.html" hreflang="fr">ce billet</a> de m'avoir inspirée.</p>A ne pas faire lors de la conception d'un site internet (4/5) "Couleurs / lisibilité"urn:md5:26cdfc2f2ea463636f8336aa39bda0b62007-02-16T08:00:00+01:002008-08-09T17:04:06+02:00Pierre AmmelootAstuces - ConseilsA lireaccessibilitéastucescommentconceptionconseilscouleurmise en situationne pas faireNTICpratiquesite du zérosémantiqueW3Cwebweb2.0 <p>La suite des choses "à ne pas faire lors de la conception d'un site internet".
Après nous être intéressé à l'"accessibilité" nous attaquons le problème des "couleurs et de la lisibilité" de votre site internet.</p>
<p>Rappel des rubriques :</p>
<ol>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-1-5-Sur-internet-tout-finit-par-ce-savoir" hreflang="fr">Sur internet tout finit par ce savoir</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-2-5-Probleme-de-la-pertinence-du-contenu" hreflang="fr">Problème de la pertinence du contenu</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-3-5-Accessibilite" hreflang="fr">Accessibilité</a></li>
<li><strong>Couleurs / lisibilité</strong></li>
<li>Une image de marque à ne pas ternir</li>
</ol>
<p><strong>Couleurs / lisibilité</strong><br /></p>
<p><ins>Introduction :</ins> Plaire est une affaire de goût, et votre site internet ne pourras pas plaire à tout le monde. Il est conseillé de s'entourer des gens compétents (un graphiste par exemple) pour mettre toutes les chances de votre côté. Vous pouvez aussi consulter des site spécialisé de la couleurs et accords chromatiques comme <a href="http://www.smartpixel.net/chromoweb/fr/index.htm" hreflang="fr">Chromoweb</a>, <a href="http://www.morecrayons.com/" hreflang="en">MoreCrayons</a> ou encore <a href="http://pourpre.com/" hreflang="fr">Pourpre</a>
La lisibilité est aussi quelques chose d'important sur un média tel qu'un site internet, si demain on ne peut plus lire le contenu de votre site internet il n'as alors plus aucun intérêt et sa fréquentation chutera.</p>
<p>17 <ins>Utilisation de publicité intrusives</ins> <em>(<a href="http://fr.wikipedia.org/wiki/Fen%C3%AAtre_intruse" hreflang="fr">pop-up</a>, panneau Weborama sur le côté, animation flash qui gène la lecture)</em></p>
<ul>
<li>Le problème : lorsque l'on consulte votre site 5 pop-up s'ouvre et on croule sous la publicité.</li>
<li>Conséquence : c'est très embêtant, et la plupart du temps on utilise un anti-popup (ils sont maintenant intégré de base dans les navigateurs) et c'est agressif pour le visiteur, ça fait un peu : "commencer par cliquer sur le publicité après vous pourrez lire le contenu".</li>
<li>Conseil : vous pouvez afficher de la publicité mais n'utiliser surtout pas de pop-up, n'oublier pas que l'utilisateur doit passer avant vos revenus.</li>
</ul>
<p>18 <ins>Utilisation de couleurs flashis, ensemble de couleurs n'allant pas ensemble</ins></p>
<ul>
<li>Le problème : votre site utilise un jeu de couleur qui est de mauvais goût et/ou il utilise des couleurs qui "flash".</li>
<li>Conséquence : la première impression est souvent la plus importante dans votre cas vous risquez de repoussez bon nombre d'internautes, et il ne chercherons pas à voir les autres pages.</li>
<li>Conseil : faites attention à vos choix de couleurs et n'hésitez pas à demander des critiques constructives à votre entourage. Il se peut que quelques chose de "jolie" pour vous soit de mauvais go^^ut et que vous ne vous en rendiez pas compte.</li>
</ul>
<p>19 <ins>Utilisation d'un kit design pour un site professionnel</ins></p>
<ul>
<li>Le problème : vous utilisez un "kit design" pour votre site internet professionnel, c'est à dire que vous n'avez pas de charte graphique propre à votre site internet.</li>
<li>Conséquence : l'utilisation d'un kit design pose deux problèmes, il est possible de trouver d'autre site avec la même apparence ailleurs sur la toile (donc vous perdez l'unicité de votre identité) et vous perdez votre crédibilité sur un site professionnel car ce site n'est pas entièrement "de vous"</li>
<li>Conseil : il vaut mieux un design moins bien fait et unique qu'un design que l'on retrouve ailleurs, ne céder pas à la tentation et mettez les mains dans le cambouis pour montrer à vos visiteurs que l'aspect graphique de votre site est unique, ou alors si vous avez plus de moyens faites appel à un graphiste. Dans tout les cas pensez qu'il faut être unique sur internet si l'ont veut subsister.</li>
</ul>
<p>20 <ins>Site mal présenté, avec des rubriques dans tout les sens sans aucune logique apparente</ins></p>
<ul>
<li>Le problème : votre site est plein de contenu mais on se perd facilement dans les rubrique, on ne sait pas comment revenir à la page d'accueil simplement, on ne sait pas comment trouver l'information dont on as besoin.</li>
<li>Conséquence : les visiteurs se trouve perdu au milieu de votre site et le quitte faute de ne pas trouver l'information qu'il cherche.</li>
<li>Conseil : ne surtout pas surcharger la page d'accueil de liens vers le contenu de votre site, vous pouvez l'utiliser pour mettre les articles récents et mettre en avant certains de vos articles. Classer vos articles par catégorie c'est plus simple de s'y retrouver ensuite, n'hésiter pas à faire une page avec le plan de votre site.</li>
</ul>
<p>21 <ins>Surcharger le site par des pubs ou des liens vers des sites non pertinents</ins></p>
<ul>
<li>Le problème : votre site propose dans son contenu (et dans les publicités autour) des liens non pertinents pour le visiteur. (= qui ne sont en rapport directe avec leur centre d'intérêts)</li>
<li>Conséquence : personne ne va cliquer sur les liens, si ces liens sont là à but publicitaire vous n'aurez presque pas de clic dessus.</li>
<li>Conseil : il faut optimiser les liens que vous mettez sur vos articles et la publicités de votre site pour qu'elle correspondent au attentes de vos visiteurs. Si vos visiteurs sont intéresser par un thème Y il ne faut pas que la publicité parle d'un thème Z.</li>
</ul>
<p>22 <ins>Site contenant des images GIF ou des animations flash clignotantes en trop grande quantité</ins></p>
<ul>
<li>Le problème : votre site regorge d'animations qui clignotent et qui "bougent" en permanence. Cela empêche la concentration sur le texte et il devient difficile de lire dans ces conditions.</li>
<li>Conséquence : les visiteurs vont vite se lasser et risque de ne pas revenir, si il est impossible de lire le contenu sans voir son attention attirer par ce qui bouge, c'est très gênants.</li>
<li>Conseil : éviter dans la mesure du possible toutes les animations qui se répète indéfiniment, vous éviterez de perdre des visiteurs à cause de cela.</li>
</ul>
<p>Allez plus qu'un est c'est fini, quels sont vos commentaires ?
Pierre</p>A ne pas faire lors de la conception d'un site internet (3/5) "Accessibilité"urn:md5:230c316133e53573db1286b6ce5022eb2007-02-14T08:00:00+01:002008-08-09T17:06:09+02:00Pierre AmmelootAstuces - ConseilsA lireaccessibilitéastucesbateaucommentconceptionconseilscouleurexemplemise en situationne pas faireNTICpratiquestatistiquessémantiqueW3Cweb <p>La suite des choses "à ne pas faire lors de la conception d'un site internet".
Après avoir vu le "problème de la pertinence du contenu" aujourd'hui nous allons expliquer des notions d'"accessibilité".</p>
<p>Rappel des rubriques :</p>
<ol>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-1-5-Sur-internet-tout-finit-par-ce-savoir" hreflang="fr">Sur internet tout finit par ce savoir</a></li>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-2-5-Probleme-de-la-pertinence-du-contenu" hreflang="fr">Problème de la pertinence du contenu</a></li>
<li><strong>Accessibilité</strong></li>
<li>Couleurs / lisibilité</li>
<li>Une image de marque à ne pas ternir</li>
</ol>
<p><strong>Accessibilité</strong><br /></p>
<p><ins>Introduction :</ins> L'accessibilité n'est pas une insulte, ce n'est pas non plus un retour en arrière dans la manière de concevoir un site web, c'est juste prendre en considération les internautes, tout les internautes. Si vous faite un site accessible non seulement vous ouvrez les portes de votre site internet à de nouveaux visiteurs, mais en plus cela veut dire que vous prenez en compte tout vos utilisateurs et que la navigation de celui ci seras plus aisé. L'accessibilité est une avancé pour tous, alors mettez la au centre de vos préoccupations lors de la conception d'un nouveaux (ou de la refonte d'un ancien) site internet .</p>
<p>8 <ins>Avoir son site internet entièrement en flash (problème d'accessibilité)</ins></p>
<ul>
<li>Le problème : votre site internet est une application Flash, et vous n'avez pas prévu d'alternative en (x)Html / Css</li>
<li>Conséquence : votre site à beau être à la pointe de la technologie, avoir des effets et des animations qui font de lui un site ergonomique pour l'utilisateur normal, mais il n'est pas accessible, les applications flash sont plus lourde qu'une page textuel de code (x)Html une personne ayant une connection internet bas-débit ou des restrictions de trafic (comme c'est le cas dans certaines entreprise) ne pourras pas charger votre application, une personne déficiente visuel ne pourras pas accéder à vos informations car elle ne pourras pas aisément lire le texte et suivre les animations (avec tout les navigateur on peut agrandir le texte d'une page (x)Html, "Ctrl+" pour Mozilla Firefox par exemple), une personne à mobilité réduite ne pouvant pas se servir d'une souris (et donc utilisant exclusivement le clavier) ne pourras pas naviguer.</li>
<li>Conseil : il faut impérativement avoir doubler votre site flash par une version en (x)Html / Css, je sais que le flash c'est dans le "mouv", que "ça fait bien" mais ça ne facilite pas forcément la vit des internautes ! Dans l'idéal (qui n'existe que rarement), il faudrait que le site flash et le site (x)Html classique soi des copies conforme en terme de contenu et de fonctionnalité (et mis à jour en même temps), et que chaque copie soit à la pointe dans son domaine, mais tout cela demande de l'investissement en temps ou en argent. Faites votre choix (je ne vous conseillerais que trop de soigner votre site (x)Html !) et l'utilisateur seras le dernier juge de votre travail.</li>
</ul>
<p>9 <ins>Interdire l'emploi d'Internet Explorer" (I.E.)</ins></p>
<ul>
<li>Le problème : vous avez fait votre site internet avec un navigateur respectant les standards, et vous n'avez pas envie de passer du temps à bidouiller pour qu'il s'affiche clairement sous I.E., vous mettez donc en place un script qui détecte le navigateur qui affiche une message d'avertissement et bloque l'accès au site lorsque il détecte Internet Explorer.</li>
<li>Conséquence : vous perdez tout les visiteurs potentiels qui navigue avec internet Explorer, et vous risquez d'être mal vus par ce qui on lut ce message d'avertissement.</li>
<li>Conseil : ce n'est pas la bonne manière d'agir. Vous avez le droit de penser que I.E. est mal fait et ne respecte pas les standards (règles communes, rédigés par le <a href="https://blog.narcissique.fr/tag/World%20Wide%20Web%20Consortium">W3C</a>, de programmation pour uniformiser le code produit par les différents sites internet sur la toile et pouvoir se faire comprendre des navigateurs correctement ndlr.) mais ce n'est pas une raison pour le bannir de votre site, vous perdrez un nombre certains de visiteurs si vous agissez comme ça. Il faut dans la mesure du possible faire pour que chaque navigateur puisse accéder dans de "bonnes conditions" à votre site internet. Vous pouvez écrire une mention précisant que le site est optimisé pour tel ou tel navigateur, mais pensez bien que c'est au site internet de s'adapter à l'utilisateur et non le contraire.</li>
</ul>
<p>10 <ins>Dire que votre site internet est accessible alors qu'il ne l'est pas</ins></p>
<ul>
<li>Le problème : vous avez une mention "Valide Xhtml 1.0", ou une mention apparenté sur votre site internet mais il n'est pas totalement valide lorsque vous le soumettez à <a href="http://www.w3qc.net/validateur/check.php?uri=referer" hreflang="fr">l'un des validateurs automatisé affilié au W3C</a>.</li>
<li>Conséquence : vos faite en quelques sorte une "publicité" mensongère pour votre site, en général on met en avant ce genre de chose car c'est une manière de montrer à nos visiteurs que l'on se soucie d'eux et des standards. Il peut arriver qu'au moment de la création du site il soit conforme mais que depuis que vous avez apporter des modifications il ne le soit plus.</li>
<li>Conseil : vérifiez de temps en temps que votre site est toujours conforme au standards, vous pouvez utiliser <a href="http://www.w3qc.net/validateur/check.php?uri=referer" hreflang="fr">l'outil du W3QC (W3C Québec) en français</a> qui est pratique.</li>
</ul>
<p>11 <ins>Abuser de l'Ajax et des effets Javascript</ins> <em>(il faut penser à ceux qui souhaitent naviguer en mode texte ou avec le javascript de désactiver)</em></p>
<ul>
<li>Le problème : vous utiliser beaucoup d'effet Javascript (ou Ajax) et la navigation est impossible lorsque le Javascript est désactiver.</li>
<li>Conséquence : le Javascript risque d'alourdir vos page si il est utilisé en trop grande quantité et vous bloquez l'accès à ceux qui ne peuvent pas (ou ne veulent pas) naviguer avec le Javascript activé.</li>
<li>Conseil : n'oublier pas que c'est le site internet qui doit s'adapter à ses visiteurs et non l'inverse. Il faut, dans la mesure du possible, que votre site soit "navigable" lorsque le Javascript est désactivé.</li>
</ul>
<p>12 <ins>Programmer en (x)Html en ne respectant pas la "<a href="http://fr.wikipedia.org/wiki/Web_s%C3%A9mantique" hreflang="fr">sémantique</a>"</ins> <em>(utiliser une balise de paragraphe "<p>" pour faire un titre au lieu des balises "<h1>" à "<h6>" par exemple)</em></p>
<ul>
<li>Le problème : vous utiliser votre code (x)Html pour faire de la mise en forme (au lieu d'utiliser le langage CSS) et vous ne dissociez pas le contenu de la forme, vous pensez "effet graphique" et non pas "sémantique".</li>
<li>Conséquence : les moteurs de recherche seront moins efficace sur votre site,. Si vous ne le dites pas au robot d'indexation, comment peut il savoir quel élément est votre titre et quels éléments sont le contenu de votre page ?</li>
<li>Conseil : le (x)Html à été crée pour que l'on programme des pages en respectant une certaine logique (on appelle cela la "sémantique" <a href="http://fr.wikipedia.org/wiki/Web_s%C3%A9mantique" hreflang="fr">pour en savoir plus</a>), il faut respecter les règles de bases. (<a href="http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html" hreflang="fr">tutoriel sur la création de site web très bien écrit sur le Site Du Zéro</a>)</li>
</ul>
<p>13 <ins>Ne pas avoir d'adresse distinctes pour chaque page</ins> <em>(l'URL dans la barre d'adresse du navigateur est toujours de la forme http://monsite.com)</em></p>
<ul>
<li>Le problème : quelles que soit la page de votre site le navigateur nous renvoie la même URL.</li>
<li>Conséquence : un visiteur ne peut pas accéder rapidement à une page spécifique de votre site internet sans passer par l'accueil, c'est moins pratique. Les moteurs de recherche auront plus de mal à vous indexez, ce cas se présente lorsque votre domaine est une re-directions transparentes.</li>
<li>Conseil : oubliez les re-directions transparents et préférez un nom de domaine qui soit directement attaché à votre hébergement.</li>
</ul>
<p>14 <ins>Ne pas préciser le texte alternatif des images</ins> <em>(il faut renseigner correctement la balise alt="")</em></p>
<ul>
<li>Le problème : vous ne renseignez pas le texte alternatif à vos images.</li>
<li>Conséquence : le moteur de recherches sont incapables d'indexer le contenu de vis images, et les personnes déficientes visuels ou qui ont fait le choix de naviguer sans afficher les images (pour raccourcir le temps de chargement des site internet et rendre la navigation plus fluide par exemple) sont pénalisé.</li>
<li>Conseil : il faut absolument renseigner le texte alternatif de vos images, aucun logiciel n'est, à l'heure actuel, capable de décrire avec exactitude une image, une image vaut parfois mieux qu'un long discours mais pour certaines de vos visiteurs il n'y auras ni discours ni image, c'est bien dommage. Pensez accessibilité vous faciliterais la vie de TOUT vos visiteurs.</li>
</ul>
<p>15 <ins>Longue U.R.L.</ins> <em>(<a href="http://fr.wikipedia.org/wiki/URL" hreflang="fr">Uniform Resource Locator</a> ndlr.) </em></p>
<ul>
<li>Le problème : Vous avez une adresse pour votre site du genre http://monfai.com/siteperso/monpseudonyme</li>
<li>Conséquence : votre adresse n'est pas facilement mémorisable vous perdez donc la possibilité de voir, des gens venir spontanément par le bouche à oreille (il faut prendre le temps de taper l'adresse et plus c'est long moins on as envie de le faire).</li>
<li>Conseil : utiliser une service qui vous permet de raccourcir vos adresse de façon drastique (<a href="http://www.digipills.com/minilienok/introsecours.htm" hreflang="fr">Minilien</a> est pratique), ou alors acheter vous un noms de domaines (chez <a href="http://www.gandi.net/" hreflang="fr">Gandi.net</a> par exemple, toutefois vérifier bien que votre hébergeur vous donne la possibilité de re-diriger un domaine vers ses serveurs, il faut d'abord récupérer l'adresses de ses serveurs DNS, le problème est que la plupart des hébergeur de page personnelles (F.A.I., hébergement gratuit) ne permettent pas de faire ce genre de manipulation, dans cas tournez vous vers des offres à bas prix (<a href="http://www.digipills.com/minilienok/introsecours.htm" hreflang="fr">OVH</a> as des prix hyper-compétitifs).</li>
</ul>
<p>16 <ins>Lancer de la musique au chargement de votre site</ins> <em>(ou d'une des pages du site sans prévenir l'utilisateur).</em></p>
<ul>
<li>Le problème : lorsqu'on arrive sur votre site un morceau de musique se fait entendre.</li>
<li>Conséquence : un visiteurs qui écouté déjà de la musique pourrait être gêné, un visiteur ayant un connection bas-débit ne pourrait pas chargé votre page, une personne aveugle serait considérablement gêné puisque le son de la musique et de son lecteur vocale se superposerait.</li>
<li>Conseil : ne jamais lancer automatiquement la lecture d'un morceau de musique au chargement d'une page web, cela gêne vos visiteurs et prend de la bande passante; Si vous souhaiter que les visiteurs puissent écouter de la musique mettez un "player" (par exemple le très bon <a href="http://www.alsacreations.fr/mp3-dewplayer.html" hreflang="fr">dewplayer</a>) et laisser l'internaute lancer seul son morceau de musique.</li>
</ul>
<p>Critique enflammé vous,
Pierre</p>A ne pas faire lors de la conception d'un site internet (2/5) "Problème de la pertinence du contenu"urn:md5:224b4816baec8202470f16f957fc67972007-02-12T08:00:00+01:002008-08-09T17:08:00+02:00Pierre AmmelootAstuces - ConseilsA lireaccessibilitéastucesconceptionconseilscouleurexemplegoutsmise en situationne pas faireNTICpratiquesite du zérostatistiquessémantiqueW3Cweb <p>La suite des choses "à ne pas faire lors de la conception d'un site internet".
Après avoir vu que "sur internet tout finit par ce savoir" cette fois ci nous abordons le "Problème de la pertinence du contenu".</p>
<p>Rappel des rubriques :</p>
<ol>
<li><a href="https://blog.narcissique.fr/post/2007/02/09/A-ne-pas-faire-lors-de-la-conception-dun-site-internet-1-5-Sur-internet-tout-finit-par-ce-savoir" hreflang="fr">Sur internet tout finit par ce savoir</a></li>
<li><strong>Problème de la pertinence du contenu</strong></li>
<li>Accessibilité</li>
<li>Couleurs / lisibilité</li>
<li>Une image de marque à ne pas ternir</li>
</ol>
<p><strong>Problème de la pertinence du contenu</strong><br /></p>
<p><ins>Introduction :</ins> Un site internet est avant tout un support permettant de délivrer un message. Un site internet sans contenu (à part les site internet de services en ligne comme les messageries), ne peut pas avoir d'audience et de retour pertinent. Avant de penser à une architecture graphique il faut penser au contenu et réfléchir au message que l'ont souhaite délivrer aux internautes. Quelques conseils pour éviter de noyer le <del>poisson</del> heu ... contenu. ^^</p>
<p>5 <ins>Sites creux</ins> <em>(pas de contenu)</em></p>
<ul>
<li>Le problème : vous venez de finir votre site internet, fière de votre idée et du résultat vous le mettez en ligne tout de suite.</li>
<li>Conséquence : Le manque de contenu risque de ne pas attirer beaucoup de visiteurs. N'oubliez pas que l'objectif principale d'un site internet est de délivrer du contenu. Il faut absolument créer du contenu intéressant, d'une manière ou d'une autre, soit en écrivant vous même (articles, tutoriel, critiques etc ..), soit en laissant le soin au visiteurs de créer eux même le contenu ( <a href="http://fr.wikipedia.org/" hreflang="fr">Wikipedia</a> par exemple). le problème avec ces derniers ce que pour donner envie d'écrire aux visiteurs de passage sur votre site il faut qu'il soit déjà relativement complet.</li>
<li>Conseil : Pour lancer votre site doucement, vous pouvez commencer par une béta-test privée ou vous n'invitez que vos amis et ensuite il peuvent aussi inviter leur amis. Puis quand vous pensez que le site est intéressant pour n'importe quel internaute de passage vous pouvez l'ouvrir au grand publique. N'oublier jamais qu'il faut intéresser les internautes qui sont par nature "zappeur" et les fidéliser.</li>
</ul>
<p>6 <ins>Trop de publicité par rapport au contenu</ins></p>
<ul>
<li>Le problème : le site à plusieurs bandeaux de pub qui prennent autant d'espace que le contenu de la page.</li>
<li>Conséquence : les visiteurs ne peuvent pas prendre au sérieux les sites ou le contenu est ridicule devant l'espace laissé à la publicité.</li>
<li>Conseil : avant d'afficher de la publicité sur votre site internet vérifier qu'il est assez remplis et que votre contenu est pertinent, le but premier de ,la publicité est, non pas de vous rapporter de l'argent, mais d'apporter à l'internaute des liens en rapport avec le contenu de votre site internet.</li>
</ul>
<p>7 <ins>Contenu payant sans avoir de contenu gratuit pour donner envie d'acheter</ins></p>
<ul>
<li>Le problème : le site propose du contenu payant (contre un appel surtaxé ou par carte bancaire), mais pas ou peu de contenu gratuit.</li>
<li>Conséquence : peu d'internaute vont prendre le risque de dépenser de l'argent pour accéder à du contenu payant si il ne peuvent pas en avoir un aperçu avant l'achat.</li>
<li>Conseil : il faut toujours que l'internaute soit pris en considération sinon il n'y auras pas d'acte d'achat, si vous souhaiter faire payer des écrits portant sur un sujet, mettez en quelques uns gratuitement à disposition de tout vos utilisateurs pour les convaincre que ce que vous écrivez est de qualité et leur donner envie d'acheter d'autre articles.</li>
</ul>
<p>N'hésiter pas à donner votre avis,
Pierre</p>A ne pas faire lors de la conception d'un site internet (1/5) "Sur internet tout finit par se savoir"urn:md5:fb42294dd45c368d7218f192fd93051d2007-02-10T08:00:00+01:002008-08-09T17:08:14+02:00Pierre AmmelootAstuces - Conseilsaccessibilitéastucesconceptionconseilscouleurgoutsmise en situationne pas faireNTICpratiquesite du zérostatistiquessémantiqueW3Cweb <p>Comme promis dans <a href="https://blog.narcissique.fr/post/2007/01/29/Choses-a-ne-pas-faire-lorsque-que-lon-concoit-un-site-internet" hreflang="fr">ce billet</a> je vais vous faire une liste (commenté) des choses "à ne pas faire lors de la conception d'un site internet".</p>
<p>Pour chaque "choses" à ne pas faire, je fait une mise en situation, je rappelle les conséquences si on agit comme cela et enfin je vous propose quelques conseils. Pour plus de clarté j'ai fait un classement en plusieurs rubriques, je vais faire un billet par rubriques :</p>
<ol>
<li><strong>Sur internet tout finit par ce savoir</strong></li>
<li>Problème de la pertinence du contenu</li>
<li>Accessibilité</li>
<li>Couleurs / lisibilité</li>
<li>Une image de marque à ne pas ternir</li>
</ol>
<p><strong>Sur internet tout finit par ce savoir</strong><br /></p>
<p><ins>Introduction :</ins> Le web est vaste, on y trouve de tout, et avec l'avènement des moteurs de recherche tout est archivé, trié et même plusieurs mois après la parution d'un article délictueux ou la publication d'une photos sur internet ou peut retrouver des traces ailleurs que sur le site internet de départ. Il faut bien avoir cela en tête lorsque l'ont publie du texte ou des images, cela peut ternir, pour longtemps, l'image d'une personne, d'une société, ou d'une administration.</p>
<p>1 <ins>Promettre des améliorations sans les réaliser</ins> <em>(par exemple : faire du buzz autour d'un nouveau service et pour finir abandonner son développement)</em></p>
<ul>
<li>Le problème : Il y as quelques mois vous aviez prévu de rajouter des fonctionnalités importantes sur votre site internet, pressé d'avoir l'avis de vos membres vous leurs avez demandé leur avis et annonçant la sortie imminente de plusieurs fonctionnalités. L'annonce à fait un effet de buzz et a été relayé par plusieurs site internet. Mais aujourd'hui vous avez décidé d'abandonner l'ajout des ces fonctionnalités car elles étaient complexes à mettre en place et que finalement vous n'avez plus assez de temps pour les programmer.</li>
<li>Conséquence : Les internautes sont venus (ou revenus) sur le site pour cela ou en grande partie pour cela. L'effet d'annonce à eu des répercussions positives et l'audience à augmenté, mais le retard de l'ajout des fonctionnalités va avoir un impact négatif, et n'en parlons même pas si elles ne sont jamais implémentées.</li>
<li>Conseil : Ne pas faire d'annonce coup de bluff ou d'annonce alors qu'on est jamais sur que les fonctionnalités promis epourront être un jour disponible (et oui personne n'est devin !). Par contre si l'ont souhaite faire du buzz on peut par exemple développer de nouvelles fonctionnalités et au moment ou elle sont opérationnelles ne pas les activer tout de suite et à partir de ce moment là commencer à faire monter la pression ! Comme ça on est sur que l'annonce ne soit pas un coup de bluff et en terme d'image de marque c'est toujours une bonne chose.</li>
</ul>
<p>2 <ins>Copier, sans autorisation, du contenu d'un autre site internet ou de tout autre média.</ins></p>
<ul>
<li>Le problème : vous avez vu un article intéressant sur un site renommé parlant d'informatique, et vous en avez fait une copie pour mettre sur votre blog/site personnel.</li>
<li>Conséquence : vous violez clairement les droits d'auteur. Cela est interdit par la loi, et votre image de marque en prend un sérieux coup, à partir du moment ou cela ce sait (et en générale c'est très rapide sur la toile).</li>
<li>Conseil : si vous souhaitez parler d'un sujet dans la mesure du possible écrivez vous même vos articles. Sinon vous pouvez toujours écrire une note et re-diriger sur l'article en question, ou alors contacter l'auteur de l'article et lui demander son autorisation pour la diffusion de son article sur votre site internet, toutefois n'oubliez pas de mentionner l'auteur de l'article ainsi qu'un lien vers l'article original. Certains articles sont dés leur écriture sous une licence permettant ou non la diffusion sur un autre média que celui d'origine, respecter le copyright peut vous éviter de gros ennuis.</li>
</ul>
<p>3 <ins>Prendre l'internaute pour un consommateur non averti.</ins></p>
<ul>
<li>Le problème : vous proposez des réductions énormes sur les produits de votre boutique en ligne, vous faite de la pub mensongère, vous vantez un produit miracle. Mais la publicité, qui vous est faite sur la toile n'est (malheureusement pour vous) pas très positive, voir même parfois blessante.</li>
<li>Conséquence : Les internautes ne sont pas facile à berner, il ne faut pas les prendre pour de bêtes consommateurs justes capable de croire à vos mensonge. Et comme l'internaute s'informe et compare les prix avant d'acheter il va bien se méfier en voyant que votre réductions est "trop belle pour être vraie". Même des sites marchand de confiance prennent un risque en bradant leur stock car les visiteurs vont se poser des questions, il ont les moyens de vérifier en quelques clics et de comparer avec d'autre boutiques.</li>
<li>Conseil : ne vantez pas de produit "miracle", ou des produits avec des prix trop bas par rapport à la concurrence, l'internaute est un consommateur qui s'informe avant d'acheter puisque sur internet c'est possible en quelques clics.</li>
</ul>
<p>4 <ins>Copier un concept déjà existant</ins></p>
<ul>
<li>Le problème : Vous avez trouvé un concept tellement bien que vous voulez a tout prix faire votre site. Or personne ne viens ou bien le rêve est de courte durée. Par exemple les forums de R.P.G. (Rôle Playing Game ou <a href="http://fr.wikipedia.org/wiki/Jeu_de_r%C3%B4le" hreflang="fr">Jeu de Rôle</a> en français), il y en as des dizaines et tous se ressemble ils ont donc une durée de vie très courte d'environ 6 mois.</li>
<li>Conséquence : Pourquoi les gens viendrais sur votre site, qu'as t'il de mieux que les autres ? Il viens de sortir et personne ne le fréquente. Résultat, il meurt avant même d'avoir vu le jour, ou pire vous participé au meurtre du vrai inventeur du concept.</li>
<li>Conseil : Ne vous basez pas sur quelque chose d'existant, ou alors innovez quand même sur un point. Ajouter une fonctionnalité inédite et basée votre site sur ce point.</li>
</ul>
<p>J'attends vos réactions, la suite bientôt ...
Pierre</p>