{"id":821,"date":"2018-02-05T12:22:21","date_gmt":"2018-02-05T12:22:21","guid":{"rendered":"https:\/\/www.yateo.com\/blog\/?p=821"},"modified":"2021-07-05T09:44:46","modified_gmt":"2021-07-05T07:44:46","slug":"le-prototype-en-conception-dinterface","status":"publish","type":"post","link":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface","title":{"rendered":"Le prototype en conception d\u2019interface"},"content":{"rendered":"<p>Dans notre article consacr\u00e9 \u00e0 <a href=\"https:\/\/www.yateo.com\/blog\/larborescence-de-votre-site-savoir-trier-et-categoriser-vos-contenus\">l\u2019architecture de votre site<\/a>, nous vous expliquions comment classifier ses donn\u00e9es. Aujourd\u2019hui, nous vous proposons d\u2019en apprendre plus sur les diff\u00e9rents \u00e9l\u00e9ments \u00e0 r\u00e9aliser post-arborescence.<\/p>\n<p><!--more--><\/p>\n<p>Pour porter un projet de site internet \u00e0 terme, il faut proc\u00e9der par \u00e9tapes. Ces \u00e9tapes, parfois confondues ou bien elles-m\u00eames segment\u00e9es, auront pour objectif de structurer le travail autour de diff\u00e9rentes notions UX\/UI, afin de parvenir \u00e0 un projet viable et pertinent.<\/p>\n<p>Avant d\u2019en apprendre davantage sur ces \u00e9tapes de cr\u00e9ation, retenons que les appellations peuvent diff\u00e9rer selon les agences et diff\u00e9rents designers UX\/UI.<\/p>\n<h2><strong>D\u00e9finition de Prototype<\/strong><\/h2>\n<p><em>\u00ab\u00a0Premier exemplaire construit d&rsquo;un ensemble m\u00e9canique, d&rsquo;un appareil, d&rsquo;une machine et qui est destin\u00e9 \u00e0 <\/em><em>en exp<\/em><em>\u00e9rimenter en service les qualit\u00e9s en vue de la construction en s\u00e9rie.\u00a0\u00bb\u00a0<\/em> (issu du dictionnaire Larousse)<\/p>\n<p>Cette d\u00e9finition fait \u00e9cho au prototype r\u00e9alis\u00e9 dans l\u2019industrie, mais dans le domaine de la cr\u00e9ation digitale, nous parlons \u00e9galement de prototype. Il permet de pr\u00e9figurer la version d\u00e9finitive d\u2019une interface, pour tout dispositif digital, site, outil m\u00e9tier, application web \/ mobile,\u2026<\/p>\n<p>Un prototype peut prendre 2 diff\u00e9rentes formes selon le besoin exprim\u00e9 ou bien l\u2019\u00e9tape du projet\u00a0: on parle alors de prototype basse fid\u00e9lit\u00e9 ou bien de prototype haute fid\u00e9lit\u00e9.<\/p>\n<p>Quelles sont leurs utilit\u00e9s\u00a0? Leurs avantages\u00a0? Qu&rsquo;apportent-ils dans la conception d\u2019un dispositif digital\u00a0? Ce sont les questions auxquelles nous vous proposons de r\u00e9pondre.<\/p>\n<h2><strong>les Prototypes basse fid\u00e9lit\u00e9 :<\/strong><strong><br \/>\n<\/strong><strong>A &#8211; sketch &amp; zoning.<\/strong><\/h2>\n<p>Ils interviennent en tout d\u00e9but de projet. Ils peuvent prendre la forme d&rsquo;un simple croquis fait \u00e0 la main et permettent de poser les premiers \u00e9l\u00e9ments structurels du site : quels seront les \u00e9l\u00e9ments transversaux du site ? Quel principe de navigation choisir pour donner acc\u00e8s \u00e0 l\u2019ensemble des contenus ? Quels contenus et quelles fonctionnalit\u00e9s pr\u00e9senter sur la page d&rsquo;accueil ?<\/p>\n<div id=\"attachment_832\" style=\"width: 1376px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-832\" class=\"wp-image-832 size-full\" src=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning.jpg\" alt=\"\" width=\"1366\" height=\"762\" srcset=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning.jpg 1366w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning-300x167.jpg 300w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning-1024x571.jpg 1024w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning-768x428.jpg 768w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/zoning-1200x669.jpg 1200w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><p id=\"caption-attachment-832\" class=\"wp-caption-text\">Les contenus et fonctionnalit\u00e9s sont sch\u00e9matis\u00e9s par de simples rectangles. (ci-dessus, Zoning crayonn\u00e9 et un autre r\u00e9alis\u00e9 sous illustrator)<\/p><\/div>\n<p>Leurs utilit\u00e9s ?<\/p>\n<ul>\n<li>Ils servent de base de r\u00e9flexion au designer pour la phase de conception, mais ils peuvent \u00e9galement \u00eatre pr\u00e9sent\u00e9s au client en tant qu\u2019\u00e9bauches. Ils permettront ainsi au designer de r\u00e9cup\u00e9rer tous les contenus n\u00e9cessaires \u00e0 la r\u00e9alisation des wireframes.<\/li>\n<li>Ils peuvent \u00eatre g\u00e9n\u00e9r\u00e9s en atelier d\u2019id\u00e9ation, en \u00e9quipe. Chacun pr\u00e9sente ses solutions sous la forme d\u2019une interface sch\u00e9matis\u00e9e, puis les id\u00e9es sont regroup\u00e9es et affin\u00e9es.<\/li>\n<\/ul>\n<h3><strong>\u00a0B &#8211;\u00a0<\/strong><strong>Wireframes<\/strong><\/h3>\n<p>Bien plus d\u00e9taill\u00e9s que les zoning, les wireframes ont pour but de d\u00e9finir la navigation, les interactions ainsi que la hi\u00e9rarchie de l\u2019information.<\/p>\n<div id=\"attachment_834\" style=\"width: 1376px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-834\" class=\"wp-image-834 size-full\" src=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3.jpg\" alt=\"\" width=\"1366\" height=\"762\" srcset=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3.jpg 1366w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3-300x167.jpg 300w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3-1024x571.jpg 1024w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3-768x428.jpg 768w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-3-1200x669.jpg 1200w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><p id=\"caption-attachment-834\" class=\"wp-caption-text\">Les contenus sont plus pr\u00e9cis, et certaines fonctionnalit\u00e9s sont simul\u00e9es pour pouvoir les tester. (ci-dessus, wireframe r\u00e9alis\u00e9 avec Axure)<\/p><\/div>\n<p>Ils repr\u00e9sentent \u00e9galement l\u2019interface et permettent de valider la structure du site, avant de s\u2019occuper de sa surface et de son design graphique.<strong><br \/>\n<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-833\" src=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe-2.jpg\" alt=\"\" width=\"1\" height=\"1\" \/><\/p>\n<p>Leurs utilit\u00e9s ?<\/p>\n<ul>\n<li>Beaucoup plus rapide \u00e0 r\u00e9aliser que des maquettes, ils permettent de tester plusieurs hypoth\u00e8ses plus rapidement, afin de les am\u00e9liorer dans les d\u00e9lais les plus brefs.<\/li>\n<li>Les wireframes sont utiles pour de partager une vision commune entre toutes les parties prenantes de vos projets. D\u2019une part, pour les partager et \u00e9changer avec l\u2019\u00e9quipe de d\u00e9veloppeurs sur les fonctionnalit\u00e9s \u00e0 d\u00e9velopper. D\u2019autre part, ils accompagnent les sp\u00e9cificit\u00e9s fonctionnelles qui permettent aux commanditaires de les valider avec un support visuel et interactif.<\/li>\n<li>Ils permettent \u00e9galement un recensement de tous les contenus attendus\u00a0: textes, visuels, vid\u00e9os,\u2026<\/li>\n<li>Enfin, ils sont tr\u00e8s utiles pour r\u00e9aliser des tests aupr\u00e8s d\u2019utilisateurs afin de v\u00e9rifier la qualit\u00e9 du projet.<\/li>\n<\/ul>\n<blockquote><p><em>Les notes de l\u2019agence\u00a0: les wireframes pr\u00e9sentent \u00e9galement quelques limites. Certains utilisateurs ou clients ont beaucoup de mal \u00e0 se projeter dans des interfaces sans design graphique. Par ailleurs, sans les photos et textes d\u00e9finitifs, il est possible que des changements structurels soient \u00e0 apporter au moment des maquettes graphiques, ce qui peut ralentir le projet.<\/em><\/p><\/blockquote>\n<h2><strong>Prototype haute fid\u00e9lit\u00e9 :\u00a0<\/strong><strong>maquette graphique &amp; mock up.<\/strong><\/h2>\n<p>La \u00ab\u00a0structure\u00a0\u00bb \u00e9tant valid\u00e9e par les wireframes, il s\u2019agit cette fois de travailler sur \u00ab\u00a0la surface\u00a0\u00bb du site. Il faut alors cr\u00e9er le design d&rsquo;interface en ad\u00e9quation avec la charte graphique de l\u2019entreprise, ou bien en cr\u00e9er une sur-mesure. Ces maquettes de haute fid\u00e9lit\u00e9 proposent donc un rendu au plus proche de ce que sera le site une fois d\u00e9velopp\u00e9.<\/p>\n<div id=\"attachment_830\" style=\"width: 1376px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-830\" class=\"wp-image-830 size-full\" src=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette.jpg\" alt=\"\" width=\"1366\" height=\"950\" srcset=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette.jpg 1366w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette-300x209.jpg 300w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette-1024x712.jpg 1024w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette-768x534.jpg 768w, https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/maquette-1200x835.jpg 1200w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><p id=\"caption-attachment-830\" class=\"wp-caption-text\">Ces maquettes graphiques peuvent devenir de vrais prototypes interactifs en rendant possible des \u00e9l\u00e9ments tels que la navigation entre plusieurs \u00e9crans, les effets au survol, les animations,\u2026(ci-dessus, maquette interactive sur Invision)<\/p><\/div>\n<p>Leurs utilit\u00e9s ?<\/p>\n<ul>\n<li>Les prototypes haute fid\u00e9lit\u00e9 permettent de valider avec le client l\u2019aspect visuel du site\u00a0: plusieurs allers\/retours entre l\u2018\u00e9quipe d\u2019UI designer et le client seront n\u00e9cessaires pour retranscrire l\u2019image de l\u2019entreprise (ou du produit).<\/li>\n<li>Il est possible de les faire tester \u00e0 des utilisateurs et de s\u2019assurer d\u2019avoir cr\u00e9\u00e9 une exp\u00e9rience visuelle agr\u00e9able et compr\u00e9hensible pour l\u2019utilisateur. Il faudra enfin s\u2019assurer que la maquette graphique r\u00e9pond bien \u00e0 toutes les attentes du commanditaire avant de proc\u00e9der \u00e0 la phase de d\u00e9veloppement du projet.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Ces derni\u00e8res ann\u00e9es, de nombreux outils de prototypage ont fait leur apparition. Ils permettent de faire des prototypes de plus en fid\u00e8les. En ce qui nous concerne, nous avons adopt\u00e9 Axure pour les wireframes, Sketch + Invision pour les maquettes graphiques et bient\u00f4t Principle pour les rendre les plus interactives possible\u00a0! Nous vous ferons une revue de ces diff\u00e9rents outils dans un prochain article.<\/p>\n<p>&nbsp;<\/p>\n<p>Si vous souhaitez recevoir des informations sur nos prestations, contactez-nous au 01 58 89 27 36 ou via le formulaire de contact\u00a0<a href=\"https:\/\/www.yateo.com\/?contact\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">disponible ici<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans notre article consacr\u00e9 \u00e0 l\u2019architecture de votre site, nous vous expliquions comment classifier ses donn\u00e9es. Aujourd\u2019hui, nous vous proposons d\u2019en apprendre plus sur les diff\u00e9rents \u00e9l\u00e9ments \u00e0 r\u00e9aliser post-arborescence.<\/p>\n","protected":false},"author":4,"featured_media":826,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[198,197],"tags":[],"class_list":["post-821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptiondigitale","category-lesconseilsdelagence","has-featured-image"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Le prototype en conception d\u2019interface - Blog YATEO<\/title>\n<meta name=\"description\" content=\"La cr\u00e9ation de l&#039;interface d&#039;un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le prototype en conception d\u2019interface - Blog YATEO\" \/>\n<meta property=\"og:description\" content=\"La cr\u00e9ation de l&#039;interface d&#039;un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\" \/>\n<meta property=\"og:site_name\" content=\"Blog YATEO\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-05T12:22:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-05T07:44:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"442\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yves ATTIAS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yves ATTIAS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\"},\"author\":{\"name\":\"Yves ATTIAS\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\"},\"headline\":\"Le prototype en conception d\u2019interface\",\"datePublished\":\"2018-02-05T12:22:21+00:00\",\"dateModified\":\"2021-07-05T07:44:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\"},\"wordCount\":1031,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg\",\"articleSection\":[\"Conception digitale\",\"Les conseils de l'agence\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\",\"url\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\",\"name\":\"Le prototype en conception d\u2019interface - Blog YATEO\",\"isPartOf\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg\",\"datePublished\":\"2018-02-05T12:22:21+00:00\",\"dateModified\":\"2021-07-05T07:44:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\"},\"description\":\"La cr\u00e9ation de l'interface d'un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !\",\"breadcrumb\":{\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage\",\"url\":\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg\",\"contentUrl\":\"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg\",\"width\":1200,\"height\":442},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.yateo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le prototype en conception d\u2019interface\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#website\",\"url\":\"https:\/\/www.yateo.com\/blog\/\",\"name\":\"Blog YATEO\",\"description\":\"Le blog de l&#039;agence YATEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.yateo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82\",\"name\":\"Yves ATTIAS\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Le prototype en conception d\u2019interface - Blog YATEO","description":"La cr\u00e9ation de l'interface d'un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !","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:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface","og_locale":"fr_FR","og_type":"article","og_title":"Le prototype en conception d\u2019interface - Blog YATEO","og_description":"La cr\u00e9ation de l'interface d'un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !","og_url":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface","og_site_name":"Blog YATEO","article_published_time":"2018-02-05T12:22:21+00:00","article_modified_time":"2021-07-05T07:44:46+00:00","og_image":[{"width":1200,"height":442,"url":"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg","type":"image\/jpeg"}],"author":"Yves ATTIAS","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Yves ATTIAS","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#article","isPartOf":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface"},"author":{"name":"Yves ATTIAS","@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82"},"headline":"Le prototype en conception d\u2019interface","datePublished":"2018-02-05T12:22:21+00:00","dateModified":"2021-07-05T07:44:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface"},"wordCount":1031,"commentCount":0,"image":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage"},"thumbnailUrl":"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg","articleSection":["Conception digitale","Les conseils de l'agence"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface","url":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface","name":"Le prototype en conception d\u2019interface - Blog YATEO","isPartOf":{"@id":"https:\/\/www.yateo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage"},"image":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage"},"thumbnailUrl":"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg","datePublished":"2018-02-05T12:22:21+00:00","dateModified":"2021-07-05T07:44:46+00:00","author":{"@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82"},"description":"La cr\u00e9ation de l'interface d'un site repose sur le concept de prototype. Bien connu chez les designers UX\/UI, YATEO vous en d\u00e9voile tous les secrets !","breadcrumb":{"@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#primaryimage","url":"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg","contentUrl":"https:\/\/www.yateo.com\/blog\/wp-content\/uploads\/2018\/01\/wireframe.jpg","width":1200,"height":442},{"@type":"BreadcrumbList","@id":"https:\/\/www.yateo.com\/blog\/le-prototype-en-conception-dinterface#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.yateo.com\/blog"},{"@type":"ListItem","position":2,"name":"Le prototype en conception d\u2019interface"}]},{"@type":"WebSite","@id":"https:\/\/www.yateo.com\/blog\/#website","url":"https:\/\/www.yateo.com\/blog\/","name":"Blog YATEO","description":"Le blog de l&#039;agence YATEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yateo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.yateo.com\/blog\/#\/schema\/person\/d282ac5d7f0ef452229cf2841f4ecd82","name":"Yves ATTIAS"}]}},"_links":{"self":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts\/821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/comments?post=821"}],"version-history":[{"count":0,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/posts\/821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/media\/826"}],"wp:attachment":[{"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/media?parent=821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/categories?post=821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yateo.com\/blog\/wp-json\/wp\/v2\/tags?post=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}