InfoWebMaster

Optimiser l'ergonomie des formulaires web

Mon, 15 Aug 2011 15:15:00 +0100

Les formulaires web peuvent �tre adapt� pour faciliter leur utilisation au maximum et ainsi obtenir plus d'inscriptions sur un site ou plus de ventes.

Article original : Optimiser l'ergonomie des formulaires web

Extrait de l'article : Les formulaires sont tr�s fr�quents sur les sites web et parfois compl�tement incompr�hensible. Il existe une multitudes d'astuces pour am�liorer la compr�hension de ceux-ci, �viter que les utilisateurs fassent des erreurs et optimiser le dur�e n�cessaire pour les remplir. Cet article pr�sente plus de 60 astuces et recommandations avec des explications. Dans le cas d'un formulaire pour se connecter, il est possible de faire appara�tre le formulaire au survol ou avec un clic de souris. Si le design poss�de assez de place il est aussi possible de placer les champ pseudo + mot de passe directement dans le design d'un site web. �a fait gagner du temps aux utilisateurs. Lorsque le formulaire est long il est possible de le d�composer en plusieurs partie et de faire plusieurs pages distinctes. Faire un nombre de pages r�duit au minimum sur les formulaires qui font plusieurs pages. Ceci afin d'�viter de perdre du temps lorsque le formulaire est souvent utilis� et dans le cas o� l'utilisateur � une faible connexion internet. Les �l�ments li�s doivent �tre proches les uns des autres. Si le formulaire est sur plusieurs pages, les �l�ments qui d�pendent les uns des autres doivent �tre sur la m�me page. Si le formulaire est sur une page, les �l�ments li�s doivent �tre visible sur le m�me �cran sans avoir � scroller la page. Ne pas utiliser le bouton "reset" (bouton pour r�initialiser le formulaire). Ce n'est pas parce que ce bouton peut exister qu'il doit forc�ment exister. Souvent les designers place ce bouton � c�t� de celui de validation du formulaire. Il en reste que l'utilisateur doit d�terminer avec certitude quel bouton utiliser, car l'un valide le formulaire tandis que l'autre bouton d�truit tout et il faut tout recommencer. Ne pas utiliser de bouton "annuler" pour la m�me raison. Si c'est vraiment n�cessaire il faut plut�t utiliser un bouton "retour". Attention � ne pas confondre le bouton "retour" et "annuler" sur un formulaire de plusieurs pages. Si c'est vraiment n�cessaire il faut songer � mettre un message de confirmation au cas o� l'utilisateur clique dessus par erreur. Si on utilise un bouton "retour", il faut le mettre sous la forme d'un lien d'action secondaire. Le bouton d'action primaire reste le bouton d'envoi du formulaire. Il faut veiller � ce que le bouton d'envoi soit un bouton, tandis que l'action secondaire est un lien. Afficher un minimum de champ � compl�ter. Voici une liste d'exemple possible: Pour inscrire une date de naissance il est pr�f�rable d'avoir un seul champ � remplir (exemple au format JJ/MM/AAAA) plut�t que 3 champs distincts (pour le jour, le mois et l'ann�e). Pour une date il est m�me conseill� d'afficher un calendrier pour choisir la date. Utiliser un seul champ pour remplir le nom et le pr�nom (mais �a d�pends des cas bien s�r). Ne pas doubler les champs. Par exemple des formulaires demandent de re-�crire l'email pour s'assurer qu'il n'y a pas eu d'erreur (idem pour le mot de passe). Il est pr�f�rable d'afficher une fois chaque champ. Sur un site d'ecommerce, permettre de pr�-remplir l'adresse de livraison � partir de l'adresse de facturation d'un simple clic. Lorsqu'il faut demander l'age d'un visiteur (cf. pour du contenu pour adulte), le plus simple et rapide consiste � demander l'age du visiteur en utilisant un champ o� l'utilisateur entre son age � la place de la date de naissance. Tous les formulaires qui demandent une date de naissance sont trop fastidieux. Lister les champs les uns au dessus des autres. De m�me il convient de placer le label du champ juste au dessus de la zone � compl�ter. Un tel placement des �l�ments permet de scanner plus facilement et rapidement le formulaire pour les raisons suivantes: L'utilisateur vois clairement s'il a oubli� de remplir des champs. L'�il n'a pas besoin de faire de zig-zag. �a respecte plus facilement la loi de proximit� (cf. les �l�ments proches sont en rapport les uns des autres). �a respecte mieux la loi de Fitts. Comparatif de placement des �l�ments sur un formulaire web. Placer le bouton d'envoi en bas � droite si c'est un formulaire de plusieurs pages ou de plusieurs sections. C'est mieux car l��il du visiteur parcours la page en formant un "Z". De plus, nous lisons de la gauche vers la droite et de haut en bas, donc le bouton d'envoi est la derni�re chose qui est vu par l'utilisateur. Si le bouton est situ� � gauche (par exemple) le regard de l'utilisateur est oblig� de retourner en arri�re pour revenir sur ce bouton (ce qui fait perdre du temps). Aligner � gauche le bouton d'envoi si c'est un formulaire simple d'une seule page. �a associe le bouton avec les champs (qui sont aussi align�s � gauche) et �a �vite que le visiteur perde du temps � chercher le bouton sur l'�cran. Centrer le bouton d'envoi n'est pas recommand�, sauf s'il fait toute la largeur du formulaire. Si possible, placer tout le formulaire au dessus du pli et mettre le bouton d'envoi au dessus du pli �galement. Dans le cas o� il s'agit d'un formulaire important (exemple: formulaire pour acheter un produit) il faut placer le call to action au dessus et en dessous du pli. Le bouton de validation doit avoir un intitul� personnalis� (exemple: "s'inscrire", "cr�er un compte", "envoyer le message", "commander", "valider ma commande" ...). Un bouton intitul� "Ok" ou "Envoi" ne veut pas signifier grand chose. Ind�pendamment du formulaire un bouton "ok" ne peut m�me pas �tre compris par les utilisateurs. Ils doivent m�me r�fl�chir avec attention pour pr�dire ce que le bouton va faire afin d'�viter d'effectuer une mauvaise manipulation. Utiliser un poids visuel sur le bouton primaire. Diff�rencier ce poids visuel entre le bouton primaire (exemple: "envoyer") et le bouton secondaire (exemple: "retour"). Il est possible d'utiliser une couleur sur le bouton principal et du gris (ou autre couleur neutre) sur le bouton secondaire. Exemple de poids visuel sur le bouton primaire. Si le bouton primaire est une action irr�m�diable qui peut causer du tort (exemple: supprimer son compte utilisateur), il est pr�f�rable de mettre le poids visuel sur le bouton secondaire (le bouton "retour" ou "annuler") plut�t que sur le bouton primaire (bouton "supprimer"). Utiliser de [...]

Balise canonical: �viter le contenu dupliqu�

Wed, 10 Aug 2011 21:37:00 +0100

La balise canonical introduite par Google permet d'aider le r�f�rencement d'un site. �a permet de lutter facilement contre le contenu dupliqu� sur un site.

Article original : Balise canonical: �viter le contenu dupliqu�

Extrait de l'article : Pour optimiser le r�f�rencement d'un site, il faut �viter le contenu dupliqu�. C'est-�-dire �viter d'afficher le m�me contenu sur plusieurs pages (ou plusieurs URL). Pour lutter facilement contre ce ph�nom�ne il existe une balise dites canonique qui est lue par les moteurs de recherche. L'int�r�t de cette balise c'est d'indiquer � Google et Bing quel est l'adresse unique d'un contenu. De cette fa�on, m�me si un contenu est dupliqu�, les moteurs savent quels pages privil�gier parmi tout une liste de contenu identique (ou similaire). Le contenu dupliqu�, aussi appel� "duplicate content" est un v�ritable cauchemar pour les moteurs de recherche. Chaque contenu dupliqu� fait perdre inutilement de la place dans leurs bases de donn�es. Sachant que Google indexe plusieurs milliers de milliards de pages, le soucis est r�el! En plus du probl�me de place, les moteurs ont pour devoir de proposer des r�sultats pertinents � leurs visiteurs. Or, ils est tr�s difficile pour eux de d�terminer quels pages doivent �tre pr�sent�es aux visiteurs s'il existe des dizaines de version d'un m�me contenu. D'autant plus qu'il n'y a aucun int�r�t � pr�senter 20 fois le m�me contenu dans les r�sultats de recherche. Avant m�me de parler de la balise canonical, il convient de limiter en amont les causes du contenu dupliqu�. Il faut par exemple �viter de copier volontairement un m�me gros contenu � afficher sur plusieurs pages. Chaque page d'un site doit avoir un contenu unique et pertinent. S'il y a pour une raison ou pour une autre une page qui est disponible sur plusieurs adresse, il faut choisir qu'une version et effectuer une redirection permanente de toutes les vers [...]

La Pyramide Invers�e

Wed, 18 Aug 2010 12:25:44 +0100

Le concept de la pyramide invers�e est utilis� par les r�dacteurs pour pr�senter les informations importantes et g�n�rales en premier. Au fur et � mesure d'un article les informations deviennent d�taill�s et peu importantes.

Article original : La Pyramide Invers�e

Extrait de l'article : La pyramide invers�e est un concept, utilis� en r�daction, qui consiste � placer les informations g�n�rales en haut de pages et au fur et � mesure de page les informations deviennent plus pr�cises et d�taill�es. Cette m�thode r�dactionnelle est particuli�rement adapt�e au format web. Cet article pr�sente ses avantages et les m�thodes pour la mettre en pratique. Initialement emprunt� au monde journalistique, la m�thode la pyramide invers�e � trouv�e sa place sur le web pour diverses raisons: Les internautes sont press�es et veulent l'information rapidement. Placer les informations importantes en haut de l'article permet de donner rapidement les informations � ceux qui les veulent. Au fil d'un article, les internautes peuvent quitter la page, ils auront tout de m�me saisie les informations importantes Le visiteur n'a pas besoin d'arriver en bas d'une page pour savoir si c'est la page qui l'int�ressait. Dans le cas o� l'internaute provient de Google, la page ne correspond peut-�tre pas � ce qu'il d�sire. Gr�ce � la pyramide invers�e il saura tout de suite s'il doit poursuivre sa lecture ou non Sur le web, quelques rares utilisateurs ne scroll pas (ou pas souvent). Pour cette raison, il est judicieux de placer les informations importantes au dessus du pli En g�n�ral il faut expliquer les g�n�ralit�s avant d'�laborer un sujet. Cela permet de s'assurer que tout le monde a les bases requises pour comprendre le contenu pr�sent� sur la page (particuli�rement vrai sur les pages associ� � une th�matique sp�cifique) Meilleur accessibilit� du contenu. Le pre [...]

Comment fonctionne un moteur de recherche?

Sat, 14 Aug 2010 20:28:23 +0100

Les moteurs de recherches sont des outils tr�s puissants et complexes. Leur fonctionne peut �tre expliqu� facilement pour mieux comprendre les rouages derri�res ces g�ants du web.

Article original : Comment fonctionne un moteur de recherche?

Extrait de l'article : Le web est constitu� de plusieurs milliards de documents. Les internautes peuvent utiliser les moteurs de recherche pour trouver une ressource parmi cette jungle. La m�thodologie utilis�e par les moteurs de recherche est pr�sent� d'une mani�re simple dans cet article. Les moteurs de recherche (Google, Yahoo ou encore Bing) utilisent des robots, intitul�s crawlers ou spiders dans la langue de Shakespeare. Ces robots sont des processus informatiques qui se contentent de lire une page web, d'y extraire les liens et d'aller visiter ult�rieurement les liens trouv�s. En suivant les pages, de liens en liens, ces robots sont capables de visiter pratiquement tout le web. Malgr� la puissance de ces crawlers, il y a certaines limitations: Il n'est normalement pas possible pour ces robots de trouver une page orpheline (page qui ne re�oit aucun lien) Le web �tant si grand, les robots ne peuvent tout indexer et mettre � jour rapidement. Selon le moteur de recherche et la m�thodologie qui lui est associ�, une page peut �tre revisit�e quelques heures apr�s sa publication ou plusieurs mois apr�s A titre d'exemple, le moteur de recherche Google utilise un principe simple lorsqu'il d�couvre des nouvelles pages: s'il d�couvre une page lambda il l'a met dans une file d'attente et ira la visiter quand il aura le temps. Si ce m�me robot trouve un autre lien vers cette page, alors il met l'adresse de la page dans une liste d'attente prioritaire. Le robot se contente ensuite de visiter les pages prioritaires et les autres pages ne sont visit�es qu'ult�rieurement lorsque le spider � un peu plus de temps. En vue de ces raisons, il est possible de faire un petit constat: Un site qui ne re�oit aucun lien sera plus difficilement trouv� par les moteurs de recherche Les modifications apport�es sur un site web ne sont pas r�pertori�es instantan�ment sur les r�sultats d'un moteur de recherche. Il faut alors une autre visite des robots (peut-�tre une semaine plus tard) Une fois qu'un robot � visit� une page, il va l'enregistrer dans des �normes data-center. Ces derniers enregistrent ainsi des milliards et des milliards de pages web. L'�tape suivante consiste pour le moteur de recherche d'extraire les informations et des les indexer. Sachant que les robots ne sont que ces processus information, ils sont en g�n�ral capables de lire uniquement le contenu textuel. Il est compliqu� et fastidieux pour un processus informatique d'essayer de lire le contenu textuel incluant sur une image ou de reconnaitre les mots d'une bande son. Le processus qui consister � enregistrer les informations dans un index est fort simple � comprendre. En langage informatique, un index est similaire au principe des index utilis� dans les livres. L'index recense les mots et l'endroit o� ils sont pr�sents. Par exemple, l'index peut indiquer que le mot "bonjour" [...]

Optimiser le chargement des images web

Sat, 07 Aug 2010 15:53:59 +0100

R�duire le poids des images sur une page web permet d'acc�l�rer la vitesse de chargement de la page. Cet article pr�sente les moyens de r�duire ou adapter le poids des images web.

Article original : Optimiser le chargement des images web

Extrait de l'article : Les images sur un site web peuvent tout aussi bien embellir les pages web, que ralentir la vitesse de chargement des pages. Cet article pr�sente une s�rie d'astuces permettant d'acc�l�rer l'affichage des pages web en optimisant le poids des images ou en utilisant des astuces avanc�es. Optimiser le poids des images et optimiser la vitesse de chargement des pages sont des bonnes pratiques pour plusieurs raisons: Personne n'appr�cie d'attendre qu'une page se charge La vitesse de chargement est un crit�re sur le positionnement des sites dans les r�sultats de recherche Certains visiteurs ne poss�dent par de connexion internet rapide. Cela est particuli�rement vrai pour les internautes qui utilisent un appareil utilisant la 3G �a �vite de faire fuir les visiteurs et les ventes. En effet, c'est ind�niable, le temps de chargement � un impact sur les visiteurs: Plus le temps de chargement est long et plus le taux de sorties l'est aussi Sur le site d'Amazon: 100 ms de temps chargement suppl�mentaire fait perdre 1% des ventes Sur Google: 500 ms suppl�mentaire r�duit le nombre de recherche de 20% Moins de trafic utilis� sur l'h�bergement web car les pages sont moins lourdes Certaine pages web d�cident d'utiliser des grosses images (exemple: 800 x 600 pixels) et de les ins�rer sur une page web en tant que miniature (exemple: 80 x 60 pixels). Cette m�thode � deux inconv�nients majeurs: Les images sont tr�s lourdes � charger alors qu'il faut seulement afficher une petite miniature Les navigateurs web ne sont pas des logiciels de graphismes. L'image redimensionn� par un navigateur web sera de moins bonne qualit� qu'une image redimensionn� par un logiciel sp�cialis� (exemple: Gimp ou photoshop). La photographie ci-dessous montre la diff�rence de qualit� d'une image selon qu'elle soit redimensionn�e avec Firefox ou Gimp. Aper�u d'un redimensionnement avec Firefox et Gimp La solution simple consiste de toujours utiliser les dimensions exact de l'image que l'ont souhaite ajouter � son site. Le redimensionnement d'une image est quelque chose de tr�s facile que pratiquement tous les logiciels de retouche photo poss�dent. Certains formats d'images sont plus lourds que d'autres. Utiliser le format d'image appropri� permet de r�duire le poids des images d'une mani�re assez facile. Il suffit d'utiliser un logiciel photo et d'enregistrer dans le format appropri�. Conseil: il ne faut jamais utiliser le format ".bmp". C'est [...]

Am�liorer l'impact des commentaires sur blog

Mon, 02 Aug 2010 12:03:26 +0100

Les commentaires sur blogs sont un moyen facile d'obtenir des liens et de b�n�ficier du trafic direct. Il existe des conseils pour am�liorer leur impact

Article original : Am�liorer l'impact des commentaires sur blog

Extrait de l'article : R�diger des commentaires sur des articles de blogs est un moyen simple et rapide d'obtenir des liens. Commenter les blogs dofollow permet en plus d'am�liorer son r�f�rencement. Pour en tirer le meilleur, il y a des astuces � essayer. Cet article pr�sente certaines de ces astuces. Les liens entre les pages de th�matiques diff�rentes ne sont pas aussi int�ressant que les liens entre deux pages de th�matique proche. Lorsqu'un blog sur la cuisine fait un lien vers un boutique de t�l�phonie mobile, ce n'est probablement pas un lien naturel, ou tout du moins �a ne risque pas d'int�resser les lecteurs du blog. Puisqu'il est plus naturel que le lien pr�sent dans les commentaires soit en rapport avec la th�matique de l'article, il est judicieux de chercher en priorit� les blogs consacr� au th�me du site � promouvoir. En plus de chercher les blogs � th�matique similaire, il est judicieux de chercher en priorit� les blogs ayant un pagerank �lev�, un fort trafic et ayant peu de commentaires. La quantit� de commentaire doit id�alement �tre basse, car plus il y a de commentaires et moins les liens auront de potentiel. Pour chercher un blog dofollow, il y a deux options � privil�gier: Utiliser une liste de blog dofollow disponible sur certains sites Faire une recherche en utilisant le mot-cl� "dofollow" (les blogs dofollow �crivent g�n�ralement un article pour expliquer qu'ils ont retir�s le nofollow) Astuce: Cr�er une liste de blog dofollow � classer selon la popularit� ou la th�matique des blogs. Un article populaire sera obtiendra plus facilement des liens (et donc sera plus int�ressants). Il convient alors de d�nicher des articles int�ressants. Pour cela il y a deux techniques: chercher des ancien [...]

Commenter les blogs dofollow

Mon, 02 Aug 2010 01:44:24 +0100

Id�al pour am�liorer son r�f�rencement, les commentaires sur les blogs dofollow sont �galement un moyen d'am�liorer sa notori�t�. Il faut toutefois commenter intelligemment.

Article original : Commenter les blogs dofollow

Extrait de l'article : Dans une campagne de r�f�rencement il est important d'avoir de nombreux liens de qualit�s vers le site � promouvoir. L'une des m�thodes simples pour obtenir des backlinks consiste � commenter les articles de blog dofollow. Cet article pr�sente les multiples int�r�ts de laisser des commentaires et introduit les limites de cette m�thode. Les avantages de commenter les blogs sont vari�s. Certes le r�f�rencement est l'effet recherch� en priorit�, mais m�me les commentaires sur des blogs en nofollow peuvent �tre b�n�fiques, comme cela va �tre expliqu� plus bas. Les personnes qui s'int�resse au r�f�rencement savent qu'obtenir des liens vers sont site est int�ressant pour son r�f�rencement gr�ce au pagerank qui en d�coule et aux ancres de lien optimis�es. Par cons�quent, lorsque l'ont sait que commenter un blog permet d'obtenir un lien, il devient judicieux d'int�grer cette pratique dans une campagne de r�f�rencement. Le seul soucis est toutefois de trouver des blogs qui utilisent le dofollow (dans le cas contraire, cela n'apporte pas de jus). En d�pit de l'aspect r�f�rencement pur, les liens peuvent apporter du trafic direct. Au minimum, un blogueur qui mod�re les commentaires pourra aller visiter votre lien pour s'assurer que votre site est l�gal. Au mieux, de nombreux visiteurs vont visiter votre lien. Cela est peut-�tre d'autant plus vrai si votre commentaire est pertinent et qu'il engendre une discussion. Que le lien soit visit� ou non, votre commentaire est en ligne et sera peut �tre lu par d'autres personnes. Cela peut assoir votre exp�rience sur un sujet. Indirectement votre nom (ou marque) aura �t� vu. Un visiteur se souviendra peut �tre votre nom (ou la marque) s'il la voie ult�rieurement. Jusqu'� �ventuellement devenir client. A titre d'exemple, en ce qui me concerne, j'ai d�couvert des sites/blogs � partir de commentaires laiss� sur mon blog. Et pour certains d'entre eux, je suis devenu un visiteur r�gulier. Malgr� ces avantages, il ne faut pas perdre de vue qu'il y � des limites. Les liens dans les commentaires n'est pas LA technique ultime � elle-seule. [...]

Qu'est-ce qu'un march� �mergent et comment le trouver?

Thu, 11 Mar 2010 12:39:29 +0100

Les march�s �mergents sont id�al pour d�velopper une soci�t� � l'internationale. Cet article pr�sente et explique les m�thodes pour lancer un site sur un march� localis� � l'international.

Article original : Qu'est-ce qu'un march� �mergent et comment le trouver?

Extrait de l'article : Le d�veloppement d'une soci�t� au niveau international est facilit� de nos jours gr�ce � internet. Malgr� tout, il convient de penser judicieusement les march�s pour ne pas effectuer de mauvaises man�uvres. Cet article, r�dig� par un r�dacteur invit�, pr�sente les march�s �mergents et les m�thodes pour les identifier. Le Br�sil, la Russie, l'Inde et la Chine sont connus collectivement sous l'acronyme � BRIC � et ont �t� regroup�s ainsi par ce qu�ils repr�sentent les �conomies dont la croissance �conomique est la plus rapide dans le monde. Toutefois, un march� �mergent ne se limite pas � la d�finition ci-dessus. Il peut s'agir de tout pays, ou tout ensemble de personnes au sein d'un pays, dont la demande pour un produit ou un service sp�cifique est en augmentation constante. La d�finition de ce produit/service est d�ailleurs tr�s large. Il faut bien comprendre qu'un nouveau march� doit �tre en �mergence dans le domaine qui int�resse votre entreprise, quelle qu'elle soit. Les pays du BRIC peuvent repr�senter une cible fantastique pour la vente de certains produits, mais vous devez rechercher les pays qui ont un besoin sp�cifique de vos marchandises. Le meilleur moyen, et certainement le plus �conomique, d�identifier vos march�s cibles cl�s � l'international est la recherche en ligne. En r�sum�, s'il existe des soci�t�s de votre secteur industriel op�rant dans un pays sp�cifique, c'est un signe positif indiquant qu'il existe une demande. Vous devez ensuite rechercher le plus d'information [...]

Accessibilit� web

Wed, 03 Mar 2010 23:42:37 +0100

L'accessibilit� web doit �tre prise en compte pour r�aliser des sites web accessible � tous, en d�pit des �ventuels handicaps. De nombreux int�r�ts incitent � concevoir des sites accessibles.

Article original : Accessibilit� web

Extrait de l'article : L'accessibilit� est un terme faisant r�f�rence � l'acc�s des ressources � tous, en d�pit des handicaps. Dans le domaine du web, l'accessibilit� permet id�alement de s'assurer que le contenu est per�u, op�rable et compris par tout le monde. Cela inclue les personnes ayant des d�ficiences et les logiciels (exemple: les technologies d'assistance). Symbole handicap� L'exp�rience des utilisateurs sur un site web, ne pourra jamais �tre pareille pour tout le monde, mais devrait �tre �quivalent malgr� les handicaps. Il existe une vaste quantit� de raisons qui poussent � concevoir des sites web accessibles. Certaines de ces raisons sont list�es ci-dessous, mais cela reste non-exhaustif. De nombreux pays ont vot�s des lois obligeant les sites web � �tre accessibles, tel que les �tats-Unis ou le Royaume-Unis. En g�n�ral, les pays n'ayant pas encore vot�s de lois y travaillent. De ce fait, il est possible de s'avancer en disant que dans les ann�es � suivre la plupart des grands pays obligeront les sites web � �tre accessible. Sachant que les robots des moteurs de recherche sont aveugles, les conseils d'accessibilit�s sont souvent b�n�fiques pour le r�f�rencement. A titre d'exemple, les textes alternatifs sur les photos permettent aux d�ficients visuels de comprendre la photo, tout autant que les moteurs de recherche d'images. Certains conseils d'accessibilit� sont �galement utiles pour l'usabilit� des sites. D'ailleurs, une recherche � d�montr� qu'un site optimis� pour l'accessibilit� est �gale ment plus efficace pour les personnes sans handicaps Faire un site accessible peut �tre un gage de bonne r�putation. A contrario, un site web qui ne prend pas en compte l'accessibilit� peut affecter n�gativement son e-reputation. Cela est d'autant plus vrai pour les organismes qui pr�ne l'�tique et l'�galit�. Certains conseils ont une port�e plus importante qu'on ne le pense. Par exemple, il est recommand� de faire des textes simples et court pour les internautes qui souffrent de d�ficiences mentales (allant de la simple dyslexie aux handicaps plus importants). Ce conseil � la force d'aider indirectement les utilisateurs qui n'ont pas le fran�ais comme langue natale. Billets et pi�ces Si la loi oblige stipule de concevoir des sites accessibles et qu'il y a un proc�s contre un site web non-accessible, le prix de l'amende peut �tre sup�rieur au prix de cr�ation du site. Par ailleurs, le site doit par la m�me occasion investir une nouvelle fois pour refaire le site (accessible cette fois-ci). De ce fait, il est bien plus rentable de prendre en compte l'accessibilit� d�s la premi�re version d'un site. Le nombre de personnes ayant un handicap, repr�sente un tr�s grand potentiel d'achat. Sachant que certains handicaps r�duisent la mobilit�, certaines personnes ayant des handicaps sont plus facilement susceptibles de faire leur shopping en ligne. Il est donc tr�s motivant pour un site d'e-commerce de prendre en compte l'accessibilit� de leur boutique en ligne. Le nombre de personnes poss�dant une d�ficience est tr�s �lev�. A titre d'exemple, au Royaume-Un [...]

