Top 10 des erreurs dans la conception Web

Depuis ma première tentative en 1996, j’ai compilé de nombreuses listes du top 10 des plus grosses erreurs de conception Web. Voir les liens vers toutes ces listes au bas de cet article. Cet article présente les faits saillants : les pires erreurs de conception Web. (Mise à jour 2011.)

1. Mauvaise recherche

Les moteurs de recherche trop littéraux réduisent la convivialité dans la mesure où ils sont incapables de gérer les fautes de frappe, les pluriels, les traits d’union et les autres variantes des termes de la requête. Ces moteurs de recherche sont particulièrement difficile pour les utilisateurs âgés, mais ils blessent tout le monde.

Un problème connexe est lorsque les moteurs de recherche hiérarchisent les résultats uniquement sur la base du nombre de termes de requête qu’ils contiennent, plutôt que sur l’importance de chaque document. Bien mieux si votre moteur de recherche affiche les « meilleurs résultats » en haut de la liste, en particulier pour les requêtes importantes, telles que les noms de vos produits.

La recherche est la bouée de sauvetage de l’utilisateur lorsque la navigation échoue. Même si la recherche avancée peut parfois aider, une recherche simple fonctionne généralement mieux, et la recherche doit être présentée comme une simple boîte, puisque c’est ce que les utilisateurs recherchent.

2. Fichiers PDF pour la lecture en ligne

Les utilisateurs détestent tomber sur un fichier PDF lors de la navigation, car cela interrompt leur flux. Même des choses simples comme l’impression ou l’enregistrement de documents sont difficiles car les commandes de navigateur standard ne fonctionnent pas. Les mises en page sont souvent optimisées pour une feuille de papier, qui correspond rarement à la taille de la fenêtre du navigateur de l’utilisateur. Adieu le défilement fluide. Bonjour les petites polices.

Pire encore, le PDF est un blob de contenu indifférencié dans lequel il est difficile de naviguer.

PDF est idéal pour l’impression et la distribution de manuels et d’autres documents volumineux qui doivent être imprimés. Réservez-le à cet effet et convertissez toutes les informations qui doivent être parcourues ou lues à l’écran en de véritables pages Web.

> Discussion détaillée des raisons Le PDF est mauvais pour la lecture en ligne

3. Ne pas changer la couleur des liens visités

Une bonne compréhension de la navigation passée vous aide à comprendre votre position actuelle, car c’est le point culminant de votre voyage. Connaître vos emplacements passés et présents permet de décider plus facilement où aller ensuite. Les liens sont un facteur clé dans ce processus de navigation. Les utilisateurs peuvent exclure les liens qui se sont avérés infructueux lors de leurs visites précédentes. Inversement, ils pourraient revoir des liens qu’ils ont trouvés utiles dans le passé.

Plus important encore, savoir quelles pages ils ont déjà visitées évite aux utilisateurs de revisiter involontairement les mêmes pages encore et encore.

Ces avantages ne s’accumulent que sous une hypothèse importante : que les utilisateurs peuvent faire la différence entre les liens visités et non visités, car le site les affiche dans des couleurs différentes. Lorsque les liens visités ne changent pas de couleur, les utilisateurs présentent une plus grande désorientation de la navigation lors des tests d’utilisabilité et revisitent involontairement les mêmes pages à plusieurs reprises.

> Conséquences sur la convivialité de la modification des couleurs des liens
> Consignes pour l’affichage des liens Caricature - un gars se fait écraser sous un jargon juridique verbeux

4. Texte non scannable

Un mur de texte est mortel pour une expérience interactive. Intimidant. Ennuyeuse. Pénible à lire.

Écrire pour en ligne, pas imprimer. Pour attirer les utilisateurs dans le texte et prendre en charge la numérisation, utilisez des astuces bien documentées :

sous-titres
listes à puces
mots-clés en surbrillance
paragraphes courts
la pyramide inversée
un style d’écriture simple, et
langage dégonflé dépourvu de marketese.

> Eyetracking des modèles de lecture

5. Taille de police fixe

Les feuilles de style CSS donnent malheureusement aux sites Web le pouvoir de désactiver le bouton « modifier la taille de la police » d’un navigateur Web et de spécifier une taille de police fixe. Environ 95 % du temps, cette taille fixe est tout petit , ce qui réduit considérablement la lisibilité pour la plupart des personnes de plus de 40 ans.

Respectez les préférences de l’utilisateur et laissez-le redimensionner le texte comme requis. Spécifiez également les tailles de police en termes relatifs, et non en nombre absolu de pixels.

6. Titres de page avec une faible visibilité sur les moteurs de recherche

La recherche est le moyen le plus important pour les utilisateurs de découvrir des sites Web. La recherche est également l’un des moyens les plus importants pour les utilisateurs de se repérer sur des sites Web individuels. L’humble titre de la page est votre principal outil pour attirer de nouveaux visiteurs à partir des listes de recherche et pour aider vos utilisateurs existants à localiser les pages spécifiques dont ils ont besoin.

