{"id":2258,"date":"2018-03-12T11:00:08","date_gmt":"2018-03-12T11:00:08","guid":{"rendered":"https:\/\/treize.pro\/non-classifiee\/utilisateurs-scroller-page-web\/"},"modified":"2018-03-12T11:00:08","modified_gmt":"2018-03-12T11:00:08","slug":"utilisateurs-scroller-page-web","status":"publish","type":"post","link":"https:\/\/treize.pro\/en\/design-en\/utilisateurs-scroller-page-web\/","title":{"rendered":"Les utilisateurs vont-ils scroller ma page web?"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Ah! <strong>Oui<\/strong>, vous scrollez.<\/p>\n<p>Pardonnez l\u2019anglicisme, <em>scroller<\/em> c\u2019est l\u2019action de <em>faire d\u00e9filer la page<\/em> \u00e0 l\u2019aide de la molette de votre souris, d\u2019un pav\u00e9 tactile ou avec votre doigt sur l\u2019\u00e9cran de votre t\u00e9l\u00e9phone.<\/p>\n<h2>Scrolle un peu<\/h2>\n<p>Dans les ann\u00e9es 90, c\u2019\u00e9tait un vrai risque de mettre une page d\u00e9filante sur son site web. Les utilisateurs n\u2019avaient pas l\u2019habitude de scroller. Pire, certains ne savaient m\u00eame pas <strong>comment faire<\/strong>. Ces utilisateurs ne verraient alors jamais tout le contenu de la page web..<\/p>\n<p>Ouf! Depuis, les choses ont beaucoup chang\u00e9 et les utilisateurs aussi.<\/p>\n<p>Cependant, certains pensent que les utilisateurs n\u2019appr\u00e9cient pas scroller. Ils pensent aussi qu\u2019il est pr\u00e9f\u00e9rable de diviser une longue page en plusieurs pages plus courtes. Je vous arr\u00eate tout de suite, c\u2019est un <strong>mythe<\/strong>.<\/p>\n<h2>D\u00e9mystifions<\/h2>\n<p>Aujourd\u2019hui, les utilisateurs ne s\u2019attendent pas \u00e0 ce que tout le contenu de la page soit affich\u00e9 \u00e0 l\u2019\u00e9cran. Nous avons pris l\u2019habitude de scroller, notamment gr\u00e2ce aux r\u00e9seaux sociaux (Facebook, Twitter, Instagram).<\/p>\n<p>L\u2019espace accord\u00e9 par la taille l\u2019\u00e9cran de nos t\u00e9l\u00e9phones est limit\u00e9, rare sont les pages webs o\u00f9 le contenu est assez limit\u00e9 pour que nous n\u2019ayons pas \u00e0 la faire d\u00e9filer.<\/p>\n<p>Sur mobile, la moiti\u00e9 des utilisateurs commencent \u00e0 scroller dans les 10 premi\u00e8res secondes et 90% des utilisateurs dans les 14 premi\u00e8res. (<a href=\"https:\/\/twitter.com\/lukew\/status\/629694224535957504\/\">Source<\/a>)<\/p>\n<p>Les utilisateurs sont si familiers avec le scroll qu\u2019ils n\u2019ont m\u00eame plus besoin d\u2019un indice visuel pour leur indiquer que la page est scrollable. Pour preuve, en Juillet 2011, Apple a retir\u00e9 la barre d\u00e9filante de Mac OS X. (<a href=\"http:\/\/uxmag.com\/articles\/the-extinction-of-the-scrollbar\">Source<\/a>)<\/p>\n<h2>L\u2019importance de ne pas diviser une longue page en plusieurs plus courtes.<\/h2>\n<p>Si l\u2019utilisateur est venu sur votre page web en pensant trouver de l\u2019information ou pour accomplir une t\u00e2che, pourquoi voudriez-vous leur faire naviguer vers d\u2019autres pages pour trouver l\u2019autre moiti\u00e9 de l\u2019information? Scroller offre une <strong>meilleure exp\u00e9rience<\/strong> \u00e0 l\u2019utilisateur que d\u00e9couper en plusieurs pages le contenu qui l\u2019int\u00e9resse.<\/p>\n<p><strong>\u201cScroller est continuel; cliquer est une d\u00e9cision.\u201d<\/strong><br \/>\n<strong>&#8211; Josh Porter<\/strong><\/p>\n<p>Ajouter des clics non n\u00e9cessaires, c\u2019est ajouter des opportunit\u00e9s \u00e0 l\u2019utilisateur de <strong>quitter<\/strong> votre site.<\/p>\n<p>Les utilisateurs scrollent. C\u2019est plus <strong>facile<\/strong>, <strong>rapide<\/strong> et <strong>efficace<\/strong> que d\u2019avoir \u00e0 cliquer sur un bouton \u201cEn savoir plus\u201d ou \u201cpage 2\u201d.<\/p>\n<h2>L\u2019importance de ne pas tout mettre sur la m\u00eame page<\/h2>\n<p>Reprenons l\u2019exemple de cet utilisateur qui est arriv\u00e9 sur votre page en pensant y trouver une certaine information. Il commence \u00e0 scroller la page mais ne voit pas le lien entre ce qu\u2019il lit et ce qu\u2019il cherche.<\/p>\n<p>Si l\u2019utilisateur est <strong>impatient<\/strong>, il quitte la page et va chercher l\u2019information ailleurs.<\/p>\n<p>Si l\u2019utilisateur est <strong>patient<\/strong>, il continue \u00e0 scroller et trouve l\u2019information qu\u2019il cherchait, mais son exp\u00e9rience a \u00e9t\u00e9 <strong>d\u00e9sagr\u00e9able<\/strong>.<\/p>\n<p>Gardez les informations contenues dans votre page web <strong>coh\u00e9rentes<\/strong>.<\/p>\n<h2>Votre page doit faire une bonne premi\u00e8re impression<\/h2>\n<p>Nous avons \u00e9tabli ce fait: les utilisateurs scrollent. Cependant, le contenu en haut de page r\u00e9coltera toujours <strong>le<\/strong> <strong>plus<\/strong> <strong>d\u2019attention<\/strong>.<\/p>\n<p>Le haut de la page est <strong>crucial<\/strong>, c\u2019est l\u00e0 que l\u2019utilisateur d\u00e9cide si votre page m\u00e9rite qu\u2019il prenne le temps de la lire.<\/p>\n<p>Assurez-vous que le d\u00e9but de votre page attise la <strong>curiosit\u00e9<\/strong> des utilisateurs.<\/p>\n<h2>Ce que vous devez retenir<\/h2>\n<ul>\n<li>Je scrolle, nous scrollons, ils scrollent.<\/li>\n<li>Je ne s\u00e9parerais pas des informations li\u00e9es en plusieurs pages pour \u00e9viter \u00e0 mon utilisateurs des clics inutiles.<\/li>\n<li>Je garderais les informations contenues dans ma page coh\u00e9rentes.<\/li>\n<li>Je motiverais l\u2019utilisateur \u00e0 scroller en accordant un soin particulier au haut de la page.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Ah! Oui, vous scrollez. Pardonnez l\u2019anglicisme, scroller c\u2019est l\u2019action de faire d\u00e9filer la page \u00e0 l\u2019aide de la molette de votre souris, d\u2019un pav\u00e9 tactile ou avec votre doigt sur l\u2019\u00e9cran de votre t\u00e9l\u00e9phone. Scrolle un peu Dans les ann\u00e9es 90, c\u2019\u00e9tait un [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":1846,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"wds_primary_category":9,"footnotes":""},"categories":[67],"class_list":["post-2258","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/posts\/2258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/comments?post=2258"}],"version-history":[{"count":0,"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/posts\/2258\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/media\/1846"}],"wp:attachment":[{"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/media?parent=2258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/treize.pro\/en\/wp-json\/wp\/v2\/categories?post=2258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}