Narcissique Blog Flux RSS

Notre regard sans concession sur le monde actuel à travers les yeux de passionnés.

Aller au contenu | Aller au menu | Aller à la recherche

Mot-clé - accessibilité

Nouvelles technologiesDécouvert sur le web

AlterBox, Sites internet de qualité - Créateur web freelance

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.

Ce site web c'est AlterBox, un site web qui se qualifie lui même de site de qualité ! Son créateur (un autodidacte travaillant freelance) vous propose, de créer votre site en tenant une ligne de conduite accès sur la qualité.

Si je regarde la page "à propos" je peut lire :

Une éthique de travail :

Nombreuses sont les sociétés et les personnes qui travaillent dans le domaine de l’internet.

Cependant, dans toute cette masse de services, tous ne se valent pas.

J’ai choisi de placer le critère de qualité au centre de mon travail.

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.

Je suis entièrement d'accord avec ce texte, je trouve que de payer une service 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'accessibilité et d'ergonomie ne sont pas prisent en compte.

AlterBox 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.

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".

Pierre

Nouvelles technologiesAstuces - Conseils

A ne pas faire lors de la conception d'un site internet (5/5) "Une image de marque à ne pas ternir"

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".

Rappel des rubriques :

  1. Sur internet tout finit par ce savoir
  2. Problème de la pertinence du contenu
  3. Accessibilité
  4. Couleurs / lisibilité
  5. Une image de marque à ne pas ternir

Une image de marque à ne pas ternir

Introduction : 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" :