Le titre de la page est contenu dans la balise HTML et est presque toujours utilisé comme titre cliquable pour les annonces sur les pages de résultats des moteurs de recherche (SERP). Les moteurs de recherche affichent généralement les 66 premiers caractères environ du titre, il est donc vraiment <a rel="nofollow" class="old" href="https://www.nngroup.com/articles/microcontent-how-to-write-headlines-page-titles-and-subject-lines/" title="Alertbox: Microcontent - How to Write Headlines, Page Titles, and Subject Lines"> microcontenu</a>.</p> <p>Les titres de page sont également utilisés comme entrée par défaut dans les Favoris lorsque les utilisateurs mettent un site en signet. Pour votre page d’accueil, commencez par le nom de l’entreprise, suivi d’une brève description du site. Ne commencez pas par des mots comme « Le » ou « Bienvenue à » à moins que vous ne vouliez être classé par ordre alphabétique sous « T » ou « W ».</p> <p>Pour les pages autres que la page d’accueil, commencez le titre par quelques-uns des mots porteurs d’informations les plus saillants qui décrivent les spécificités de ce que les utilisateurs trouveront sur cette page. Étant donné que le titre de la page est utilisé comme titre de fenêtre dans le navigateur, il est également utilisé comme étiquette pour cette fenêtre dans la barre des tâches sous Windows, ce qui signifie que les utilisateurs avancés se déplaceront entre plusieurs fenêtres sous la direction du premier ou des deux premiers mots de chaque titre de la page. Si tous vos titres de page commencent par les mêmes mots, vous réduisez considérablement la convivialité pour vos utilisateurs multi-fenêtres.</p> <p><a rel="nofollow" href="https://www.nngroup.com/articles/tagline-blues-whats-the-site-about/" title="Alertbox: Tagline Blues: What's the Site About?">Slogans sur les pages d’accueil</a> sont un sujet connexe : ils doivent également être courts et communiquer rapidement l’objectif du site.</p> <h2>7. Tout ce qui ressemble à une publicité</h2> <p><strong>Attention sélective </strong> est très puissant et les internautes ont appris à cesser de prêter attention aux publicités qui entravent leur navigation axée sur les objectifs. (La principale exception étant <a rel="nofollow" href="https://www.nngroup.com/articles/will-plain-text-ads-continue-to-rule/" title="Alertbox: Will Plain-Text Ads Continue to Rule?"> annonces textuelles des moteurs de recherche</a>.)</p> <p>Malheureusement, les utilisateurs aussi <a rel="nofollow" class="old" href="https://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/" title="Alertbox: Fancy Formatting, Fancy Words = Looks Like a Promotion = Ignored"> ignorer les éléments de conception légitimes qui ressemblent</a> formes de publicité courantes. Après tout, quand vous <em> ignorer </em> quelque chose, on ne l’étudie pas en détail pour savoir ce que c’est.</p> <p>Par conséquent, il est préférable d’éviter les conceptions qui ressemblent à des publicités. Les implications exactes de cette directive varieront selon les nouvelles formes de publicités ; suivent actuellement ces règles :</p> <ul> <li><a rel="nofollow" class="old" href="https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/" title="Alertbox: Banner Blindness - Old and New Findings"><strong>bannière cécité</strong></a> signifie que les utilisateurs ne fixent jamais leurs yeux sur tout ce qui ressemble à une bannière publicitaire en raison de sa forme ou de sa position sur la page</li> <li><strong>évitement des animations </strong> oblige les utilisateurs à ignorer les zones avec du texte clignotant ou clignotant ou d’autres animations agressives</li> <li><strong>purges contextuelles </strong> signifie que les utilisateurs ferment les windoids contextuels avant même qu’ils aient été entièrement rendus ; parfois avec une grande méchanceté (sorte de triomphe du retour à GeoCities).</li> </ul> <h2>8. Violation des conventions de conception</h2> <p><strong>Cohérence </strong> est l’un des principes d’utilisabilité les plus puissants : lorsque les choses se comportent toujours de la même manière, les utilisateurs n’ont pas à s’inquiéter de ce qui va se passer. Au lieu de cela, ils <em> connaître </em> ce qui se passera en fonction de l’expérience antérieure. Chaque fois que vous lâchez une pomme sur Sir Isaac Newton, elle tombera sur sa tête. C’est <em> bon</em>.</p> <p>Plus les attentes des utilisateurs s’avéreront justes, plus ils se sentiront maîtres du système et plus ils l’apprécieront. Et plus le système brise les attentes des utilisateurs, plus ils se sentiront en insécurité. Oups, peut-être que si je lâche cette pomme, elle se transformera en tomate et sautera à un kilomètre dans le ciel.</p> <p><strong><a rel="nofollow" href="https://www.nngroup.com/videos/jakobs-law-internet-ux/" title="Video on Jakob's Law (2 minutes w. Jakob Nielsen)">Loi de Jakob sur l’expérience utilisateur Web</a> </strong> indique que « les utilisateurs passent la plupart de leur temps sur <em> autre </em> sites Internet. »</p> <p>Cela signifie qu’ils forment leurs attentes pour votre site en fonction de ce qui se fait couramment sur la plupart des autres sites. Si vous déviez, votre site sera plus difficile à utiliser et les utilisateurs partiront.</p> <h2>9. Ouverture d’une nouvelle fenêtre de navigateur</h2> <p>Ouvrir de nouvelles fenêtres de navigateur, c’est comme un vendeur d’aspirateurs qui commence une visite en vidant un cendrier sur le tapis du client. Ne polluez plus mon écran avec plus de fenêtres, merci (d’autant plus que les systèmes d’exploitation actuels ont une gestion des fenêtres misérable).</p> <p>Les concepteurs ouvrent de nouvelles fenêtres de navigateur sur la théorie selon laquelle cela permet aux utilisateurs de rester sur leur site. Mais même sans tenir compte de la <strong> message hostile à l’utilisateur impliqué dans la prise de contrôle de la machine de l’utilisateur</strong>, la stratégie est vouée à l’échec puisqu’elle désactive le <em> Retour </em> bouton qui est le moyen normal pour les utilisateurs de revenir aux sites précédents. Les utilisateurs ne remarquent souvent pas qu’une nouvelle fenêtre s’est ouverte, surtout s’ils utilisent un petit moniteur où les fenêtres sont maximisées pour remplir l’écran. Ainsi, un utilisateur qui essaie de revenir à l’origine sera confondu par un grisé <em> Retour </em> bouton.</p> <p>Les liens qui ne se comportent pas comme prévu compromettent la compréhension des utilisateurs de leur propre système. Un lien doit être une simple référence hypertexte qui remplace la page actuelle par un nouveau contenu. Les utilisateurs détestent les fenêtres pop-up injustifiées. Lorsqu’ils souhaitent que la destination apparaisse dans une nouvelle page, ils peuvent utiliser la commande « Ouvrir dans une nouvelle fenêtre » de leur navigateur – en supposant, bien sûr, que le lien n’est pas un morceau de code qui interfère avec le comportement standard du navigateur. <img alt="Caricature - femme (chez un concessionnaire automobile) :" height="450" loading="lazy" src="https://i0.wp.com/media.nngroup.com/media/editor/2012/11/18/20021223_01_mistake.gif?resize=340%2C450&ssl=1" style="padding-bottom:4ex; padding-left:2ex; padding-top:3ex; float:right" width="340" data-recalc-dims="1" /></p> <h2>10. Ne pas répondre aux questions des utilisateurs</h2> <p>Les utilisateurs sont très axés sur les objectifs sur le Web. Ils visitent des sites parce qu’ils veulent accomplir quelque chose, peut-être même acheter votre produit. L’échec ultime d’un site Web est de ne pas fournir les informations que les utilisateurs recherchent.</p> <p>Parfois, la réponse n’est tout simplement pas là et vous perdez la vente parce que les utilisateurs doivent supposer que votre produit ou service ne répond pas à leurs besoins si vous ne leur donnez pas les détails. D’autres fois, les détails sont enterrés sous une épaisse couche de slogans marketing et fades. Étant donné que les utilisateurs n’ont pas le temps de tout lire, ces informations cachées pourraient tout aussi bien ne pas être là.</p> <p>Le pire exemple de ne pas répondre aux questions des utilisateurs est de <a rel="nofollow" href="http://www.nngroup.com/articles/show-price/"><strong>éviter d’indiquer le prix</strong></a> de produits et services. Aucun site de commerce électronique B2C ne commettrait cette erreur, mais elle sévit dans <a rel="nofollow" class="old" href="https://www.nngroup.com/articles/b2b-usability/" title="Alertbox: Business-to-business website usability">B2B</a>, où la plupart des « solutions d’entreprise » sont présentées de manière à ce que vous ne puissiez pas dire si elles conviennent à 100 personnes ou à 100 000 personnes. Le prix est l’élément d’information le plus spécifique que les clients utilisent pour comprendre la nature d’une offre, et ne pas le fournir fait que les gens se sentent perdus et réduit leur compréhension d’une gamme de produits. Nous avons des heures de vidéo d’utilisateurs demandant <em>« Où est le prix ? »</em> tout en s’arrachant les cheveux.</p> <p>Même les sites B2C commettent souvent l’erreur associée d’oublier les prix dans les listes de produits, comme <a rel="nofollow" class="new" href="http://www.nngroup.com/reports/ecommerce-ux-homepages-and-category-pages/" title="Nielsen Norman Group report: 28 Design Guidelines for Category Pages on e-commerce sites"> pages de catégories</a> ou <a rel="nofollow" class="new" href="http://www.nngroup.com/reports/ecommerce-ux-search-including-faceted-search/" title="Nielsen Norman Group report: 29 Design Guidelines for Search"> Résultats de recherche</a>. Connaître le prix est essentiel dans les deux situations; il permet aux utilisateurs de différencier les produits et de cliquer sur les plus pertinents.</p> <h2>Autres listes du Top 10</h2> <p>Voir également: <a rel="nofollow" href="https://www.nngroup.com/articles/usability-101-introduction-to-usability/">Convivialité 101 : Introduction à la convivialité</a> (articles) et <a rel="nofollow" href="http://www.nngroup.com/courses/ux-basic-training/">Formation de base UX</a> (cours d’une journée)</p> </div> <div class="clearfix"></div> <div class="post-holder"> <div class="post-meta-item publication-date"> <time class="date"><span class="posted-on">Posted on <a href="https://w2s.fr/top-10-des-erreurs-dans-la-conception-web/" rel="bookmark"><time class="entry-date published updated" datetime="2022-02-01T16:55:18+01:00">1 février 2022</time></a></span>.</time> </div> <div class="row d-flex align-items-center post-holder-tags "> <a href="https://w2s.fr/tag/conception/" rel="tag">conception</a><a href="https://w2s.fr/tag/dans/" rel="tag">dans</a><a href="https://w2s.fr/tag/des/" rel="tag">des</a><a href="https://w2s.fr/tag/design/" rel="tag">design</a><a href="https://w2s.fr/tag/erreurs/" rel="tag">erreurs</a><a href="https://w2s.fr/tag/top/" rel="tag">top</a><a href="https://w2s.fr/tag/web/" rel="tag">web</a> </div> </div> </div> </div> <div class="container comments"> <div class="row comments"> <div class="col-12 p-0 align-self-center"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/top-10-des-erreurs-dans-la-conception-web/#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="https://w2s.fr/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Votre adresse e-mail ne sera pas publiée.</span> <span class="required-field-message" aria-hidden="true">Les champs obligatoires sont indiqués avec <span class="required" aria-hidden="true">*</span></span></p><p class="comment-form-comment"><label for="comment">Commentaire <span class="required" aria-hidden="true">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nom <span class="required" aria-hidden="true">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required /></p> <p class="comment-form-email"><label for="email">E-mail <span class="required" aria-hidden="true">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required /></p> <p class="comment-form-url"><label for="url">Site web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Laisser un commentaire" /> <input type='hidden' name='comment_post_ID' value='2229' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </div> </div> </main> <aside class="col-12 col-lg-4 pl-lg-5 float-right sidebar"> <div id="block-2" class="row item widget-blog-sidebar widget widget_block widget_search""><div class="col-12 p-0 align-self-center"><form role="search" method="get" action="https://w2s.fr/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label">Rechercher</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input " name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button " >Rechercher</button></div></form></div></div><div id="block-3" class="row item widget-blog-sidebar widget widget_block""><div class="col-12 p-0 align-self-center"><div class="wp-container-1 wp-block-group"><div class="wp-block-group__inner-container"><h2>Articles récents</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a href="https://w2s.fr/tendances-de-conception-web-pour-la-mise-a-jour-de-votre-site-web-dentreprise-2022-bulletin-de-manille/">Tendances de conception Web pour la mise à jour de votre site Web d’entreprise 2022 – Bulletin de Manille</a></li> <li><a href="https://w2s.fr/quest-ce-que-lhebergement-web-conseiller-forbes-7/">Qu’est-ce que l’hébergement Web ? – Conseiller Forbes</a></li> <li><a href="https://w2s.fr/professeur-invite-de-medias-interactifs-poste-ouvert-a-luniversite-de-new-york-abu-dhabi/">Professeur invité de médias interactifs, poste ouvert à l’UNIVERSITÉ DE NEW YORK ABU DHABI</a></li> <li><a href="https://w2s.fr/generateur-dapplications-mobiles-createur-dapplications-mobiles/">Générateur d’applications mobiles | Créateur d’applications mobiles</a></li> <li><a href="https://w2s.fr/creation-facile-de-sites-web-dans-lide-netbeans/">Création facile de sites Web dans l’IDE NetBeans</a></li> </ul></div></div></div></div><div id="block-4" class="row item widget-blog-sidebar widget widget_block""><div class="col-12 p-0 align-self-center"><div class="wp-container-2 wp-block-group"><div class="wp-block-group__inner-container"><h2>Commentaires récents</h2><div class="no-comments wp-block-latest-comments">Aucun commentaire à afficher.</div></div></div></div></div> <div id="leverage-widget-1" class="item widget-author"> <ul class="list-group list-group-flush"> <li class="list-group-item"> <a href="https://w2s.fr/author/dilmseo/" class="author"> <img alt='' src='https://secure.gravatar.com/avatar/67b4fbb6940892cf290292af991543b7?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/67b4fbb6940892cf290292af991543b7?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo' height='96' width='96' loading='lazy'/> <h4 class="title">By dilmseo</h4> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <span class="d-lg-flex align-items-center"> <i class="icon-clock mr-2"></i> 4 mois </span> </li> </ul> </div> <div id="categories-1" class="row item widget-blog-sidebar widget widget_categories""><div class="col-12 p-0 align-self-center"><h4 class="title">Categories</h4> <ul> <li class="cat-item cat-item-3"><a href="https://w2s.fr/category/app/">App</a> </li> <li class="cat-item cat-item-4"><a href="https://w2s.fr/category/branding/">Branding</a> </li> <li class="cat-item cat-item-5"><a href="https://w2s.fr/category/business/">Business</a> </li> <li class="cat-item cat-item-6"><a href="https://w2s.fr/category/design/">Design</a> </li> <li class="cat-item cat-item-7"><a href="https://w2s.fr/category/mobile/">Mobile</a> </li> <li class="cat-item cat-item-10"><a href="https://w2s.fr/category/websites/">Websites</a> </li> <li class="cat-item cat-item-11"><a href="https://w2s.fr/category/wordpress/">WordPress</a> </li> </ul> </div></div><div id="tag_cloud-1" class="row item widget-blog-sidebar widget widget_tag_cloud""><div class="col-12 p-0 align-self-center"><h4 class="title">Popular Tags</h4><div class="tagcloud"><a href="https://w2s.fr/tag/44/" class="tag-cloud-link tag-link-44 tag-link-position-1" style="font-size: 20.860465116279pt;" aria-label="– (36 éléments)">–</a> <a href="https://w2s.fr/tag/2022/" class="tag-cloud-link tag-link-175 tag-link-position-2" style="font-size: 9.953488372093pt;" aria-label="2022 (7 éléments)">2022</a> <a href="https://w2s.fr/tag/app/" class="tag-cloud-link tag-link-110 tag-link-position-3" style="font-size: 18.581395348837pt;" aria-label="app (26 éléments)">app</a> <a href="https://w2s.fr/tag/application/" class="tag-cloud-link tag-link-72 tag-link-position-4" style="font-size: 12.883720930233pt;" aria-label="application (11 éléments)">application</a> <a href="https://w2s.fr/tag/aux/" class="tag-cloud-link tag-link-281 tag-link-position-5" style="font-size: 9.953488372093pt;" aria-label="aux (7 éléments)">aux</a> <a href="https://w2s.fr/tag/avec/" class="tag-cloud-link tag-link-123 tag-link-position-6" style="font-size: 12.883720930233pt;" aria-label="avec (11 éléments)">avec</a> <a href="https://w2s.fr/tag/branding/" class="tag-cloud-link tag-link-92 tag-link-position-7" style="font-size: 19.395348837209pt;" aria-label="branding (29 éléments)">branding</a> <a href="https://w2s.fr/tag/business/" class="tag-cloud-link tag-link-84 tag-link-position-8" style="font-size: 18.581395348837pt;" aria-label="business (26 éléments)">business</a> <a href="https://w2s.fr/tag/comment/" class="tag-cloud-link tag-link-162 tag-link-position-9" style="font-size: 10.767441860465pt;" aria-label="comment (8 éléments)">comment</a> <a href="https://w2s.fr/tag/conception/" class="tag-cloud-link tag-link-76 tag-link-position-10" style="font-size: 15.813953488372pt;" aria-label="conception (17 éléments)">conception</a> <a href="https://w2s.fr/tag/conseiller/" class="tag-cloud-link tag-link-447 tag-link-position-11" style="font-size: 9.953488372093pt;" aria-label="conseiller (7 éléments)">conseiller</a> <a href="https://w2s.fr/tag/creation/" class="tag-cloud-link tag-link-51 tag-link-position-12" style="font-size: 18.581395348837pt;" aria-label="création (26 éléments)">création</a> <a href="https://w2s.fr/tag/creer/" class="tag-cloud-link tag-link-95 tag-link-position-13" style="font-size: 11.581395348837pt;" aria-label="créer (9 éléments)">créer</a> <a href="https://w2s.fr/tag/dapplications/" class="tag-cloud-link tag-link-142 tag-link-position-14" style="font-size: 10.767441860465pt;" aria-label="d’applications (8 éléments)">d’applications</a> <a href="https://w2s.fr/tag/dans/" class="tag-cloud-link tag-link-50 tag-link-position-15" style="font-size: 14.511627906977pt;" aria-label="dans (14 éléments)">dans</a> <a href="https://w2s.fr/tag/des/" class="tag-cloud-link tag-link-125 tag-link-position-16" style="font-size: 20.697674418605pt;" aria-label="des (35 éléments)">des</a> <a href="https://w2s.fr/tag/design/" class="tag-cloud-link tag-link-75 tag-link-position-17" style="font-size: 19.06976744186pt;" aria-label="design (28 éléments)">design</a> <a href="https://w2s.fr/tag/developpement/" class="tag-cloud-link tag-link-210 tag-link-position-18" style="font-size: 9.1395348837209pt;" aria-label="développement (6 éléments)">développement</a> <a href="https://w2s.fr/tag/forbes/" class="tag-cloud-link tag-link-445 tag-link-position-19" style="font-size: 9.953488372093pt;" aria-label="forbes (7 éléments)">forbes</a> <a href="https://w2s.fr/tag/lhebergement/" class="tag-cloud-link tag-link-446 tag-link-position-20" style="font-size: 9.953488372093pt;" aria-label="l’hébergement (7 éléments)">l’hébergement</a> <a href="https://w2s.fr/tag/limage/" class="tag-cloud-link tag-link-488 tag-link-position-21" style="font-size: 9.1395348837209pt;" aria-label="l’image (6 éléments)">l’image</a> <a href="https://w2s.fr/tag/lance/" class="tag-cloud-link tag-link-264 tag-link-position-22" style="font-size: 11.581395348837pt;" aria-label="lance (9 éléments)">lance</a> <a href="https://w2s.fr/tag/les/" class="tag-cloud-link tag-link-88 tag-link-position-23" style="font-size: 19.558139534884pt;" aria-label="les (30 éléments)">les</a> <a href="https://w2s.fr/tag/marche/" class="tag-cloud-link tag-link-112 tag-link-position-24" style="font-size: 9.953488372093pt;" aria-label="marché (7 éléments)">marché</a> <a href="https://w2s.fr/tag/marketing/" class="tag-cloud-link tag-link-133 tag-link-position-25" style="font-size: 10.767441860465pt;" aria-label="marketing (8 éléments)">marketing</a> <a href="https://w2s.fr/tag/marque/" class="tag-cloud-link tag-link-87 tag-link-position-26" style="font-size: 14.837209302326pt;" aria-label="marque (15 éléments)">marque</a> <a href="https://w2s.fr/tag/mobile/" class="tag-cloud-link tag-link-68 tag-link-position-27" style="font-size: 19.06976744186pt;" aria-label="mobile (28 éléments)">mobile</a> <a href="https://w2s.fr/tag/mobiles/" class="tag-cloud-link tag-link-258 tag-link-position-28" style="font-size: 9.953488372093pt;" aria-label="mobiles (7 éléments)">mobiles</a> <a href="https://w2s.fr/tag/nouveau/" class="tag-cloud-link tag-link-265 tag-link-position-29" style="font-size: 8pt;" aria-label="nouveau (5 éléments)">nouveau</a> <a href="https://w2s.fr/tag/nouvelle/" class="tag-cloud-link tag-link-67 tag-link-position-30" style="font-size: 11.581395348837pt;" aria-label="nouvelle (9 éléments)">nouvelle</a> <a href="https://w2s.fr/tag/numerique/" class="tag-cloud-link tag-link-339 tag-link-position-31" style="font-size: 9.1395348837209pt;" aria-label="numérique (6 éléments)">numérique</a> <a href="https://w2s.fr/tag/par/" class="tag-cloud-link tag-link-98 tag-link-position-32" style="font-size: 9.1395348837209pt;" aria-label="par (6 éléments)">par</a> <a href="https://w2s.fr/tag/plus/" class="tag-cloud-link tag-link-52 tag-link-position-33" style="font-size: 10.767441860465pt;" aria-label="plus (8 éléments)">plus</a> <a href="https://w2s.fr/tag/pour/" class="tag-cloud-link tag-link-61 tag-link-position-34" style="font-size: 21.837209302326pt;" aria-label="pour (42 éléments)">pour</a> <a href="https://w2s.fr/tag/quest-ce/" class="tag-cloud-link tag-link-444 tag-link-position-35" style="font-size: 12.883720930233pt;" aria-label="qu’est-ce (11 éléments)">qu’est-ce</a> <a href="https://w2s.fr/tag/que/" class="tag-cloud-link tag-link-180 tag-link-position-36" style="font-size: 15.813953488372pt;" aria-label="que (17 éléments)">que</a> <a href="https://w2s.fr/tag/site/" class="tag-cloud-link tag-link-101 tag-link-position-37" style="font-size: 16.46511627907pt;" aria-label="site (19 éléments)">site</a> <a href="https://w2s.fr/tag/sites/" class="tag-cloud-link tag-link-57 tag-link-position-38" style="font-size: 9.953488372093pt;" aria-label="sites (7 éléments)">sites</a> <a href="https://w2s.fr/tag/sur/" class="tag-cloud-link tag-link-99 tag-link-position-39" style="font-size: 14.023255813953pt;" aria-label="sur (13 éléments)">sur</a> <a href="https://w2s.fr/tag/une/" class="tag-cloud-link tag-link-64 tag-link-position-40" style="font-size: 15.325581395349pt;" aria-label="une (16 éléments)">une</a> <a href="https://w2s.fr/tag/votre/" class="tag-cloud-link tag-link-97 tag-link-position-41" style="font-size: 11.581395348837pt;" aria-label="votre (9 éléments)">votre</a> <a href="https://w2s.fr/tag/web/" class="tag-cloud-link tag-link-60 tag-link-position-42" style="font-size: 22pt;" aria-label="web (43 éléments)">web</a> <a href="https://w2s.fr/tag/websites/" class="tag-cloud-link tag-link-48 tag-link-position-43" style="font-size: 18.255813953488pt;" aria-label="websites (25 éléments)">websites</a> <a href="https://w2s.fr/tag/wordpress/" class="tag-cloud-link tag-link-46 tag-link-position-44" style="font-size: 18.906976744186pt;" aria-label="wordpress (27 éléments)">wordpress</a> <a href="https://w2s.fr/tag/358/" class="tag-cloud-link tag-link-358 tag-link-position-45" style="font-size: 12.883720930233pt;" aria-label="– (11 éléments)">–</a></div> </div></div> <div id="leverage-widget-2" class="item widget-social_networks"> <h4>Share This</h4> <ul class="navbar-nav social share-list"> <li class="nav-item"> <a href="https://www.instagram.com" target="_blank" class="nav-link"> <i class="icon-social-instagram"></i> </a> </li> <li class="nav-item"> <a href="https://www.facebook.com" target="_blank" class="nav-link"> <i class="icon-social-facebook"></i> </a> </li> <li class="nav-item"> <a href="https://www.linkedin.com" target="_blank" class="nav-link"> <i class="icon-social-linkedin"></i> </a> </li> <li class="nav-item"> <a href="https://www.twitter.com" target="_blank" class="nav-link"> <i class="icon-social-twitter"></i> </a> </li> </ul> </div> </aside> </div> </div> </section> <footer class="odd" style="background-color:#191919"> <section id="footer" class="footer section-vs-130 section-vsr-90"> <div class="container default"> <div class="row footer-widget"> <div class="branding col-12 col-lg-3 pt-4 pr-3 pb-4 pl-3 text-center text-lg-left"> <div class="brand"> <a href="https://w2s.fr/" class="logo"> W2S.FR </a> </div> <p><p>Agence de création de sites internet, création site web en affiliation, vitrines et e-commerce et référencement.</p> </p> <ul class="navbar-nav social share-list mt-0 ml-auto"> <li class="nav-item social"> <a href="https://www.instagram.com/dilm_seo/" target="_blank" class="nav-link"> <i class="icon-social-instagram"></i> </a> </li> </ul> </div> <div class="col-12 col-lg-3 pt-4 pr-3 pb-4 pl-3 text-center text-lg-left"> <h3 class="title"> Contact </h3> <ul class="navbar-nav"> <li class="nav-item"> <a href="tel:+3601089261" target="_blank" class="nav-link "> <i class="icon-phone mr-2"></i> 06.01.08.92.61 </a> </li> <li class="nav-item"> <a href="http://contact@w2s.fr" target="_blank" class="nav-link "> <i class="icon-envelope mr-2"></i> contact@w2s.fr </a> </li> <li class="nav-item"> <a href="https://www.google.com/maps?q=5%20route%20du%20bourray%2072470%20saint%20mars%20la%20briere" target="_blank" class="nav-link "> <i class="icon-location-pin mr-2"></i> 5 route du Bourray </a> </li> <li class="nav-item"> <a href="https://w2s.fr/multi-step-contact-form/" target="_blank" class=" mt-4 btn mr-auto ml-auto ml-lg-0 dark-button" style="background-color: #191919"> <i class="icon-speech"></i> ENVOYER UN MESSAGE </a> </li> </ul> </div> <div class="col-12 col-lg-3 pt-4 pr-3 pb-4 pl-3 text-center text-lg-left"> <h3 class="title"> Nos Services </h3> <ul class="navbar-nav"> <li class="nav-item"> <a href="https://w2s.fr" class="nav-link smooth-anchor"> Création site web </a> </li> <li class="nav-item"> <a href="https://w2s.fr" class="nav-link smooth-anchor"> Création d'application </a> </li> <li class="nav-item"> <a href="https://w2s.fr/contactez-nous/" class="nav-link smooth-anchor"> Référencement </a> </li> <li class="nav-item"> <a href="https://w2s.fr" class="nav-link smooth-anchor"> Plaquettes commerciales </a> </li> <li class="nav-item"> <a href="https://w2s.fr" class="nav-link smooth-anchor"> Images et vidéos promotionnelles </a> </li> </ul> </div> <div class="col-12 col-lg-3 pt-4 pr-3 pb-4 pl-3 text-center text-lg-left"> <h3 class="title"> Tags populaires </h3> <a href="#" class="badge tag smooth-anchor"> Site Web </a> <a href="#" class="badge tag smooth-anchor"> Développement </a> <a href="#" class="badge tag smooth-anchor"> Marketing </a> <a href="#" class="badge tag smooth-anchor"> App </a> </div> </div> </div> </section> <section id="copyright" class="p-3 copyright"> <div class="container default"> <div class="row"> <div class="col-12 col-md-6 p-3 text-center text-lg-left"> <p><a href="http://w2s.fr/mentions-legales/" target="_blank" rel="noopener">Mentions Légales</a></p> </div> <div class="col-12 col-md-6 p-3 text-center text-lg-right"> <p>© 2021 w2s.fr une réalisation <a href="https://proreferencement.fr/" target="_blank" rel="noopener">Pro Référencement</a>.</p> </div> </div> </div> </section> </footer> <div id="search" class="p-0 modal fade" role="dialog" aria-labelledby="search" aria-hidden="true" style=""> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Search <i class="icon-close"></i> </div> <div class="modal-body"> <form role="search" action="https://w2s.fr/" method="GET" class="row"> <div class="col-12 p-0 align-self-center"> <div class="row"> <div class="col-12 p-0 pb-3"> <h2> Que cherchez-vous? </h2> <p> Recherchez des services et des nouvelles sur ce qui se passe de mieux chez W2S. </p> </div> </div> <div class="row"> <div class="col-12 p-0 input-group"> <input type="text" name="s" class="form-control" placeholder="Enter Keywords"> </div> </div> <div class="row"> <div class="col-12 p-0 input-group align-self-center"> <button class="btn primary-button"><i class="icon-magnifier"></i> CHERCHER </button> </div> </div> </div> </form> </div> </div> </div> </div> <div id="menu" class="p-0 modal fade" role="dialog" aria-labelledby="menu" aria-hidden="true"> <div class="modal-dialog modal-dialog-slideout" role="document"> <div class="modal-content full"> <div class="modal-header" data-dismiss="modal"> Menu <i class="icon-close"></i> </div> <div class="menu modal-body"> <div class="row w-100"> <div class="items p-0 col-12 text-center">  </div> <div class="contacts p-0 col-12 text-center">  </div> </div> </div> </div> </div> </div> <div id="scroll-to-top" class="scroll-to-top"> <a href="#header" class="smooth-anchor"> <i class="icon-arrow-up"></i> </a> </div> <script> window.replainSettings = { id: 'd3e2b902-fb44-4536-b876-c5c6dfeeba4e' }; (function(u){var s=document.createElement('script');s.async=true;s.src=u; var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x); })('https://widget.replain.cc/dist/client.js'); </script> <script type="text/javascript"> var sbiajaxurl = "https://w2s.fr/wp-admin/admin-ajax.php"; </script> <style>.wp-container-1 .alignleft { float: left; margin-right: 2em; }.wp-container-1 .alignright { float: right; margin-left: 2em; }</style> <style>.wp-container-2 .alignleft { float: left; margin-right: 2em; }.wp-container-2 .alignright { float: right; margin-left: 2em; }</style> <link rel='stylesheet' id='font-awesome-css' href='https://w2s.fr/wp-content/themes/leverage/assets/css/vendor/icons-fa.min.css?ver=5.6' type='text/css' media='all' /> <script type='text/javascript' src='https://c0.wp.com/p/jetpack/10.5.1/_inc/build/photon/photon.min.js' id='jetpack-photon-js'></script> <script type='text/javascript' src='https://c0.wp.com/c/5.9.3/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://c0.wp.com/c/5.9.3/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/w2s.fr\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://w2s.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.4' id='contact-form-7-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/jquery.easing.min.js?ver=2.1.7' id='jquery-easing-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/jquery.inview.min.js?ver=2.1.7' id='jquery-inview-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/popper.min.js?ver=2.1.7' id='popper-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/bootstrap.min.js?ver=2.1.7' id='bootstrap-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/ponyfill.min.js?ver=2.1.7' id='ponyfill-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/slider.min.js?ver=2.1.7' id='slider-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/animation.min.js?ver=2.1.7' id='animation-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/progress-radial.min.js?ver=2.1.7' id='progress-radial-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/bricklayer.min.js?ver=2.1.7' id='bricklayer-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/gallery.min.js?ver=2.1.7' id='gallery-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/shuffle.min.js?ver=2.1.7' id='shuffle-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/particles.min.js?ver=2.1.7' id='particles-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/vendor/cookie-notice.min.js?ver=2.1.7' id='cookie-notice-js'></script> <script type='text/javascript' src='https://w2s.fr/wp-content/themes/leverage/assets/js/main.js?ver=2.1.7' id='main-js'></script> <script type='text/javascript' src='https://c0.wp.com/c/5.9.3/wp-includes/js/comment-reply.min.js' id='comment-reply-js'></script> <script type='text/javascript' id='fifu-image-js-js-extra'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/w2s.fr\/wp-json\/","fifu_nonce":"8daadf56a7"}; /* ]]> */ </script> <script type='text/javascript' src='https://w2s.fr/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=3.8.3' id='fifu-image-js-js'></script> <script type='text/javascript' id='sgpm-default-embed-code-js-extra'> /* <![CDATA[ */ var sgpmPopupHashIds = ["5981aa6ffffc"]; var SGPM_SERVICE_URL = "https:\/\/popupmaker.com\/"; /* ]]> */ </script> <script type='text/javascript' src='https://w2s.fr/wp-content/plugins/popup-maker-wp/public/assets/js/defaultEmbedCode.js?ver=5.9.3' id='sgpm-default-embed-code-js'></script> <script type='text/javascript' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=5.9.3' async='async' id='remote_sdk-js'></script> <script src='https://stats.wp.com/e-202220.js' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:10.5.1',blog:'202355729',post:'2229',tz:'2',srv:'w2s.fr'} ]); _stq.push([ 'clickTrackerInit', '202355729', '2229' ]); </script> </body> </html>