{"id":83172,"date":"2020-02-28T08:43:05","date_gmt":"2020-02-28T07:43:05","guid":{"rendered":"http:\/\/2020.flojoagency.com\/?page_id=83172"},"modified":"2025-07-05T20:24:01","modified_gmt":"2025-07-05T18:24:01","slug":"definitions-webdesign","status":"publish","type":"page","link":"https:\/\/studjoow.com\/en\/fiches\/definitions\/definitions-webdesign\/","title":{"rendered":"WebDesign"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-parent=\"true\" class=\"vc_row style-color-283245-bg row-container onepage-section\" data-label=\"About Us\" data-name=\"about-us\" id=\"row-unique-0\"><div class=\"row-background background-element\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"background-inner\" style=\"background-image: url(https:\/\/studjoow.com\/wp-content\/uploads\/2025\/01\/Studjoow-Slider-Background-2.png);background-repeat: no-repeat;background-position: center top;background-attachment: scroll;background-size: cover;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div><div class=\"row triple-top-padding triple-bottom-padding single-h-padding full-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_center column_parent col-lg-12 double-internal-gutter\"><div class=\"uncol style-dark\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h1 class=\"fontsize-160206\" ><span>D\u00e9finitions du webdesign<\/span><\/h1><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-1\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>Application ou site mobile ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><p>Le choix entre un <strong>site mobile responsive<\/strong> et une <strong>application mobile<\/strong> d\u00e9pend de vos objectifs, de votre budget et de l\u2019exp\u00e9rience utilisateur que vous souhaitez offrir. Examinons les avantages de chacun, afin de vous aider \u00e0 faire un choix \u00e9clair\u00e9.<\/p>\n<h3>Avantages d\u2019un site mobile responsive<\/h3>\n<ul>\n<li><strong>Co\u00fbt r\u00e9duit<\/strong> : la cr\u00e9ation d\u2019un site mobile co\u00fbte g\u00e9n\u00e9ralement moins cher que le d\u00e9veloppement d\u2019une application mobile native.<\/li>\n<li><strong>Compatibilit\u00e9 universelle<\/strong> : un seul <strong>d\u00e9veloppement web<\/strong> suffit pour rendre le site accessible sur tous les smartphones et tablettes.<\/li>\n<li><strong>Mises \u00e0 jour instantan\u00e9es<\/strong> : toute modification effectu\u00e9e sur le site est imm\u00e9diatement visible par les utilisateurs.<\/li>\n<li><strong>Accessibilit\u00e9 SEO<\/strong> : le site mobile peut \u00eatre index\u00e9 par les moteurs de recherche, \u00e0 la diff\u00e9rence des applications.<\/li>\n<\/ul>\n<h3>Avantages d\u2019une application mobile<\/h3>\n<ul>\n<li><strong>Performance optimale<\/strong> : les \u00e9l\u00e9ments de l\u2019interface sont d\u00e9j\u00e0 int\u00e9gr\u00e9s, ce qui acc\u00e9l\u00e8re la navigation.<\/li>\n<li><strong>Fonctionnement hors ligne<\/strong> : certaines fonctionnalit\u00e9s restent accessibles m\u00eame sans connexion Internet.<\/li>\n<li><strong>Ergonomie avanc\u00e9e<\/strong> : l\u2019interface est souvent plus fluide et mieux int\u00e9gr\u00e9e \u00e0 l\u2019\u00e9cosyst\u00e8me du smartphone (UX optimis\u00e9e).<\/li>\n<li><strong>Fonctionnalit\u00e9s natives<\/strong> : l\u2019application exploite les capacit\u00e9s du t\u00e9l\u00e9phone (g\u00e9olocalisation, push, SMS, cam\u00e9ra\u2026).<\/li>\n<li><strong>Image de marque<\/strong> : une application donne une image moderne et tendance \u00e0 votre projet.<\/li>\n<\/ul>\n<h2>UX vs UI : quelle approche privil\u00e9gier ?<\/h2>\n<p>Dans les deux cas, il est essentiel d\u2019optimiser l\u2019<strong>exp\u00e9rience utilisateur (UX)<\/strong> et l\u2019<strong>interface utilisateur (UI)<\/strong>. Le site mobile privil\u00e9gie souvent la clart\u00e9 et l\u2019accessibilit\u00e9, tandis que l\u2019application mise sur la personnalisation et la performance.<\/p>\n<p>Enfin, si votre budget est limit\u00e9 ou que vous visez une large audience, le <strong>responsive design<\/strong> sera probablement plus adapt\u00e9. En revanche, si vous avez besoin de fonctionnalit\u00e9s pouss\u00e9es et d\u2019une ergonomie sur mesure, une application mobile reste la meilleure solution.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-2\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>Qu\u2019est ce que le flat design ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>Le <strong>flat design<\/strong> est un style de <strong>design d\u2019interface graphique<\/strong> qui mise sur la simplicit\u00e9 visuelle. Il utilise des formes g\u00e9om\u00e9triques \u00e9l\u00e9mentaires, des <strong>aplats de couleurs vives<\/strong> et une <strong>typographie claire<\/strong>, sans effet de relief ou d\u2019ombre port\u00e9e.<\/p>\n<h3>Pourquoi adopter le flat design dans une interface web ?<\/h3>\n<ul>\n<li><strong>Compatibilit\u00e9 avec le responsive design<\/strong> : ses \u00e9l\u00e9ments simples s\u2019adaptent facilement \u00e0 tous les formats d\u2019\u00e9cran.<\/li>\n<li><strong>Performances techniques<\/strong> : l\u2019utilisation de couleurs unies permet une meilleure compression des images et am\u00e9liore la vitesse de chargement.<\/li>\n<li><strong>Int\u00e9gration d\u2019images vectorielles<\/strong> : ces visuels l\u00e9gers s\u2019adaptent \u00e0 toutes les r\u00e9solutions sans perte de qualit\u00e9.<\/li>\n<\/ul>\n<h3>Un style graphique adopt\u00e9 par les grandes marques<\/h3>\n<p>De nombreuses entreprises renomm\u00e9es ont modernis\u00e9 leur logo \u00e0 l\u2019aide du flat design. <strong>Apple, Google, Microsoft, Yahoo ou Bouygues Telecom<\/strong> ont opt\u00e9 pour cette esth\u00e9tique pour am\u00e9liorer la <strong>lisibilit\u00e9<\/strong> et la coh\u00e9rence de leur identit\u00e9 visuelle sur tous les supports.<\/p>\n<p>En r\u00e9sum\u00e9, le flat design conjugue <strong>efficacit\u00e9 visuelle<\/strong>, <strong>l\u00e9g\u00e8ret\u00e9 technique<\/strong> et <strong>adaptabilit\u00e9<\/strong>, ce qui en fait un choix pertinent pour le web moderne.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-2\" data-row=\"script-row-unique-2\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-2\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-3\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>C\u2019est quoi le parallaxe ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>L\u2019<strong>effet parallaxe<\/strong> consiste \u00e0 faire d\u00e9filer l\u2019image ou la texture en arri\u00e8re-plan plus lentement que les \u00e9l\u00e9ments au premier plan. Ce d\u00e9calage cr\u00e9e une impression de profondeur visuelle, comparable \u00e0 un effet 3D subtil.<\/p>\n<h3>Pourquoi utiliser l\u2019effet parallaxe dans le webdesign ?<\/h3>\n<ul>\n<li><strong>Cr\u00e9er une illusion de relief<\/strong> : les objets situ\u00e9s au premier plan bougent plus rapidement, ce qui accentue la hi\u00e9rarchie visuelle.<\/li>\n<li><strong>Dynamiser l\u2019exp\u00e9rience utilisateur<\/strong> : cette animation capte l\u2019attention et rend la navigation plus immersive.<\/li>\n<li><strong>Am\u00e9liorer l\u2019ergonomie du site<\/strong> : bien utilis\u00e9e, elle oriente le regard et favorise l\u2019interaction avec les contenus.<\/li>\n<\/ul>\n<h3>Une technique souvent combin\u00e9e \u00e0 d\u2019autres effets<\/h3>\n<p>Les sites utilisant l\u2019effet parallaxe int\u00e8grent souvent d\u2019autres techniques d\u2019<strong>ergonomie web<\/strong> comme les animations au survol, les transitions fluides ou encore les micro-interactions. Ces \u00e9l\u00e9ments renforcent la coh\u00e9rence du design et am\u00e9liorent l\u2019<strong>exp\u00e9rience utilisateur<\/strong>.<\/p>\n<p>En somme, l\u2019effet parallaxe est un outil puissant lorsqu\u2019il est ma\u00eetris\u00e9, apportant \u00e0 la fois esth\u00e9tique et fonctionnalit\u00e9.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-3\" data-row=\"script-row-unique-3\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-3\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-4\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span>C\u2019est quoi le le responsive design ?<\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>Un <strong>site web adaptatif<\/strong>, ou <strong>site responsive design<\/strong>, s\u2019adapte automatiquement \u00e0 toutes les tailles d\u2019\u00e9crans. L\u2019objectif principal est d\u2019offrir une <strong>exp\u00e9rience de navigation fluide<\/strong> et confortable, quel que soit l\u2019appareil utilis\u00e9.<\/p>\n<h3>Un confort visuel sur tous les supports<\/h3>\n<p>Gr\u00e2ce au <strong>responsive design<\/strong>, l\u2019utilisateur peut consulter le m\u00eame site sur un smartphone, une tablette ou un ordinateur, sans avoir besoin de zoomer ou de faire d\u00e9filer lat\u00e9ralement. Le contenu s\u2019ajuste automatiquement \u00e0 la largeur de l\u2019\u00e9cran, ce qui garantit une <strong>ergonomie mobile optimale<\/strong>.<\/p>\n<h3>Un concept qui d\u00e9passe le simple site web<\/h3>\n<p>Le design adaptatif ne se limite pas aux sites internet. Il s\u2019applique aussi \u00e0 de nombreux formats num\u00e9riques :<\/p>\n<ul>\n<li><strong>Emails HTML adaptatifs<\/strong> : con\u00e7us pour s\u2019afficher correctement sur tous les clients de messagerie.<\/li>\n<li><strong>Applications mobiles HTML5<\/strong> : ajust\u00e9es dynamiquement aux diff\u00e9rents \u00e9crans des smartphones.<\/li>\n<li><strong>Applications Facebook responsive<\/strong> : int\u00e9gr\u00e9es dans des interfaces sociales et adaptables \u00e0 tous les p\u00e9riph\u00e9riques.<\/li>\n<\/ul>\n<p>En r\u00e9sum\u00e9, le <strong>responsive web design<\/strong> garantit une accessibilit\u00e9 maximale du contenu, tout en optimisant la lisibilit\u00e9 et la performance sur tous les supports num\u00e9riques.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-4\" data-row=\"script-row-unique-4\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-4\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-5\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>Qu\u2019est ce que Sketch ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>Sketch et Figma sont deux <strong>r\u00e9f\u00e9rences incontournables en mati\u00e8re de design d\u2019interface<\/strong>. Chacun offre des atouts distincts selon les besoins du projet et les pr\u00e9f\u00e9rences de l\u2019\u00e9quipe.<\/p>\n<h3>Points forts de Sketch<\/h3>\n<ul>\n<li><strong>Performances locales<\/strong> : Sketch fonctionne en application native macOS, offrant une grande fluidit\u00e9 m\u00eame pour les fichiers lourds.<\/li>\n<li><strong>\u00c9cosyst\u00e8me riche<\/strong> : des milliers de plugins sont disponibles pour personnaliser le flux de travail.<\/li>\n<li><strong>Sp\u00e9cialisation web et mobile<\/strong> : id\u00e9al pour concevoir des interfaces pr\u00e9cises et exporter des \u00e9l\u00e9ments en SVG ou PNG.<\/li>\n<\/ul>\n<h3>Points forts de Figma<\/h3>\n<ul>\n<li><strong>Outil cloud collaboratif<\/strong> : Figma fonctionne directement dans le navigateur, sans installation, et permet un travail en temps r\u00e9el \u00e0 plusieurs.<\/li>\n<li><strong>Compatibilit\u00e9 multiplateforme<\/strong> : accessible sur macOS, Windows, Linux, et m\u00eame sur tablette via navigateur.<\/li>\n<li><strong>Partage et prototypage int\u00e9gr\u00e9s<\/strong> : Figma permet de cr\u00e9er des prototypes interactifs sans quitter l\u2019interface de design.<\/li>\n<\/ul>\n<h3>En r\u00e9sum\u00e9<\/h3>\n<p>Choisissez <strong>Sketch<\/strong> si vous privil\u00e9giez la performance native et un environnement macOS ferm\u00e9 mais puissant. Pr\u00e9f\u00e9rez <strong>Figma<\/strong> si vous cherchez une solution <strong>collaborative, multiplateforme et int\u00e9gr\u00e9e<\/strong>. Dans tous les cas, ces deux outils sont parfaitement adapt\u00e9s au <strong>responsive design<\/strong> et \u00e0 la <strong>conception UX\/UI moderne<\/strong>.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-5\" data-row=\"script-row-unique-5\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-5\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-6\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>La diff\u00e9rence entre UX\/UI ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>L\u2019<strong>UI<\/strong>, ou <strong>interface utilisateur<\/strong>, correspond \u00e0 la partie visible d\u2019un site ou d\u2019une application. Elle regroupe tous les \u00e9l\u00e9ments graphiques affich\u00e9s \u00e0 l\u2019\u00e9cran : couleurs, boutons, typographies, ic\u00f4nes, menus\u2026 L\u2019objectif de l\u2019UI est d\u2019offrir un <strong>design agr\u00e9able, clair et fonctionnel<\/strong> pour favoriser l\u2019interaction.<\/p>\n<h3>Quel est le r\u00f4le d\u2019un UI Designer ?<\/h3>\n<p>L\u2019<strong>UI designer<\/strong> organise et positionne les composants visuels et textuels d\u2019une interface. Il vise \u00e0 rendre la navigation fluide, intuitive et ergonomique. En travaillant sur la <strong>coh\u00e9rence visuelle<\/strong>, il am\u00e9liore la lisibilit\u00e9 et facilite la compr\u00e9hension de l\u2019interface par l\u2019utilisateur.<\/p>\n<h3>L\u2019UX design : l\u2019exp\u00e9rience au c\u0153ur du processus<\/h3>\n<p>L\u2019<strong>UX<\/strong>, ou <strong>exp\u00e9rience utilisateur<\/strong>, d\u00e9signe le <strong>ressenti global d\u2019un internaute<\/strong> lorsqu\u2019il utilise un site, une application mobile ou un logiciel. Contrairement \u00e0 l\u2019UI, l\u2019UX n\u2019est pas visible. C\u2019est la <strong>partie immerg\u00e9e de l\u2019iceberg<\/strong>, qui englobe l\u2019accessibilit\u00e9, l\u2019utilisabilit\u00e9, la fluidit\u00e9, la cr\u00e9dibilit\u00e9 et la satisfaction globale.<\/p>\n<h3>Un design pens\u00e9 pour tous les supports<\/h3>\n<p>Un bon <strong>UX design<\/strong> tient compte de l\u2019<strong>ergonomie digitale<\/strong> sur tous les supports : smartphone, tablette ou grand \u00e9cran. Il vise \u00e0 rendre l\u2019interface <strong>accessible, coh\u00e9rente et intuitive<\/strong>, quel que soit le terminal utilis\u00e9.<\/p>\n<p>En r\u00e9sum\u00e9, l\u2019<strong>UI design<\/strong> s\u2019attache \u00e0 l\u2019apparence, tandis que l\u2019<strong>UX design<\/strong> s\u2019int\u00e9resse au ressenti. Les deux disciplines sont compl\u00e9mentaires et essentielles pour concevoir un <strong>site web responsive<\/strong> et performant.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-6\" data-row=\"script-row-unique-6\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-6\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-7\"><div class=\"row col-double-gutter quad-top-padding quad-bottom-padding single-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-3 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"vc_custom_heading_wrap \"><div class=\"heading-text el-text\" ><h2 class=\"h2\" ><span><strong>C\u2019est quoi un wireframe ?<\/strong><\/span><\/h2><\/div><div class=\"clear\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-9 col-md-50 double-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<p>Le <strong>wireframe<\/strong>, aussi appel\u00e9 <strong>maquette fonctionnelle<\/strong> ou <strong>mockup<\/strong>, est un sch\u00e9ma simplifi\u00e9 utilis\u00e9 en amont d\u2019un projet web ou logiciel. Il permet de d\u00e9finir les <strong>zones cl\u00e9s d\u2019une interface<\/strong> ainsi que les composants qu\u2019elle doit int\u00e9grer.<\/p>\n<h3>Pourquoi cr\u00e9er un wireframe ?<\/h3>\n<p>Le wireframe sert \u00e0 visualiser la structure g\u00e9n\u00e9rale d\u2019un site ou d\u2019une application avant d\u2019entrer dans la phase graphique. Il pr\u00e9cise l\u2019<strong>emplacement des menus, boutons, contenus textuels et visuels<\/strong>, tout en garantissant une <strong>coh\u00e9rence ergonomique<\/strong>.<\/p>\n<h3>Une m\u00e9thode centr\u00e9e sur l\u2019ergonomie<\/h3>\n<p>Concevoir un wireframe s\u2019inscrit dans une d\u00e9marche d\u2019<strong>ergonomie de l\u2019interface<\/strong>. Cette \u00e9tape permet de tester diff\u00e9rentes organisations fonctionnelles, d\u2019identifier les points de friction et de fluidifier l\u2019<strong>exp\u00e9rience utilisateur<\/strong> d\u00e8s la phase de prototypage.<\/p>\n<h3>Des formes vari\u00e9es, un objectif commun<\/h3>\n<p>Un wireframe peut prendre la forme d\u2019un <strong>croquis papier, d\u2019un collage ou d\u2019un sch\u00e9ma num\u00e9rique<\/strong>. Quelle que soit sa forme, il a pour but de r\u00e9unir sur une m\u00eame page toutes les fonctionnalit\u00e9s cl\u00e9s et leur positionnement dans l\u2019interface finale.<\/p>\n<p>En r\u00e9sum\u00e9, le wireframe est un outil indispensable pour organiser les contenus, tester l\u2019architecture de l\u2019information et poser les bases d\u2019un design UI coh\u00e9rent.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-7\" data-row=\"script-row-unique-7\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-7\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container mobile-hidden\" id=\"row-unique-9\"><div class=\"row unequal col-half-gutter single-top-padding single-bottom-padding single-h-padding full-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-4 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-color-xsdn-bg  unradius-hg\" ><div class=\"uncont\" style=\" max-width:85%;\" ><div class=\"uncode_text_column\" ><h2><strong>Une question ?<br \/>\nUn projet en t\u00eate ?<\/strong><\/h2>\n<p>Besoin d\u2019une agence de communication pour concr\u00e9tiser vos id\u00e9es ? Une interrogation sur les informations de notre site ?<\/p>\n<p>Contactez notre \u00e9quipe sans h\u00e9siter ! Nous nous ferons un plaisir de vous r\u00e9pondre et de vous accompagner dans les plus brefs d\u00e9lais.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-8 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-back_color-130846-bg  unradius-hg\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style id=\"wpforms-css-vars-88161\">\n\t\t\t\t#wpforms-88161 {\n\t\t\t\t\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-88161\"><form id=\"wpforms-form-88161\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"88161\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/83172\" data-token=\"586e71393f7a65a36f87119eee6eb4fb\" data-token-time=\"1777573124\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-88161-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Vos coordonn\u00e9s <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-88161-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-88161-field_1-error\" required><label for=\"wpforms-88161-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-88161-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-88161-field_1-last-error\" required><label for=\"wpforms-88161-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-88161-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_2\">Votre e-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-88161-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-88161-field_2-error\" required><\/div><div id=\"wpforms-88161-field_4-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_4\">Objet de votre demande <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-88161-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" required=\"required\"><option value=\"Demande de devis\"  class=\"choice-1 depth-1\"  >Demande de devis<\/option><option value=\"Partenariat\"  class=\"choice-2 depth-1\"  >Partenariat<\/option><option value=\"Informations\"  class=\"choice-3 depth-1\"  >Informations<\/option><option value=\"Autre\"  class=\"choice-4 depth-1\"  >Autre<\/option><\/select><\/div>\t\t<div id=\"wpforms-88161-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-88161-field_5\" >message Votre votre<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-88161-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-88161-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_3\">Votre message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-88161-field_3\" class=\"wpforms-field-small wpforms-field-required wpforms-limit-characters-enabled\" data-form-id=\"88161\" data-field-id=\"3\" data-text-limit=\"500\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-88161-field_3-error\" maxlength=\"500\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-88161-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-88161-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-88161-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"88161\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages\/83172\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-88161\" class=\"wpforms-submit\" data-alt-text=\"Envoi en cours\" data-submit-text=\"Envoyer ma demande\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer ma demande<\/button><img decoding=\"async\" src=\"https:\/\/studjoow.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-9\" data-row=\"script-row-unique-9\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-9\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container desktop-hidden tablet-hidden\" id=\"row-unique-10\"><div class=\"row unequal col-half-gutter single-top-padding single-bottom-padding single-h-padding full-width row-parent\"><div class=\"wpb_row auto-height-device row-inner\"><div class=\"wpb_column pos-middle pos-center align_left column_parent col-lg-4 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-color-xsdn-bg  unradius-hg\" ><div class=\"uncont\" style=\" max-width:85%;\" ><div class=\"uncode_text_column\" ><h2><strong>Une question ?<br \/>\nUn projet en t\u00eate ?<\/strong><\/h2>\n<p>Besoin d\u2019une agence de communication pour concr\u00e9tiser vos id\u00e9es ? Une interrogation sur les informations de notre site ?<\/p>\n<p>Contactez notre \u00e9quipe sans h\u00e9siter ! Nous nous ferons un plaisir de vous r\u00e9pondre et de vous accompagner dans les plus brefs d\u00e9lais.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-8 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell single-block-padding style-back_color-130846-bg  unradius-hg\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style id=\"wpforms-css-vars-88161\">\n\t\t\t\t#wpforms-88161 {\n\t\t\t\t\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-88161\"><form id=\"wpforms-form-88161\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"88161\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/83172\" data-token=\"586e71393f7a65a36f87119eee6eb4fb\" data-token-time=\"1777573124\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-88161-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Vos coordonn\u00e9s <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-88161-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-88161-field_1-error\" required><label for=\"wpforms-88161-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-88161-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-88161-field_1-last-error\" required><label for=\"wpforms-88161-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div>\t\t<div id=\"wpforms-88161-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-88161-field_5\" >Votre Objet e-mail<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-88161-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-88161-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_2\">Votre e-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-88161-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-88161-field_2-error\" required><\/div><div id=\"wpforms-88161-field_4-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_4\">Objet de votre demande <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-88161-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" required=\"required\"><option value=\"Demande de devis\"  class=\"choice-1 depth-1\"  >Demande de devis<\/option><option value=\"Partenariat\"  class=\"choice-2 depth-1\"  >Partenariat<\/option><option value=\"Informations\"  class=\"choice-3 depth-1\"  >Informations<\/option><option value=\"Autre\"  class=\"choice-4 depth-1\"  >Autre<\/option><\/select><\/div><div id=\"wpforms-88161-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-88161-field_3\">Votre message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-88161-field_3\" class=\"wpforms-field-small wpforms-field-required wpforms-limit-characters-enabled\" data-form-id=\"88161\" data-field-id=\"3\" data-text-limit=\"500\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-88161-field_3-error\" maxlength=\"500\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-88161-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-88161-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-88161-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"88161\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages\/83172\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-88161\" class=\"wpforms-submit\" data-alt-text=\"Envoi en cours\" data-submit-text=\"Envoyer ma demande\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer ma demande<\/button><img decoding=\"async\" src=\"https:\/\/studjoow.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-10\" data-row=\"script-row-unique-10\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-10\"));<\/script><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"D\u00e9finitions du webdesignApplication ou site mobile ?Le choix entre un site mobile responsive et une application mobile d\u00e9pend de vos [...]","protected":false},"author":1,"featured_media":88411,"parent":84619,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-83172","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>D\u00e9finitions du jargon du WebDesign par Studjoow<\/title>\n<meta name=\"description\" content=\"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\/UI et wireframes\u202f: d\u00e9finitions claires.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studjoow.com\/en\/fiches\/definitions\/definitions-webdesign\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9finitions du jargon du WebDesign par Studjoow\" \/>\n<meta property=\"og:description\" content=\"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\/UI et wireframes\u202f: d\u00e9finitions claires.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studjoow.com\/en\/fiches\/definitions\/definitions-webdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"Studjoow\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flojoagency\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-05T18:24:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/07\/Logo-mauve-crre.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1353\" \/>\n\t<meta property=\"og:image:height\" content=\"1353\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@FlojoAgency\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/\",\"url\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/\",\"name\":\"D\u00e9finitions du jargon du WebDesign par Studjoow\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/studjoow.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Logo-mauve-crre.png\",\"datePublished\":\"2020-02-28T07:43:05+00:00\",\"dateModified\":\"2025-07-05T18:24:01+00:00\",\"description\":\"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\\\/UI et wireframes\u202f: d\u00e9finitions claires.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/#primaryimage\",\"url\":\"https:\\\/\\\/studjoow.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Logo-mauve-crre.png\",\"contentUrl\":\"https:\\\/\\\/studjoow.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Logo-mauve-crre.png\",\"width\":1353,\"height\":1353},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/definitions-webdesign\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/studjoow.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos fiches\",\"item\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9finitions\",\"item\":\"https:\\\/\\\/studjoow.com\\\/fiches\\\/definitions\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WebDesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/#website\",\"url\":\"https:\\\/\\\/studjoow.com\\\/\",\"name\":\"Studjoow\",\"description\":\"Cr\u00e9ez, optimisez, r\u00e9inventez vos id\u00e9es\",\"publisher\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studjoow.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/#organization\",\"name\":\"Studjoow\",\"url\":\"https:\\\/\\\/studjoow.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studjoow.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studjoow.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Studjoow-google.png\",\"contentUrl\":\"https:\\\/\\\/studjoow.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Studjoow-google.png\",\"width\":871,\"height\":871,\"caption\":\"Studjoow\"},\"image\":{\"@id\":\"https:\\\/\\\/studjoow.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/flojoagency\\\/\",\"https:\\\/\\\/x.com\\\/FlojoAgency\",\"https:\\\/\\\/www.instagram.com\\\/flojoagency\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company-beta\\\/13186034\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/flojoagency\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9finitions du jargon du WebDesign par Studjoow","description":"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\/UI et wireframes\u202f: d\u00e9finitions claires.","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:\/\/studjoow.com\/en\/fiches\/definitions\/definitions-webdesign\/","og_locale":"en_US","og_type":"article","og_title":"D\u00e9finitions du jargon du WebDesign par Studjoow","og_description":"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\/UI et wireframes\u202f: d\u00e9finitions claires.","og_url":"https:\/\/studjoow.com\/en\/fiches\/definitions\/definitions-webdesign\/","og_site_name":"Studjoow","article_publisher":"https:\/\/www.facebook.com\/flojoagency\/","article_modified_time":"2025-07-05T18:24:01+00:00","og_image":[{"width":1353,"height":1353,"url":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/07\/Logo-mauve-crre.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@FlojoAgency","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/","url":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/","name":"D\u00e9finitions du jargon du WebDesign par Studjoow","isPartOf":{"@id":"https:\/\/studjoow.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/#primaryimage"},"image":{"@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/07\/Logo-mauve-crre.png","datePublished":"2020-02-28T07:43:05+00:00","dateModified":"2025-07-05T18:24:01+00:00","description":"Gr\u00e2ce \u00e0 Studjoow, comprenez le webdesign, du flat design au responsive, en passant par UX\/UI et wireframes\u202f: d\u00e9finitions claires.","breadcrumb":{"@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/#primaryimage","url":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/07\/Logo-mauve-crre.png","contentUrl":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/07\/Logo-mauve-crre.png","width":1353,"height":1353},{"@type":"BreadcrumbList","@id":"https:\/\/studjoow.com\/fiches\/definitions\/definitions-webdesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studjoow.com\/"},{"@type":"ListItem","position":2,"name":"Nos fiches","item":"https:\/\/studjoow.com\/fiches\/"},{"@type":"ListItem","position":3,"name":"D\u00e9finitions","item":"https:\/\/studjoow.com\/fiches\/definitions\/"},{"@type":"ListItem","position":4,"name":"WebDesign"}]},{"@type":"WebSite","@id":"https:\/\/studjoow.com\/#website","url":"https:\/\/studjoow.com\/","name":"Studjoow","description":"Cr\u00e9ez, optimisez, r\u00e9inventez vos id\u00e9es","publisher":{"@id":"https:\/\/studjoow.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studjoow.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studjoow.com\/#organization","name":"Studjoow","url":"https:\/\/studjoow.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studjoow.com\/#\/schema\/logo\/image\/","url":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/01\/Studjoow-google.png","contentUrl":"https:\/\/studjoow.com\/wp-content\/uploads\/2025\/01\/Studjoow-google.png","width":871,"height":871,"caption":"Studjoow"},"image":{"@id":"https:\/\/studjoow.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flojoagency\/","https:\/\/x.com\/FlojoAgency","https:\/\/www.instagram.com\/flojoagency\/","https:\/\/www.linkedin.com\/company-beta\/13186034\/","https:\/\/www.pinterest.com\/flojoagency"]}]}},"_links":{"self":[{"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages\/83172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/comments?post=83172"}],"version-history":[{"count":0,"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages\/83172\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/pages\/84619"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/media\/88411"}],"wp:attachment":[{"href":"https:\/\/studjoow.com\/en\/wp-json\/wp\/v2\/media?parent=83172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}