Vous êtes sur la page 1sur 10

(https://www.websitetooltester.

com/fr/)
Éditeurs de site web (https://www.websitetooltester.com/fr/logiciel-creation-site-web/)
Wix – Notre Avis (https://www.websitetooltester.com/fr/tests/wix/)
Wix Boutique (https://www.websitetooltester.com/fr/tests/wix/boutique-en-ligne/)
Wix Tarifs (https://www.websitetooltester.com/fr/tests/wix/tarifs/)
Wix domaine et messagerie (https://www.websitetooltester.com/fr/blog/wix-nom-de-domaine/)
Jimdo – Notre Avis (https://www.websitetooltester.com/fr/tests/jimdo/)
Jimdo Tarifs (https://www.websitetooltester.com/fr/tests/jimdo/tarifs/)
Jimdo nom de domaine et messagerie (https://www.websitetooltester.com/fr/blog/jimdo-nom-de-
domaine/)
Jimdo E-boutique (https://www.websitetooltester.com/fr/tests/jimdo/boutique-en-ligne/)
Jimdo Dolphin (https://www.websitetooltester.com/fr/blog/jimdo-dolphin/)
Weebly – Notre Avis (https://www.websitetooltester.com/fr/tests/weebly/)
Weebly Tarifs (https://www.websitetooltester.com/fr/tests/weebly/prix/)
1&1 – Notre Avis (https://www.websitetooltester.com/fr/tests/mywebsite/)
1&1 Boutique en ligne – Notre Avis (https://www.websitetooltester.com/fr/tests/1and1-boutique/)
Webnode – Notre Avis (https://www.websitetooltester.com/fr/tests/webnode/)
Webnode Tarifs (https://www.websitetooltester.com/fr/tests/webnode/tarifs/)
Squarespace – Notre Avis (https://www.websitetooltester.com/fr/tests/squarespace/)
Squarespace Tarifs (https://www.websitetooltester.com/fr/tests/squarespace/prix/)
SiteW – Notre Avis (https://www.websitetooltester.com/fr/tests/sitew/)
Strikingly – Notre Avis (https://www.websitetooltester.com/fr/tests/strikingly/)
Créer un site web gratuit (https://www.websitetooltester.com/fr/blog/creer-un-site-web-gratuit/)
WordPress – Guide du débutant (https://www.websitetooltester.com/fr/site-web-avec-wordpress/)
Outil de comparaison (https://www.websitetooltester.com/fr/outils-de-creation-de-site-web/)
Smart Finder d’éditeurs de site web (https://www.websitetooltester.com/fr/essayez-notre-smart-
finder/)
E-commerce (https://www.websitetooltester.com/fr/site-de-vente-en-ligne/)
Jimdo E-boutique (https://www.websitetooltester.com/fr/tests/jimdo/boutique-en-ligne/)
Wix E-Commerce (https://www.websitetooltester.com/fr/tests/wix/boutique-en-ligne/)
1&1 Boutique en ligne (https://www.websitetooltester.com/fr/tests/1and1-boutique/)
Shopify (https://www.websitetooltester.com/fr/tests/shopify/)
Shopify Tarifs (https://www.websitetooltester.com/fr/tests/shopify/prix/)
WooCommerce (https://www.websitetooltester.com/fr/tests/woocommerce/)
Outil de comparaison (https://www.websitetooltester.com/fr/outil-de-comparaison-des-logiciels-
ecommerce/)
Boutique en ligne – Guide du débutant (https://www.websitetooltester.com/fr/creer-un-site-e-
commerce/)
E-book (https://www.websitetooltester.com/fr/ebook/)
Blog (https://www.websitetooltester.com/fr/blog/)
Contact (https://www.websitetooltester.com/fr/contact/)
 Search  FR 

Home (https://www.websitetooltester.com/fr/) » Blog (https://www.websitetooltester.com/fr/blog/) » Les pires


tendances du web design 2016

Les pires tendances du web design 2016


Robert Brandl
Mars 2, 2016

Bien entendu, vous voulez que votre site Internet soit moderne, attrayant, avec un design élégant qui
soit source d’inspiration pour vos visiteurs. Mais attention : ne vous fiez pas toujours aux tendances
du web ! Ce n’est pas parce que tout le monde le fait qu’il s’agit forcément d’une bonne idée.
Il vaut mieux éviter ces petits détails de design et d’ergonomie qui semblent souvent étranges aux
yeux de vos visiteurs. C’est pourquoi nous avons établi une liste des pires tendances du web design
rencontrées en ce moment.

Les preloaders (animations de chargement)


Vous cliquez sur un lien, impatient d’accéder aux informations que vous attendez tant… Et tout ce que
vous obtenez, c’est une petite roue qui tourne. Ou une barre de progression. Ou des points qui
sautillent… ou tout autre élément qui vous rappelle douloureusement la belle époque des sites Flash :
Chargement en cours… Et ce à chaque clic.

Source: Forbes

Les causes : des pages web complexes peuvent afficher en même temps des images, des vidéos et
de jolis effets JavaScript.

Les effets indésirables : des temps d’attente insupportables. Garder les durées d’attente aussi
basses que possible est un critère important pour votre référencement. Google est très exigeant à ce
sujet. Bizarrement, les preloaders peuvent améliorer votre note PageSpeed. Vos visiteurs n’en ont rien
à faire : ils ne veulent pas attendre sans voir un quelconque progrès.

Le résultat : de faibles taux de conversion et des internautes frustrés.

 
Les pop-ups agressives
À peine êtes-vous arrivé sur un site et les voilà qui surgissent, venues de nulle part : les pop-ups. Vous
êtes peut-être en train de lire un article ou de quitter le site, et pourtant vous vous retrouvez nez à nez
avec l’une de ces fenêtres.

Source : New York Times

Les causes : de nombreux sites apprécieraient beaucoup de vous voir vous inscrire (à leur newsletter,
par exemple) ou aimer leur page sur Facebook. Cependant, ces pop-ups s’affichent souvent beaucoup
trop tôt, bien avant que vous puissiez lire un mot sur la page.

Les effets indésirables : les pop-ups sont particulièrement agaçantes. Elles recouvrent souvent toute
la page ou le contenu important – imaginez ce que cela peut donner sur un écran de smartphone. Il
ne vous reste plus qu’à chercher le bouton pour fermer la fenêtre. Et si ce n’est pas déjà le cas, cette
simple recherche vous enlèvera tout le plaisir de la visite sur le site. Une chose est sûre : le seul
bouton qu’un internaute saura trouver à tous les coups, c’est celui qui permet de quitter le navigateur.

Le résultat : là encore de faibles taux de conversion, parfois même une atteinte à l’image de marque.

(Bon, j’avoue : nous aussi, nous utilisons une fenêtre pop-up sur certaines pages de ce site Internet.
Toutefois, elle ne s’affiche qu’au moment où vous quittez le site, elle n’est jamais montrée sur mobile
et si vous la fermez, elle n’apparaîtra plus pendant 30 jours.)

 
Les menus hamburger
Vous avez l’habitude de rencontrer le menu hamburger sur mobile : il s’agit de l’icône représentant
trois lignes horizontales en haut à gauche de l’écran. Si vous appuyez dessus, la zone de navigation
s’affiche.

Source : Squarespace

Les causes : les menus hamburgers s’avèrent intéressants sur mobile, où l’espace est un bien
précieux.

Les effets indésirables : maintenant, les sites desktop normaux ont eux aussi droit à un menu
hamburger. Cela crée de la confusion pour les internautes, car des éléments de navigation
importants, tels que les coordonnées, les prix ou les horaires d’ouverture, ne sont plus directement
accessibles.

Le résultat : des informations importantes sont masquées, avec un impact négatif sur l’engagement
de l’utilisateur.

Les captchas compliqués


Vous avez tout fait comme il fallait : tenue correcte, pas de baskets, comportement irréprochable. Et
pourtant, le videur se plante devant vous et vous dit : « Vous ne pouvez pas entrer ! »
C’est le même principe quand vous tombez sur un captcha indéchiffrable. Faut-il voir un 1, un 7, un 6
ou un G majuscule ? Quel que soit le caractère tapé, le résultat sera le même : « Vous ne pouvez pas
entrer ! »

Les causes : les captchas constituent une bonne ligne de défense contre le spam et les bots, ce que
peut comprendre tout éditeur de site Internet.

Les effets indésirables : de nombreux captchas sont difficiles à déchiffrer ou ne fonctionnent pas.

Le résultat : au lieu de vous protéger contre le spam, ces captchas vous protègent contre les visiteurs
(ceux que vous souhaiteriez plutôt voir venir sur votre site). Mais les internautes ne joueront pas le
jeu. Ils quitteront votre page et iront peut-être écrire un commentaire négatif sur la page Facebook de
votre entreprise.

Vous avez probablement déjà rencontré quelques mauvais exemples au fil de vos navigations. Voici
donc deux outils pour lutter contre les bots et le spam sans nuire à l’expérience utilisateur : reCaptcha
(https://www.google.com/recaptcha/intro/index.html) et Akismet (https://akismet.com/).

Le scroll infini
Après avoir fait défiler la page jusqu’en bas, vous descendez encore, et encore, et encore, et ça n’en
finit jamais – peu importe la longueur parcourue, il y en a toujours plus qui arrive ! Regardez
(http://truetu.be/) par vous-même.

Les causes : le défilement (ou scroll) infini est censé améliorer la lisibilité (et le fait réellement). Cette
fonction se révèle surtout intéressante pour les utilisateurs mobiles : sur mobile, moins on doit
appuyer sur de minuscules boutons, mieux on se porte.
Les effets indésirables : les informations qu’on trouve habituellement dans le pied de page pourraient
tout aussi bien ne pas exister du tout. C’est particulièrement problématique si le pied de page contient
une zone d’identification ou des coordonnées pour vous contacter.

Le résultat : le pied de page devient inutile, mais il doit malgré tout être chargé. Les informations et
les fonctionnalités qu’il contient ne sont pas accessibles à vos visiteurs.

Quelques autres tendances douteuses du webdesign


Les menus collants : la structure du menu reste visible en permanence et défile avec le site. Cette
méthode est censée faciliter la navigation. Toutefois, si vous y ajoutez un avertissement relatif aux
cookies, cela peut masquer une grande quantité de contenu – surtout sur mobile.

Source : Apps-Builder

Articles recommandés : si vous avez déjà acheté sur Amazon, vous connaissez le principe des
recommandations : « Les clients ayant acheté cet article ont également acheté… ». D’autres sites ont
volontiers recours aux suggestions d’articles sur le même sujet, espérant ainsi vous faire passer plus
de temps sur leurs pages. Il y a toutefois une différence : ces articles s’affichent souvent en plein
milieu de la page que vous consultez, interrompant désagréablement votre lecture.

Source : Washington Post

Et enfin, une tendance plus inutile que dérangeante : le bouton de partage Google Plus. Google Plus
est essentiellement un réseau social fait par les professionnels du marketing pour les professionnels
du marketing. S’il existe une seule raison de l’ajouter sur un site, c’est bien celle du référencement
(SEO). En raison de la position dominante de Google, les sites commerciaux ont du mal à se passer
du bouton. Nous en sommes coupables également.

Conclusion
Au moment de concevoir votre site Internet, faites en sorte que vos visiteurs puissent garder une
bonne vue d’ensemble. Choisissez des hiérarchies claires et une structure de site raisonnable.
N’ajoutez pas de boutons de partage inutiles, et bien entendu, n’oubliez pas d’offrir un site responsive.
Faites référence aux articles qui traitent du même sujet en insérant des liens dans le texte, ne les
placez pas de force au milieu d’une autre page.

Essayez de garder à l’esprit ce que vos visiteurs trouveraient le plus ergonomique. Tout élément qui
serait source de distraction pour l’internaute, interromprait sa lecture, compliquerait la recherche
d’informations ou le ferait attendre risque de le lasser. Et il quittera votre site.
Quelles sont les autres tendances du webdesign qui vous agacent le plus ? Faites-le-nous savoir en
commentaire !

Commentaires
4 Commentaires WebsiteToolTester.com 🔒 Règles de confidentialité de Disqus 
1 S'identifier

 Recommander t Tweet f Partager Les plus récents

Participer à la discussion…

S'IDENTIFIER AVEC OU INSCRIVEZ-VOUS SUR DISQUS ?

Nom

Georges
− ⚑
il y a 3 ans

Contenu très intéressant et la remarque de Jean-Yves également, merci pour cela et votre courrier régulier
mais pas intempestif :-) Continuez car lors de ma décision pour utiliser Jimdo votre avis et votre guide du
débutant m'a vraiment convaincu. Merci
1△ ▽ Répondre
Armin > Georges
− ⚑
il y a 3 ans
Merci Georges et bonne continuation !
△ ▽ Répondre

Jean-Yves
− ⚑
il y a 4 ans
Oui, je suis en gros d'accord au sujet de ce qui est dit sur les tendances en cours -et à venir-, mais s'il y en a
une qui m'agace et à laquelle je suis étonné de ne voir personne en faire mention, c'est en matière de
design : la tendance à faire du contenu à peine visible : texte gris sur fond blanc, bordures de champs de
saisie de formulaire gris clair si peu visible qu'on a parfois du mal à trouver où cliquer pour mettre le
pointeur.
Par exemple, j'utilise personnellement beaucoup Prestashop pour mon e-commerce et les couleurs
utilisées dans le back-office sont si claires et "pastels" qu'au bout de quelques heures de boulot, pause
indispensable pour reposer la vue. :-(

Et le pire, c'est que c'est de plus en plus comme ça, c'est quand même dingue !

B i i !J i l d d 2 2016 ' i d i
Bonne continuation ! Je vois que le post date du 2 mars 2016 et que personne n'y a mis de commentaire..
c'est dommage, parce que le contenu est intéressant

△ ▽ Répondre
Armin > Jean-Yves
il y a 4 ans
− ⚑

Bonjour,
Oui, je suis de votre avis : texte gris sur fond blanc n'est pas bon. Surtout qu'on utilise un portable
dehors en plein soleil. Impossible de lire les textes.

△ ▽ Répondre

✉ S'abonner d Ajoutez Disqus à votre site web !Ajouter DisqusAjouter ⚠ Do Not Sell My Data

(https://www.websitetooltester.com/fr/)

© 2009 - 2020 ToolTester Network


Mentions légales / politique de confidentialité
(https://www.websitetooltester.com/fr/mentions-legales/)
Qui sommes-nous ? (https://www.websitetooltester.com/fr/qui-sommes-nous/)