Deux chiffres-clés pour commencer :

• Le taux moyen d’abandons de paniers sur les sites de commerce en ligne est de 50% ; de façon constante depuis plusieurs années.

• La vente en ligne a augmentée de 25% au premier semestre 2009.

Les problèmes les plus fréquemment rencontrés qui conduisent les internautes à stopper leurs achats sur un site sont les suivants :

• page d’accueil n’est pas claire,

• les menus ne sont pas identifiés assez facilement,

• l’information n’est pas trouvée assez rapidement.

Des problèmes d’accessibilité, transposables à tous types de sites (informations, réseaux sociaux…), souvent plus importants sur les sites de commerce en ligne compte tenu du nombre d’informations à afficher sur une page : descriptif produits, illustrations média, produits périphériques, dérivés, publicités, etc.

Les outils d’aides à la navigation, à l’achat, d’un site ne sont pas ou peu utilisés : FAQ, avatars et autres ne sont interrogés que par 2% des utilisateurs…
L’utilisation des moteurs de recherches est parfois chaotique notamment dans la présentation des résultats ou l’utilisation des fonctions de recherches avancées.

Un des cas présentait une page de recherche pour le mot clé « sauna » ; sur cette page le lien vers les produits périphériques (colles, parquets…) était plus en évidence que le lien d’accès à l’ensemble des modèles de saunas disponibles dans le magasin.

Deux éléments importants à retenir de cette présentation :

• L’optimisation de l’ergonomie et de l’accessibilité du site, des informations présentées et des menus est capitale. Toutes ces bonnes pratiques sont au Web ce que le merchandising est aux centres commerciaux et grandes surfaces.

• L’importance d’un équilibre entre la présentation des informations produits et l’affichage des services périphériques et produits annexes afin de ne pas perdre l’acheteur d’un sauna dans le rayon colle… Et surtout, générer du rebond et de l’achat.

Check my Colours est un petit service en ligne qui permet de tester l’accessibilité de son site Internet en termes de couleurs. Grâce à ce service, vous pouvez vérifier si le niveau de contraste entre le fond du site et le texte est assez suffisant pour les déficients visuels, ce type d’accessibilité étant important à prendre en compte pour certain type de site.

Le site est très simple d’utilisation. Sur la page d’accueil, vous avez un champ à renseigner : l’adresse du site internet à tester. Vous validez et le résultat s’affiche, accompagné d’un rapport détaillé.
Chaque ligne du rapport se réfère à un élément du site, il compare la couleur du background (fond) et du texte en vous montrant et vous informant si cela respect le contraste, la différence de luminosité et la différence de couleur.

Une petite copie écran et ça sera plus clair :

Le test de Check my Colours pourra souvent considérer que deux valeurs sont trop proches en termes de couleur (le gris et le noir), alors que sur votre site, cela vous paraît pourtant lisible. C’est un test à ne pas forcément prendre au pied de la lettre car il est très poussé, l’humain a aussi son mot à dire.
Par contre, cet outil a un réel intérêt et s’avère très pratique pour vérifier que, sur votre site, il n’y a pas de texte sur un fond de même couleur. Vous pourriez passer à côté de cette erreur si cet emplacement est destiné à une image et, le jour où votre image est inaccessible, le texte de remplacement sera illisible !

À noter que tous les tests pratiqués sur le site sont basés sur des algorithmes suggérés par le World Wide Web Consortium (W3C).

Pour éviter aux robots malveillants de s’inscrire ou de poster des commentaires polluants (spam) sur les sites Web, il existe des petits tests de vérification à la fin des formulaires. Ce genre de test appelé « captcha » permet de distinguer l’internaute en tant qu’être humain en lui demandant de recopier un code dans une image distordue ou même parfois de répondre à une question mathématique.

Aujourd’hui, un captcha d’un nouveau genre a fait son apparition : Ajax Fancy Captcha. Plus de code à déchiffrer, plus besoin de connaître ses tables de multiplication. Ce joli captcha, ludique et simple vous demandera de glisser-déposer un pictogramme à l’intérieur d’une zone pour tester le formulaire, testez-le !

Ajax Fancy Captcha est un plugin jQuery très simple à mettre en place. De plus, il est disponible pour WordPress.

Alsacréations, le site de référence pour l’information et l’apprentissage des standards Web propose maintenant sur son site de tester ses connaissances.

Allez faire un tour et essayez donc de remonter le niveau des internautes sur le sujet du Web et de XHTML, CSS, DOM (JavaScript), PHP, MySQL, l’accessibilité du Web…

Après les 10 questions à choix multiple qui vous seront posées dans les différents quizz, vous accéderez à la page de résultats où votre total sera calculé et les mauvaises réponses expliquées, comme Alsacréations le fait toujours si bien!

Encore une idée originale d’apprendre ou d’approfondir les bases du Web!

Alors, vous avez des bonnes notes ?

Styleneat est un petit service en ligne sympa et efficace pour éviter de vous arracher les cheveux à reprendre votre feuille de style CSS ou celle de quelqu’un d’autre, qui serait mal organisée ou carrément illisible.

Styleneat propose plusieurs possibilités : soit vous copiez/collez votre CSS directement dans le site, soit vous uploadez la feuille de style depuis votre ordinateur ou vous en indiquez l’url.

Ensuite, vous choisissez le mode de formatage de la feuille de style finale : vous pouvez réorganiser les propriétés par ordre alphabétique, organiser les liens, gérer les propriétés sur une ou plusieurs lignes, etc.

Enfin, il vous suffira de sauvegarder votre nouvelle feuille CSS toute belle, toute propre. Toutes ses propriétés seront indentées comme il faut pour que vous puissiez vous y retrouver plus facilement.