23 Nom de domaine personnel pour un site professionnel (par exemple espace web des F.A.I. (Fournisseur d'accès Internet ndlr.))

  • Le problème : vous utilisé une adresse dites "personnelle" pour hébergez votre site internet professionnel.
  • 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).
  • 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.

24 Hébergement défaillant (page qui se charge lentement, inaccessibilité du site)

  • 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.
  • 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.
  • Conseil : utilisé un outils tel que Host tracker (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.

Conclusion et remerciements :

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.

Un grand merci à Serge, Strimy, Thibault, Daniel pour leur relecture attentive et leur précieux conseils.

Pierre P.S.: Merci à ce billet de m'avoir inspirée.

Nouvelles technologiesAstuces - Conseils

A ne pas faire lors de la conception d'un site internet (4/5) "Couleurs / lisibilité"

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.

Rappel des rubriques :

  1. Sur internet tout finit par ce savoir
  2. Problème de la pertinence du contenu
  3. Accessibilité
  4. Couleurs / lisibilité
  5. Une image de marque à ne pas ternir

Couleurs / lisibilité

Introduction : 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 Chromoweb, MoreCrayons ou encore Pourpre 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.

17 Utilisation de publicité intrusives (pop-up, panneau Weborama sur le côté, animation flash qui gène la lecture)

  • Le problème : lorsque l'on consulte votre site 5 pop-up s'ouvre et on croule sous la publicité.
  • 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".
  • 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.

18 Utilisation de couleurs flashis, ensemble de couleurs n'allant pas ensemble

  • Le problème : votre site utilise un jeu de couleur qui est de mauvais goût et/ou il utilise des couleurs qui "flash".
  • 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.
  • 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.

19 Utilisation d'un kit design pour un site professionnel

  • 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.
  • 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"
  • 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.

20 Site mal présenté, avec des rubriques dans tout les sens sans aucune logique apparente

  • 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.
  • 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.
  • 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.

21 Surcharger le site par des pubs ou des liens vers des sites non pertinents

  • 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)
  • Conséquence : personne ne va cliquer sur les liens, si ces liens sont là à but publicitaire vous n'aurez presque pas de clic dessus.
  • 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.

22 Site contenant des images GIF ou des animations flash clignotantes en trop grande quantité

  • 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.
  • 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.
  • 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.

Allez plus qu'un est c'est fini, quels sont vos commentaires ? Pierre

Nouvelles technologiesAstuces - Conseils

A ne pas faire lors de la conception d'un site internet (3/5) "Accessibilité"

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é".

Rappel des rubriques :

  1. Sur internet tout finit par ce savoir
  2. Problème de la pertinence du contenu
  3. Accessibilité
  4. Couleurs / lisibilité
  5. Une image de marque à ne pas ternir

Accessibilité

Introduction : 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 .

8 Avoir son site internet entièrement en flash (problème d'accessibilité)

  • Le problème : votre site internet est une application Flash, et vous n'avez pas prévu d'alternative en (x)Html / Css
  • 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.
  • 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.

9 Interdire l'emploi d'Internet Explorer" (I.E.)

  • 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.
  • 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.
  • 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 W3C, 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.

10 Dire que votre site internet est accessible alors qu'il ne l'est pas

  • 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 à l'un des validateurs automatisé affilié au W3C.
  • 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.
  • Conseil : vérifiez de temps en temps que votre site est toujours conforme au standards, vous pouvez utiliser l'outil du W3QC (W3C Québec) en français qui est pratique.

11 Abuser de l'Ajax et des effets Javascript (il faut penser à ceux qui souhaitent naviguer en mode texte ou avec le javascript de désactiver)

  • Le problème : vous utiliser beaucoup d'effet Javascript (ou Ajax) et la navigation est impossible lorsque le Javascript est désactiver.
  • 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é.
  • 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é.

12 Programmer en (x)Html en ne respectant pas la "sémantique" (utiliser une balise de paragraphe "<p>" pour faire un titre au lieu des balises "<h1>" à "<h6>" par exemple)

  • 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".
  • 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 ?
  • 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" pour en savoir plus), il faut respecter les règles de bases. (tutoriel sur la création de site web très bien écrit sur le Site Du Zéro)

13 Ne pas avoir d'adresse distinctes pour chaque page (l'URL dans la barre d'adresse du navigateur est toujours de la forme http://monsite.com)

  • Le problème : quelles que soit la page de votre site le navigateur nous renvoie la même URL.
  • 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.
  • Conseil : oubliez les re-directions transparents et préférez un nom de domaine qui soit directement attaché à votre hébergement.

14 Ne pas préciser le texte alternatif des images (il faut renseigner correctement la balise alt="")

  • Le problème : vous ne renseignez pas le texte alternatif à vos images.
  • 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é.
  • 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.

15 Longue U.R.L. (Uniform Resource Locator ndlr.)

  • Le problème : Vous avez une adresse pour votre site du genre http://monfai.com/siteperso/monpseudonyme
  • 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).
  • Conseil : utiliser une service qui vous permet de raccourcir vos adresse de façon drastique (Minilien est pratique), ou alors acheter vous un noms de domaines (chez Gandi.net 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 (OVH as des prix hyper-compétitifs).

16 Lancer de la musique au chargement de votre site (ou d'une des pages du site sans prévenir l'utilisateur).

  • Le problème : lorsqu'on arrive sur votre site un morceau de musique se fait entendre.
  • 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.
  • 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 dewplayer) et laisser l'internaute lancer seul son morceau de musique.

Critique enflammé vous, Pierre

Nouvelles technologiesAstuces - Conseils

A ne pas faire lors de la conception d'un site internet (2/5) "Problème de la pertinence du contenu"

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".

Rappel des rubriques :

  1. Sur internet tout finit par ce savoir
  2. Problème de la pertinence du contenu
  3. Accessibilité
  4. Couleurs / lisibilité
  5. Une image de marque à ne pas ternir

Problème de la pertinence du contenu

Introduction : 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 poisson heu ... contenu. ^^

5 Sites creux (pas de contenu)

  • 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.
  • 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 ( Wikipedia 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.
  • 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.

6 Trop de publicité par rapport au contenu

  • Le problème : le site à plusieurs bandeaux de pub qui prennent autant d'espace que le contenu de la page.
  • Conséquence : les visiteurs ne peuvent pas prendre au sérieux les sites ou le contenu est ridicule devant l'espace laissé à la publicité.
  • 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.

7 Contenu payant sans avoir de contenu gratuit pour donner envie d'acheter

  • Le problème : le site propose du contenu payant (contre un appel surtaxé ou par carte bancaire), mais pas ou peu de contenu gratuit.
  • 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.
  • 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.

N'hésiter pas à donner votre avis, Pierre

- page 2 de 3 -