{"id":14650,"date":"2018-05-02T15:40:20","date_gmt":"2018-05-02T14:40:20","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=14650"},"modified":"2019-10-28T10:10:39","modified_gmt":"2019-10-28T09:10:39","slug":"ergonomie-de-sites-e-commerce-top-5-des-meilleures-pratiques","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/articles-invites\/ergonomie-de-sites-e-commerce-top-5-des-meilleures-pratiques-2018-05-02","title":{"rendered":"Ergonomie de sites e-commerce : Top 5 des meilleures pratiques"},"content":{"rendered":"

Pourquoi est-ce essentiel ? Proposer aux e-acheteurs des produits \u00e0 petits prix, de bonne qualit\u00e9, ne suffit pas. Face \u00e0 l\u2019hyper-concurrence, un mauvais design<\/strong> conduit rapidement \u00e0 une perte de clients<\/strong>. Et le plus important, l\u2019ergonomie et l\u2019utilisabilit\u00e9<\/strong> restent les leviers les plus rentables. Alors besoin de conseils d\u2019expert pour am\u00e9liorer votre taux de conversion de vos site e-marchands, 10 facteurs de succ\u00e8s<\/strong> :<\/p>\n

1. Un site design tout en veillant au temps de chargement<\/h4>\n

Rappelez-vous, 70% des visiteurs ne reviennent pas sur un site trop lent<\/strong>. Aussi, n\u2019oubliez pas d\u2019adapter vos photos<\/strong> \u00e0 la toile, sans sacrifier l\u2019esth\u00e9tique ! Idem pour les vid\u00e9os<\/p>\n

2. Un message, une action<\/h4>\n

Soignez l\u2019\u00e9criture<\/strong> de vos articles, en prenant soin de faire passer le message unique<\/strong> sur vos pages. Pour une bonne pratique UX<\/strong>, privil\u00e9giez les boutons<\/strong> rectangles, aux angles arrondis et color\u00e9s pour les dissocier du texte.<\/p>\n

3. Un menu light pour se rep\u00e9rer facilement<\/h4>\n

Pour facilement se rep\u00e9rer et ne pas perdre le visiteur, il est d\u2019usage de r\u00e9duire un maximum<\/strong> les nombre d\u2019entr\u00e9es<\/strong>, voire de les orienter selon la cible choisie. De m\u00eame, les menus avec roll over sont tr\u00e8s appr\u00e9ci\u00e9s visuellement mais dangereux<\/strong> du point de vue UX.<\/p>\n

4. Limiter le nombre de couleurs<\/h4>\n

Pour que l\u2019internaute ne soit pas distrait, les contrastes forts<\/strong> sont recommand\u00e9s mais veillez \u00e0 ne pas surcharger de couleurs la page.<\/p>\n

5. A\u00e9rer vos pages<\/h4>\n

L\u2019utilisation des blancs<\/strong> sur un site permet d\u2019optimiser la lecture des sites e-commerce, de les rendre plus lisibles, plus clair. Les zones blanches ont bien s\u00fbr l\u2019avantage de mettre en avant les zones plus chaudes d\u00e9di\u00e9es \u00e0 la conversion et \u00e0 la transformation.<\/p>\n

6. Donner un effet wahou<\/h4>\n

Avec le parallaxe<\/a> permet de modifier le fond d\u2019\u00e9cran \u00e0 mesure que l\u2019internaute surfe sur la page. Cela donne une sensation d\u2019immersion, et retient l\u2019attention<\/strong> tr\u00e8s rapidement.<\/p>\n

7. Le storytelling, pour une proximit\u00e9 r\u00e9ussie<\/h4>\n

Partagez une histoire, une exp\u00e9rience, un t\u00e9moignage<\/strong> via des vid\u00e9os originales, un gage de succ\u00e8s assur\u00e9.<\/p>\n

8. La vid\u00e9o, un incontournable<\/h4>\n

Illustrer les valeurs de vos produits, un t\u00e9moignage vid\u00e9o ou un teaser<\/strong>, un moyen efficace pour faire le teasing de votre boutique.<\/p>\n

9. Les bons usages du tunnel de commande<\/h4>\n

Un fil d\u2019ariane<\/strong> pr\u00e9cisant l\u2019\u00e9tape sur laquelle se situe l\u2019internaute est rassurant. En bas de page, le visiteur a l\u2019habitude d\u2019obtenir les moyens de paiement et les conditions g\u00e9n\u00e9rales de vente.<\/strong> Cette hi\u00e9rarchie visuelle est prioritaire pour ne pas perdre le client avant qu\u2019il ne saisisse son num\u00e9ro de Carte Bancaire.<\/p>\n

10. Faire tester son site<\/h4>\n

Se rapprocher de ses amis<\/strong> correspondant au profil de client\u00e8le pour faire tester le site, permet \u00e9galement de rep\u00e9rer les freins \u00e0 la transaction. Et il existe de nombreux outils<\/a> pour tester l\u2019ergonomie d\u2019un site.<\/p>\n

\u00c0 propos : Stella Bonnet<\/h2>\n

Depuis 15 ans, Stella est sp\u00e9cialiste du web content, au service des sites marchands. Elle aide et conseil sur les strat\u00e9gies de distribution en ligne et sur la cr\u00e9ation de sites e-commerce performant pour optimiser le taux de transformation des sites web.
\nSuivez la sur Facebook<\/a> \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"

Pourquoi est-ce essentiel ? Proposer aux e-acheteurs des produits \u00e0 petits prix, de bonne qualit\u00e9, ne suffit pas. Face \u00e0 l\u2019hyper-concurrence, un mauvais design conduit rapidement \u00e0 une perte de clients. Et le plus important,…<\/p>\n","protected":false},"author":10,"featured_media":14652,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[853],"tags":[384,84,626],"class_list":["post-14650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles-invites","tag-ecommerce","tag-ergonomie-2","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=14650"}],"version-history":[{"count":4,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14650\/revisions"}],"predecessor-version":[{"id":24058,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/14650\/revisions\/24058"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/14652"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=14650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=14650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=14650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}