{"id":957,"date":"2023-09-19T10:21:45","date_gmt":"2023-09-19T08:21:45","guid":{"rendered":"https:\/\/www.la-mise-en-page.com\/?p=957"},"modified":"2023-09-19T10:21:45","modified_gmt":"2023-09-19T08:21:45","slug":"nos-conseils-a-suivre-pour-choisir-le-design-de-votre-page-web","status":"publish","type":"post","link":"https:\/\/www.la-mise-en-page.com\/2023\/09\/19\/nos-conseils-a-suivre-pour-choisir-le-design-de-votre-page-web\/","title":{"rendered":"Nos conseils \u00e0 suivre pour choisir le design de votre page web"},"content":{"rendered":"

Pour avoir une bonne exp\u00e9rience utilisateur, il est essentiel d’avoir un design fonctionnel et esth\u00e9tique. Pour arriver \u00e0 ce r\u00e9sultat, retrouvez dans cet article quelques r\u00e8gles d’or \u00e0 suivre.
\n<\/p>\n

1. Mettre en place une hi\u00e9rarchisation visuelle<\/h2>\n

\"\"En parlant de la hi\u00e9rarchisation visuelle, il faut aussi s’attarder sur le wireframe qui est le squelette de base de votre conception graphique. Comme quoi, pour une page web ayant un contenu bien structur\u00e9 et une bonne mise en page, il est plus facile d’adapter le design. \u00c0 cela, chaque \u00e9l\u00e9ment graphique sera positionn\u00e9 de fa\u00e7on plus strat\u00e9gique. En outre, la hi\u00e9rarchisation visuelle permet aux internautes de trouver rapidement les \u00e9l\u00e9ments les plus importants de votre contenu, \u00e0 savoir le titre, le call to action ou encore les outils utiles \u00e0 la navigation.<\/p>\n

2. Miser sur la r\u00e8gle des tiers<\/h2>\n

La r\u00e8gle des tiers est une r\u00e8gle universelle qui peut \u00eatre utilis\u00e9e dans les conceptions graphiques, les peintures ainsi que la photographie. Elle fait r\u00e9f\u00e9rence \u00e0 la division du design en 3 zones de tailles \u00e9gales en sens verticaux ou horizontales avec un \u00e9l\u00e9ment cl\u00e9 \u00e0 chaque intersection ou sur les lignes. Simple et efficace, ce type de r\u00e8gle permet entre autres de dynamiser et de bien structurer votre page web.<\/p>\n

3. Consid\u00e9rer les sens de lecture<\/h2>\n

\"\"Selon les sondages, environ 80 % des internautes parcourent avant tout les pages. Cela doit vous amener \u00e0 tenir compte des r\u00e8gles sp\u00e9cifiques s’appliquant au cerveau humain. Certaines \u00e9tudes ont r\u00e9v\u00e9l\u00e9 notre lecture de compositions visuelles. La plupart du temps, les sens de lecture des visiteurs sont la lecture en Z ou le balayage ainsi que la lecture F ligne par ligne.<\/p>\n

4. La ligne de flottaison<\/h2>\n

Il s’agit d’une ligne qui d\u00e9limite la partie d’une page web visible durant le chargement et celle invisible lors du d\u00e9filement de la page vers le bas. C’est pourquoi vous devez veiller \u00e0 placer le contenu ayant le plus d’int\u00e9r\u00eat au-dessus de la ligne de flottaison. Cela permet aux visiteurs de ne pas rechercher les informations.<\/p>\n

5. Appliquer de l’espace vide<\/h2>\n

\"\"Lorsqu’on cr\u00e9e une page web, on est souvent tent\u00e9 de la remplir avec du contenu. Pourtant, ceci est une mauvaise pratique. Avec de l’espace blanc, vous pouvez instaurer un \u00e9quilibre qui permet de laisser souffler l’internaute. Cet espace sert entre autres \u00e0 diviser votre contenu en plusieurs zones et \u00e0 guider le visiteur entre les diff\u00e9rentes informations propos\u00e9es.<\/p>\n","protected":false},"excerpt":{"rendered":"

Pour avoir une bonne exp\u00e9rience utilisateur, il est essentiel d’avoir un design fonctionnel et esth\u00e9tique. Pour arriver \u00e0 ce r\u00e9sultat, retrouvez dans cet article quelques r\u00e8gles d’or \u00e0 suivre…. <\/p>\n

Lire la suite<\/a><\/div>\n","protected":false},"author":1,"featured_media":960,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/posts\/957"}],"collection":[{"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/comments?post=957"}],"version-history":[{"count":1,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/posts\/957\/revisions"}],"predecessor-version":[{"id":964,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/posts\/957\/revisions\/964"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/media\/960"}],"wp:attachment":[{"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/media?parent=957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/categories?post=957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.la-mise-en-page.com\/wp-json\/wp\/v2\/tags?post=957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}