Call to action: cas pratiques

Thu, 11 Feb 2010 23:15:22 +0100

Analyse de 16 call-to-action pour d�couvrir les bonnes et mauvaises pratique. Id�al pour l'usabilit� et le webmarketing d'un site. Parfait pour am�liorer le taux de conversion visiteurs/clients.

Article original : Call to action: cas pratiques

Extrait de l'article : Le call to action (en fran�ais: inciter � l'action) est une m�thode consistant � guider un visiteur sur une page web. Pr�sent� en d�tail dans un pr�c�dent article, le call to action se veut indispensable pour qu'un site r�alise ses objectifs (inciter le visiteur � s'inscrire, � acheter, � t�l�charger un logiciel ....). Cet article va pr�senter des cas concrets et les analyser pour d�couvrir s'il est possible de les am�liorer. L'int�r�t d'analyser de tel site consiste � apprendre concr�tement la mani�re permettant de mettre en application des concepts. De plus, dans certains cas il y a des exceptions aux r�gles traditionnelles et ces exemples sont alors indispensables pour avoir un large �ventail de m�thodes possibles pour r�aliser un call to action. Le but de cet article n'est pas de reprocher une mauvaise conception de certains sites web. Bien au contraire, certains des sites qui sont pr�sent�s sont excellents dans leurs domaines. Ils ont beaucoup � nous apprendre. Cela a d'ailleurs �t� compliqu� de trouver des sites francophones qui font de bons call-to-action. Information: les sites sont pr�sent�s par ordre alphab�tique � partir de leur nom de domaine. Cette capture d'�cran a �t� redimensionn�e pour les besoins de l'article. Initialement le texte et le bouton prenne toute la largeur de l'�cran, ce qui est un point positif pour clairement voir le call-to-action. Le choix des couleurs est judicieux (le bouton est clairement visible). Le lien "Essayer amiando maintenant!" sugg�re l'urgence de la situation. Il n'est pas obligatoire d'utiliser de points d'exclamation dans le bouton, cela rajoute du bruit. Le texte du lien est plus petit que le texte qui l'accompagne alors que cela devra �tre l'inverse. Enfin, sur le site il ne se passe rien au survol de la souris, alors qu'il serait judicieux de r�aliser une interaction pour faire comprendre qu'il s'agit bien d'un lien. Les syst�mes d'exploitation support�s par le logiciel sont clairement indiqu�. Le reste de la page d�tail les configurations technique li�es au logiciel. Le bouton de t�l�chargement est gros, d'une couleur radicalement diff�rente du reste de la page et l'intitul� du bouton est clair. Impossible de savoir rapidement la taille du fichier � t�l�charger. Pas �vident de comprendre que l'ajout de son adresse email est optionnel. La petite ic�ne de la fl�che qui descend n'est pas forc�ment indispensable. Cette capture d'�cran a �t� redimensionn�e pour les besoins de l'article. Choix de la langue facile � comprendre. Taille du fichier pr�cis�. Le lien pourrait �tre plus gros. La liste du choix des anglais est dans le d�sordre, un classement alphab�tique serait pr�f�rable. La gratuit� incite � effectuer l'action. L'intitul� du bouton est clair, m�me sans connaitre le site il est possible de comprendre. Le bouton est gros et bien visible. Bien que les ic�nes semblent ajouter un confort d'utilisation, en r�alit� ils sont plut�t inutiles. Au contraire il faut un certains temps au cerveau pour analyser les images et il faut encore plus de temps pour les associer avec le texte appropri�. Ces ic�nes sont d'autant plus non-n�cessaires que les textes peuvent �tre compris sans les ic�nes et qu'au contraire les ic�nes � elles seule ne permettent pas de comprendre l'argument. Pas �vident de comprendre que le cadre du bas ("trouver un prestataire 100% gratuitement") est en r�alit� un lien. M�me apr�s savoir qu'il s'agit d'un lien, ce n'est pas �vident de savoir o� il m�ne. Cette capture d'�cran a �t� redimensionn�e pour les besoins de l'article. Le lien est normalement beaucoup plus gros, ce qui est un tr�s bon point. Il est clair de savoir quelle version du logiciel est propos�e en t�l�chargement. L'intitul� est clair. Au survol de la souris, le bouton r�agit. 3 liens compl�mentaires sont disponibles � proximit� du bouton de t�l�chargement. Le lien emm�ne vers une seconde page qui propose le t�l�chargement du logiciel. Je pense que ce choix s'explique par des raisons techniques mais c'est [...]