{"id":21836,"date":"2022-07-01T01:00:00","date_gmt":"2022-06-30T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=21836"},"modified":"2022-07-01T01:00:00","modified_gmt":"2022-06-30T23:00:00","slug":"ux-ui-webdesign-site-green-ecologique","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/","title":{"rendered":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign"},"content":{"rendered":"<p>Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre&nbsp;!<\/p>\n<p>En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant des sites Web \u00e9nerg\u00e9tiquement plus \u00e9conomes.<\/p>\n<p>C\u2019est ce qu\u2019on appelle le <a href=\"https:\/\/graphiste.com\/blog\/leco-conception-en-graphisme-pourquoi-et-comment\" target=\"_blank\" rel=\"noopener noreferrer\">Green UX<\/a>. Voici donc 7 id\u00e9es \u00e9cologiques pour votre web design.<\/p>\n<p>&nbsp;<\/p>\n<h2>1. Limitez l\u2019utilisation des images et r\u00e9duisez-les<\/h2>\n<p>Les images sont aujourd\u2019hui omnipr\u00e9sentes sur le Web. Or, leur accumulation repr\u00e9sente une quantit\u00e9 colossale de donn\u00e9es. Votre tout premier pas dans le Green UX sera donc d\u2019utiliser moins d\u2019images dans votre web design et de r\u00e9duire leur taille.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14817\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/compressor-compresser-image-fichier-reduire-taille-size-e1574069667366.png\" alt=\"\" width=\"650\" height=\"409\" \/><\/p>\n<p>Moins on trouvera d&#8217;images dans vos conceptions, moins il y aura de donn\u00e9es \u00e0 t\u00e9l\u00e9charger. Pour toutes celles que vous conserverez (il en faut quand m\u00eame quelques-unes&nbsp;!) pensez \u00e0 les enregistrer dans une plus petite taille.<\/p>\n<p>Le but est ici d\u2019atteindre le juste \u00e9quilibre entre poids, r\u00e9solution et qualit\u00e9 d&#8217;image (l\u2019id\u00e9e n\u2019\u00e9tant pas d\u2019int\u00e9grer des visuels pixelis\u00e9s).\u00a0Bien heureusement, les supports num\u00e9riques ne n\u00e9cessitent pas l\u2019utilisation d\u2019images en haute d\u00e9finition.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/outils-reduire-poids-fichiers-images\">5 outils pour r\u00e9duire le poids de vos fichiers et images rapidement<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>2. Optimisez vos vid\u00e9os<\/h2>\n<p>Les vid\u00e9os elles aussi se sont largement r\u00e9pandues \u00e0 travers la toile. Qu\u2019elles profitent d\u2019une int\u00e9gration standard sur vos pages, ou qu\u2019elles soient utilis\u00e9es en arri\u00e8re-plan dynamique\u2026 les vid\u00e9os fleurissent un peu partout sur nos sites web.<\/p>\n<figure id=\"attachment_21838\" aria-describedby=\"caption-attachment-21838\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-21838 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/outil-compresser-video-e1603437162810.png\" alt=\"outil compresser une vid\u00e9o poid gratuit\" width=\"700\" height=\"306\" \/><figcaption id=\"caption-attachment-21838\" class=\"wp-caption-text\"><a href=\"https:\/\/clipchamp.com\/fr\/video-compressor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Outil pour compresser une vid\u00e9o<\/a><\/figcaption><\/figure>\n<p>Alourdissant la note, ces vid\u00e9os offrent g\u00e9n\u00e9ralement une qualit\u00e9 et une taille beaucoup trop \u00e9lev\u00e9es pour le web. En effet, comme pour les images, les vid\u00e9os basses d\u00e9f sont ici largement suffisantes.<\/p>\n<p>Veillez donc \u00e0 ce que les v\u00f4tres soient&nbsp;:<\/p>\n<ul>\n<li>br\u00e8ves,<\/li>\n<li>basse r\u00e9solution,<\/li>\n<li>compress\u00e9es au maximum.<\/li>\n<\/ul>\n<p>Les vid\u00e9os qui se lancent automatiquement sont \u00e9galement \u00e0 proscrire. Laissez le choix \u00e0 votre internaute de visualiser ou non votre vid\u00e9o, afin de ne pas d\u00e9multiplier les chargements inutiles.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/tendances-ux-ui-2022\">12 tendances UX et UI en 2022<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>3. Utilisez le lazy loading pour vos images et m\u00e9dias<\/h2>\n<p>Autre astuce: avec le<a href=\"https:\/\/graphiste.com\/blog\/comment-optimiser-images-web\" target=\"_blank\" rel=\"noopener noreferrer\"> Lazy loading.<\/a> Pensez \u00e0 adopter ce chargement diff\u00e9r\u00e9 pour votre site web. Gr\u00e2ce \u00e0 lui, le chargement des m\u00e9dias se fait uniquement en fonction des besoins r\u00e9els de votre visiteur.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-21839\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/lazy-loading-example-1x.jpg\" alt=\"lazy loading exemple\" width=\"812\" height=\"500\" \/><\/p>\n<p>Une fois parvenu sur votre page, l\u2019internaute acc\u00e8de imm\u00e9diatement aux m\u00e9dias les plus hauts. Les autres apparaissent seulement lorsque le visiteur scroll vers le bas de la page.<\/p>\n<blockquote><p>Ainsi, si votre utilisateur ne fait pas d\u00e9filer toute la page, tous vos m\u00e9dias ne sont pas sollicit\u00e9s inutilement. Le chargement diff\u00e9r\u00e9 permet d\u2019\u00e9conomiser de l&#8217;\u00e9nergie et d\u2019acc\u00e9l\u00e9rer le temps de charge de votre site internet. Ceci est un plus tr\u00e8s appr\u00e9ciable pour votre r\u00e9f\u00e9rencement et votre <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-faire-tests-utilisateurs\" target=\"_blank\" rel=\"noopener noreferrer\">exp\u00e9rience utilisateur.<\/a><\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-separateurs-de-section\">UX\/UI Design&nbsp;: Comment utiliser les s\u00e9parateurs de section&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>4. Utilisez moins de polices d\u2019\u00e9criture<\/h2>\n<p>Ce point vous semble relever du simple d\u00e9tail&nbsp;? Et pourtant, multiplier les <a href=\"https:\/\/graphiste.com\/blog\/sites-trouver-typographie-gratuite\" target=\"_blank\" rel=\"noopener noreferrer\">polices d\u2019\u00e9criture<\/a> impacte l\u00e0 encore la consommation de donn\u00e9es.\u00a0A-t-on r\u00e9ellement besoin d\u2019utiliser toute la famille Univers sur une m\u00eame page&nbsp;?<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-11158\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/typographie-reponsive.jpg\" alt=\"\" width=\"693\" height=\"520\" \/><\/p>\n<p>Non&nbsp;! D\u2019autant qu\u2019en web design, l\u2019expression <em>\u201cqui peut le plus, peut le moins\u201d<\/em> fait particuli\u00e8rement sens.\u00a0<\/p>\n<ul>\n<li>Limitez-vous de pr\u00e9f\u00e9rence \u00e0 <strong>une ou deux typographies.<\/strong> Si celles-ci sont bien choisies, gageons que votre web design n\u2019en sera que plus agr\u00e9able.<\/li>\n<\/ul>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/typographie-astuces-pour-devenir-expert\">Typographie&nbsp;: 5 astuces pour devenir un expert<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>5. Pensez \u00e0 recycler vos actifs<\/h2>\n<p>La poubelle jaune n\u2019est pas la seule \u00e0 permettre le tri et le recyclage&nbsp;! Il est parfois (souvent&nbsp;?) possible de r\u00e9utiliser une m\u00eame image ou une m\u00eame vid\u00e9o sur un m\u00eame site web.<\/p>\n<p>Si vous craignez que le r\u00e9sultat ne soit trop r\u00e9p\u00e9titif, utilisez cette m\u00eame image de mani\u00e8re diff\u00e9rente, afin de moduler les ambiances d\u2019une page \u00e0 l\u2019autre.<\/p>\n<p>Pour cela, rien ne vaut<strong> les filtres CSS3<\/strong>, et les techniques de superposition. D\u2019autant que cela fonctionne aussi pour les vid\u00e9os.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/web-design-guide-animations-css\">Web design&nbsp;: 90 ressources pour vos animations CSS<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>6. Am\u00e9liorez la navigation de votre site<\/h2>\n<p>Vous le savez, une navigation complexe est extr\u00eamement n\u00e9faste \u00e0 l&#8217;exp\u00e9rience utilisateur. Mais il ne s&#8217;agit malheureusement pas de son seul d\u00e9faut.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9782\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/02\/curseur-navigation.jpg\" alt=\"\" width=\"600\" height=\"312\" \/><\/p>\n<p>En effet, moins la <a href=\"https:\/\/graphiste.com\/blog\/ui-ux-elements-navigation-a-connaitre\" target=\"_blank\" rel=\"noopener noreferrer\">navigation<\/a> est claire, plus vos internautes passent de temps \u00e0 rechercher l\u2019information souhait\u00e9e.<\/p>\n<p>Une structure de navigation claire et logique permet \u00e0 vos visiteurs d\u2019acc\u00e9der directement aux \u00e9l\u00e9ments recherch\u00e9s, et limite donc le <a href=\"https:\/\/graphiste.com\/blog\/web-design-accelerer-chargement-images\" target=\"_blank\" rel=\"noopener noreferrer\">nombre de pages charg\u00e9es<\/a> \u00e0 chacune de leurs visites.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/exemples-cartes-interactives-webdesign\">Webdesign&nbsp;: 6 exemples de cartes interactives<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>7. Favorisez une solution d\u2019h\u00e9bergement \u00e9cologique<\/h2>\n<p>Certes, ce conseil ne rel\u00e8ve pas \u00e0 proprement parler du web design. Pour autant, il s\u2019agit l\u00e0 d\u2019un tr\u00e8s bon moyen de limiter l&#8217;impact environnemental d\u2019un site Web.<\/p>\n<blockquote><p>G\u00e9othermie, \u00e9nergie hydro\u00e9lectrique&#8230; votre h\u00f4te est aliment\u00e9 par des sources d&#8217;\u00e9nergie durables. Si vous en avez la possibilit\u00e9, n\u2019h\u00e9sitez donc pas \u00e0 faire h\u00e9berger votre site sur ce type de structure. <\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/recyclage-impressions-print\">3 bonnes pratiques pour recycler vos impressions<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>Internet semble un espace de stockage int\u00e9gralement d\u00e9mat\u00e9rialis\u00e9 et illimit\u00e9. Or, chaque donn\u00e9e fait l\u2019objet d\u2019une collecte par des centres de donn\u00e9es. Ceux-ci sont aliment\u00e9s par des supercalculateurs, eux-m\u00eames refroidis par des syst\u00e8mes de refroidissement fonctionnant \u00e0 l\u2019\u00e9lectricit\u00e9.<\/p>\n<p>De l\u2019image \u00e0 la navigation du site, le <strong>Green UX<\/strong> propose une r\u00e9flexion d\u2019ensemble afin de r\u00e9duire l\u2019impact environnemental du design web.<\/p>\n<p>Celui-ci est aujourd\u2019hui appel\u00e9 \u00e0 plus de l\u00e9g\u00e8ret\u00e9, afin de limiter les temps de charge et les sollicitations r\u00e9p\u00e9t\u00e9es des serveurs. Le but \u00e9tant de limiter la consommation de donn\u00e9es et donc la consommation \u00e9nerg\u00e9tique de nos sites web.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/regle-des-tiers\">Webdesign&nbsp;: bien utiliser la r\u00e8gle des tiers<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><strong>N\u2019h\u00e9sitez plus. Faites appel \u00e0 un web designer sur<a href=\"https:\/\/graphiste.com\" target=\"_blank\" rel=\"noopener noreferrer\"> Graphiste.com<\/a> afin de concevoir le web design \u00e9cologique de votre site internet.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre&nbsp;! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant des sites Web \u00e9nerg\u00e9tiquement plus \u00e9conomes. C\u2019est ce qu\u2019on appelle le Green UX. Voici donc 7 id\u00e9es \u00e9cologiques pour votre web design. &nbsp; 1. Limitez l\u2019utilisation des [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":21843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-21836","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-30T23:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign\",\"datePublished\":\"2022-06-30T23:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\"},\"wordCount\":1068,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\",\"url\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\",\"name\":\"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg\",\"datePublished\":\"2022-06-30T23:00:00+00:00\",\"description\":\"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog","description":"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/","og_locale":"fr_FR","og_type":"article","og_title":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog","og_description":"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant","og_url":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-06-30T23:00:00+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign","datePublished":"2022-06-30T23:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/"},"wordCount":1068,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/","url":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/","name":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg","datePublished":"2022-06-30T23:00:00+00:00","description":"Le Web repr\u00e9sente \u00e0 lui seul 2 % des \u00e9missions de gaz \u00e0 effet de serre ! En tant que web designer, nous pouvons r\u00e9duire cette consommation, en concevant","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/10\/une-graphiste-green-ux-site-ecologique-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/ux-ui-webdesign-site-green-ecologique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UX\/UI Design\u00a0: 7 id\u00e9es \u00e9cologiques pour votre webdesign"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/21836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=21836"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/21836\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/21843"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=21836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=21836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=21836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}