{"id":13977,"date":"2018-01-10T15:17:06","date_gmt":"2018-01-10T14:17:06","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=13977"},"modified":"2018-01-10T15:17:06","modified_gmt":"2018-01-10T14:17:06","slug":"comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10","title":{"rendered":"Comment \u00e9quilibrer l&rsquo;interface utilisateur et la fonctionnalit\u00e9"},"content":{"rendered":"<p>\u00c9quilibrer les principes qui r\u00e9gissent l&rsquo;interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d&rsquo;art en soi. Tout comme un \u00e9crivain doit synth\u00e9tiser de grandes phrases pour plus de clart\u00e9, un d\u00e9veloppeur web doit \u00e9galement supprimer les \u00e9l\u00e9ments visuels maladroits et les protocoles confus qui entravent la convivialit\u00e9 et la coh\u00e9rence..<\/p>\n<p>Consid\u00e9rez les meilleurs sites Web et les applications qui ont propuls\u00e9 les start-up de garage en grandes marques. Les th\u00e8mes de <a href=\"https:\/\/www.office.com\/?omkt=fr-FR\" target=\"_blank\">Microsoft Office 365<\/a> sont coh\u00e9rents, familiers et simplistes. Naviguer autour d&rsquo;un site Web Apple ou d&rsquo;un canva iPhone mobile est incroyablement adaptable et facilement r\u00e9alisable pour pratiquement tout le monde.<\/p>\n<p>Rappelez-vous ce qui suit pour \u00e9quilibrer les fonctionnalit\u00e9s avec l&rsquo;interactivit\u00e9 de l&rsquo;utilisateur qui cr\u00e9e un site Web engageant avec un attrait universel :<\/p>\n<h2>\u00catre coh\u00e9rent<\/h2>\n<p>La r\u00e8gle ultime pour la conception de sites Web r\u00e9side dans la promotion de la coh\u00e9rence sur l&rsquo;ensemble de votre site. Gardez en t\u00eate qu\u2019une action inattendue se traduit par une action ind\u00e9sirable ou n\u00e9gative associ\u00e9e \u00e0 votre UX.<\/p>\n<p>Les <a title=\"Apprendre la base de la conception d\u2019une interface utilisateur en 6 \u00e9tapes\" href=\"https:\/\/academy.visiplus.com\/blog\/web-design\/apprendre-la-base-de-la-conception-de-linterface-utilisateur-en-6-etapes-2017-12-28\" target=\"_blank\">principes de conception d&rsquo;une interface utilisateur (UI) <\/a>incluent la facilit\u00e9 d&rsquo;utilisation et la compr\u00e9hension. Un bon design et une fonctionnalit\u00e9 efficace devraient servir \u00e0 la fois les utilisateurs novices et les utilisateurs avanc\u00e9s d&rsquo;ordinateurs \/ mobiles.<\/p>\n<p>La fonctionnalit\u00e9 de votre interface utilisateur doit se conformer aux attentes des internautes sans les submerger. Assurez-vous qu&rsquo;il soit suffisamment interactif pour que tous les utilisateurs restent impliqu\u00e9s.<\/p>\n<p>R\u00e9pondez aux attentes des utilisateurs en faisant la promotion d&rsquo;\u00e9l\u00e9ments d&rsquo;interface utilisateur coh\u00e9rents tout au long de votre conception. Cela comprend :<\/p>\n<ul>\n<li>Langue (inclut l&rsquo;auteur \u00ab voix \u00bb)<\/li>\n<li>Polices<\/li>\n<li>Sch\u00e9mas de couleurs de la marque<\/li>\n<li>Contr\u00f4les d&rsquo;entr\u00e9e<\/li>\n<li>Composants d&rsquo;information<\/li>\n<li>Navigation (menus d\u00e9roulants, barres de navigation, etc.)<\/li>\n<\/ul>\n<p>Il existe de nombreux guides de style, des kits d&rsquo;interface utilisateur et des th\u00e8mes personnalisables que vous pouvez s\u00e9lectionner sur des sites comme <a href=\"https:\/\/fr.wordpress.org\/\" target=\"_blank\">WordPress<\/a> pour promouvoir la coh\u00e9rence tout au long de votre site Web. Envisagez d&rsquo;utiliser <a href=\"https:\/\/academy.visiplus.com\/definitions\/html-webmarketing.php\" target=\"_blank\">HTML<\/a>5 et CSS3 pour promouvoir la coh\u00e9rence et la facilit\u00e9 d&rsquo;utilisation sur votre site.<\/p>\n<p>Les ing\u00e9nieurs logiciels doivent segmenter visuellement les \u00e9l\u00e9ments de l&rsquo;interface utilisateur qui contiennent diff\u00e9rentes fonctions. Cela inclut l&rsquo;ajout d&rsquo;une barre lat\u00e9rale pour les \u00e9l\u00e9ments de navigation, la cr\u00e9ation de points focaux pour afficher une incitation \u00e0 l&rsquo;action convaincante, l&rsquo;h\u00e9bergement d&rsquo;une barre d&rsquo;outils pour l&rsquo;\u00e9dition, le regroupement de boutons de partage social et la s\u00e9paration claire d&rsquo;un canva pour afficher l&rsquo;\u00e9tat actuel d&rsquo;un projet.<\/p>\n<h2>Parfois, \u00ab Less is more \u00bb<\/h2>\n<p>Conform\u00e9ment \u00e0 nos principes de conception efficace de l&rsquo;interface utilisateur, il est important d&rsquo;\u00e9liminer une courbe d&rsquo;apprentissage pour favoriser la facilit\u00e9 d&rsquo;utilisation et la compr\u00e9hension. Une interface utilisateur complexe est \u00e9galement compliqu\u00e9e \u00e0 utiliser, ce qui entra\u00eene une perte de temps sur votre site Web ou votre application.<\/p>\n<p>La coh\u00e9rence \u00e9limine le nombre d&rsquo;actions n\u00e9cessaires pour terminer une t\u00e2che finale et le nombre de repr\u00e9sentations que les utilisateurs doivent apprendre pour effectuer une t\u00e2che finale.<\/p>\n<p>Pensez \u00e0 l&rsquo;application Uber. Lors de son utilisation, les utilisateurs distinguent un <a href=\"https:\/\/academy.visiplus.com\/definitions\/call-to-action.php\" target=\"_blank\">CTA<\/a> clair et re\u00e7oivent des informations bas\u00e9s sur le temps de trajet et la distance. Il n&rsquo;y a pas de menus d\u00e9roulants dans lesquels vous choisissez parmi une liste de pilotes, mais il y a encore beaucoup de sociabilit\u00e9 impliqu\u00e9e dans l&rsquo;application.<\/p>\n<div id=\"attachment_13980\" style=\"width: 550px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_..jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13980\" class=\" wp-image-13980  \" alt=\"Source : Uber wikipedia\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_..jpg\" width=\"540\" height=\"360\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_..jpg 1500w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_.-300x200.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_.-1024x682.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/\u0d2f\u0d3e\u0d24\u0d4d\u0d30_\u0d24\u0d41\u0d1f\u0d19\u0d4d\u0d19\u0d41\u0d35\u0d3e\u0d28\u0d4d\u200d_\u0d24\u0d3f\u0d30\u0d1e\u0d4d\u0d1e\u0d46\u0d1f\u0d41\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41_.-610x406.jpg 610w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><p id=\"caption-attachment-13980\" class=\"wp-caption-text\">Source : Uber wikipedia<\/p><\/div>\n<p>Enlevez tous les \u00e9l\u00e9ments fouillis qui pourraient distraire les utilisateurs et envisagez d&rsquo;utiliser un certain minimalisme dans votre conception. Parfois, <em>\u00ab less is more \u00bb<\/em>. Si votre site Web utilise un menu d\u00e9roulant ou de recherche sophistiqu\u00e9, envisagez de les d\u00e9composer en points de contact plus simples pour en faciliter l&rsquo;utilisation.<\/p>\n<p>Une interface utilisateur complexe peut entra\u00eener des probl\u00e8mes techniques sur votre site Web si elle n&rsquo;est pas correctement optimis\u00e9e. Cela inclut des temps de chargement plus lents et une probabilit\u00e9 plus \u00e9lev\u00e9e d&rsquo;expressions mal utilis\u00e9es.<\/p>\n<p>En termes d&rsquo;exp\u00e9rience utilisateur, pensez \u00e0 rechercher des principes de gestalt pour cr\u00e9er des rep\u00e8res visuels qui repr\u00e9sentent un <a href=\"https:\/\/academy.visiplus.com\/formations-contenu.php\" target=\"_blank\">contenu<\/a> similaire et regroupez-les de mani\u00e8re appropri\u00e9e.<\/p>\n<h2>Changements it\u00e9ratifs<\/h2>\n<p>Tenez toujours compte du co\u00fbt pour les utilisateurs r\u00e9guliers associ\u00e9s \u00e0 la modification de la conception ou des \u00e9l\u00e9ments fonctionnels de votre <a title=\"Web design : native, hybride ou responsive, quel format est fait pour votre application mobile\" href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/web-design-native-hybride-ou-responsive-quel-format-est-fait-pour-votre-application-mobile-2017-08-08\" target=\"_blank\">application Web<\/a>. Ceux-ci peuvent \u00eatre temporaires pendant qu&rsquo;ils se familiarisent avec les nouveaux \u00e9l\u00e9ments, ou totalement changer les limites psychographiques de la fa\u00e7on dont les utilisateurs interagissent avec votre application.<\/p>\n<p>C&rsquo;est pourquoi il est recommand\u00e9 de toujours effectuer des changements it\u00e9ratifs qui augmentent votre vitesse de d\u00e9veloppement. Maintenez la facilit\u00e9 d&rsquo;utilisation tout en favorisant les repr\u00e9sentations d&rsquo;apprentissage \u00e0 chaque point de contact tout au long du processus de d\u00e9veloppement.<\/p>\n<p>Heureusement, la conception logicielle respecte toujours les paradigmes \u00e9tablis, ce qui limite l&rsquo;effet qu&rsquo;une mise \u00e0 jour majeure de l&rsquo;interface utilisateur aura sur les utilisateurs.<\/p>\n<p>Envisagez de tester les effets que les modifications fonctionnelles peuvent avoir en exp\u00e9rimentant diff\u00e9rents \u00e9l\u00e9ments de l&rsquo;interface utilisateur, tels que le dimensionnement et le placement des boutons dans votre application pour une utilisation finale plus facile. Effectuez toujours des tests utilisateurs t\u00f4t pour d\u00e9tecter les probl\u00e8mes dans le cycle de d\u00e9veloppement.<\/p>\n<p>Exp\u00e9rimenter de nouvelles fonctionnalit\u00e9s dans votre conception est tr\u00e8s bien, mais il est important de maintenir la coh\u00e9rence sur votre site Web pour un UX positif. Une astuce pour y parvenir est de tirer parti des \u00e9l\u00e9ments \u00e9tablis de la <a title=\"Web Design : comment le Big Data influe sur la conception Web et ce qu\u2019il faut en retenir\" href=\"https:\/\/academy.visiplus.com\/blog\/web-design\/web-design-comment-le-big-data-influent-sur-la-conception-web-et-ce-quil-faut-en-retenir-2017-06-29\" target=\"_blank\">conception Web<\/a> pour leur familiarit\u00e9.<\/p>\n<h2>S&rsquo;en tenir aux paradigmes familiers<\/h2>\n<p>\u00catre original est un trait pr\u00e9cieux dans notre soci\u00e9t\u00e9, mais pas dans le <a href=\"https:\/\/academy.visiplus.com\/formations-webdesign.php\" target=\"_blank\">design web<\/a>. La cr\u00e9ation de nouvelles repr\u00e9sentations visuelles pour les t\u00e2ches exigera que les consommateurs apprennent de nouvelles repr\u00e9sentations visuelles, ce qui peut produire deux r\u00e9sultats :<\/p>\n<ul>\n<li>Temps accru entre les t\u00e2ches pour l&rsquo;utilisation du produit final.<\/li>\n<li>\u00c9chec de l&rsquo;ex\u00e9cution des t\u00e2ches souhait\u00e9es entra\u00eenant un rebond.<\/li>\n<\/ul>\n<p>La r\u00e9alisation de t\u00e2ches avec de nouvelles repr\u00e9sentations visuelles est intrins\u00e8quement inconfortable pour les utilisateurs. Consid\u00e9rez certains des \u00e9l\u00e9ments de conception Web courants qui constituent la majorit\u00e9 de l&rsquo;interface utilisateur:<\/p>\n<ul>\n<li>Logo en haut \u00e0 gauche d&rsquo;une page.<\/li>\n<li>Barre de recherche en haut \u00e0 droite de la page.<\/li>\n<li>Barres d\u00e9roulantes segment\u00e9es visuellement \u00e0 partir du reste de la page en haut.<\/li>\n<li>Boutons de partage social sous le <a href=\"https:\/\/academy.visiplus.com\/formations-contenu.php\" target=\"_blank\">contenu.<\/a><\/li>\n<\/ul>\n<p>Votre application logicielle b\u00e9n\u00e9ficiera d&rsquo;\u00e9l\u00e9ments d&rsquo;interface utilisateur pr\u00e9d\u00e9finis qui guident facilement les utilisateurs vers les actions souhait\u00e9es.<\/p>\n<h2>Connaissez vos appareils<\/h2>\n<p>Enfin, le plus grand exemple de malaise d&rsquo;interface utilisateur peut \u00eatre trouv\u00e9 chez les utilisateurs qui tentent d&rsquo;ex\u00e9cuter des t\u00e2ches similaires sur diff\u00e9rents syst\u00e8mes d&rsquo;exploitation. Rappelez-vous, de nombreux utilisateurs d&rsquo;Apple utilisent strictement les produits Apple.<\/p>\n<p>Vraiment, ce principe est simple et n\u00e9cessite seulement que vous vous familiarisiez avec votre syst\u00e8me d&rsquo;exploitation ou votre appareil. Lors de l&rsquo;optimisation d&rsquo;une application Web pour <a href=\"https:\/\/academy.visiplus.com\/formations-mobile.php\" target=\"_blank\">mobile<\/a>, tenez toujours compte du petit \u00e9cran et des boutons de l&rsquo;\u00e9cran tactile. Tirez parti de la th\u00e9orie de gestalt (psychologie de la forme) et des principes d&rsquo;une bonne conception de l&rsquo;interface utilisateur pour rendre vos applications universellement accessibles sur tous les p\u00e9riph\u00e9riques et syst\u00e8mes d&rsquo;exploitation.<\/p>\n<h2>Pour conclure<\/h2>\n<p>Faites la promotion de la coh\u00e9rence, la familiarit\u00e9, l&rsquo;interactivit\u00e9 et l&rsquo;accessibilit\u00e9 pour cr\u00e9er une application web vraiment efficace. Parfois, \u00ab less is more \u00bb et aucun exemple plus grand de ce principe peut \u00eatre trouv\u00e9 que le site Web d&rsquo;Apple et Microsoft Office 365.<\/p>\n<h6>Source : https:\/\/www.forbes.com<\/h6>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9quilibrer les principes qui r\u00e9gissent l&rsquo;interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d&rsquo;art en soi. Tout comme un \u00e9crivain doit synth\u00e9tiser de grandes phrases pour plus de clart\u00e9, un d\u00e9veloppeur web doit \u00e9galement&#8230;<\/p>\n","protected":false},"author":2,"featured_media":13982,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[329,328,190],"tags":[819,556],"class_list":["post-13977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-indesign-web-design","category-photoshop","category-web-design","tag-interface-utilisateur","tag-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.9-RC5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment \u00e9quilibrer l&#039;interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy<\/title>\n<meta name=\"description\" content=\"\u00c9quilibrer les principes qui r\u00e9gissent l&#039;interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d&#039;art en soi. Tout comme un \u00e9crivain doit\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment \u00e9quilibrer l&#039;interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy\" \/>\n<meta property=\"og:description\" content=\"\u00c9quilibrer les principes qui r\u00e9gissent l&#039;interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d&#039;art en soi. Tout comme un \u00e9crivain doit\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\" \/>\n<meta property=\"og:site_name\" content=\"Blog VISIPLUS academy\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-10T14:17:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ang\u00e9lique Dertip\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ang\u00e9lique Dertip\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\"},\"author\":{\"name\":\"Ang\u00e9lique Dertip\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/08264ccf13907f678a7197841e2ac169\"},\"headline\":\"Comment \u00e9quilibrer l&rsquo;interface utilisateur et la fonctionnalit\u00e9\",\"datePublished\":\"2018-01-10T14:17:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\"},\"wordCount\":1355,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/ui-fonctionnalit.jpg\",\"keywords\":[\"Interface utilisateur\",\"UX\"],\"articleSection\":[\"InDesign Appliqu\u00e9 au Web Marketing\",\"Photoshop Appliqu\u00e9 au Web Marketing\",\"Web Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\",\"name\":\"Comment \u00e9quilibrer l'interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/ui-fonctionnalit.jpg\",\"datePublished\":\"2018-01-10T14:17:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/08264ccf13907f678a7197841e2ac169\"},\"description\":\"\u00c9quilibrer les principes qui r\u00e9gissent l'interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d'art en soi. Tout comme un \u00e9crivain doit\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/ui-fonctionnalit.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/ui-fonctionnalit.jpg\",\"width\":780,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment \u00e9quilibrer l&rsquo;interface utilisateur et la fonctionnalit\u00e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\",\"name\":\"Blog VISIPLUS academy\",\"description\":\"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/08264ccf13907f678a7197841e2ac169\",\"name\":\"Ang\u00e9lique Dertip\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/angelique.png\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/angelique.png\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/angelique.png\",\"caption\":\"Ang\u00e9lique Dertip\"},\"description\":\"Forte d\u2019une exp\u00e9rience de 7 ans en agence et chez l\u2019annonceur, Ang\u00e9lique s\u2019est sp\u00e9cialis\u00e9e dans le social media. Elle met en place et g\u00e8re des strat\u00e9gies communautaires efficaces pour des marques qui souhaitent d\u00e9velopper leur pr\u00e9sence sur les r\u00e9seaux sociaux.\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/author\\\/angelique-dertip\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment \u00e9quilibrer l'interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy","description":"\u00c9quilibrer les principes qui r\u00e9gissent l'interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d'art en soi. Tout comme un \u00e9crivain doit","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:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10","og_locale":"fr_FR","og_type":"article","og_title":"Comment \u00e9quilibrer l'interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy","og_description":"\u00c9quilibrer les principes qui r\u00e9gissent l'interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d'art en soi. Tout comme un \u00e9crivain doit","og_url":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10","og_site_name":"Blog VISIPLUS academy","article_published_time":"2018-01-10T14:17:06+00:00","og_image":[{"width":780,"height":300,"url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg","type":"image\/jpeg"}],"author":"Ang\u00e9lique Dertip","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ang\u00e9lique Dertip","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#article","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10"},"author":{"name":"Ang\u00e9lique Dertip","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/08264ccf13907f678a7197841e2ac169"},"headline":"Comment \u00e9quilibrer l&rsquo;interface utilisateur et la fonctionnalit\u00e9","datePublished":"2018-01-10T14:17:06+00:00","mainEntityOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10"},"wordCount":1355,"commentCount":0,"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg","keywords":["Interface utilisateur","UX"],"articleSection":["InDesign Appliqu\u00e9 au Web Marketing","Photoshop Appliqu\u00e9 au Web Marketing","Web Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#respond"]}]},{"@type":"WebPage","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10","url":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10","name":"Comment \u00e9quilibrer l'interface utilisateur et la fonctionnalit\u00e9 - VISIPLUS academy","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage"},"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg","datePublished":"2018-01-10T14:17:06+00:00","author":{"@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/08264ccf13907f678a7197841e2ac169"},"description":"\u00c9quilibrer les principes qui r\u00e9gissent l'interface utilisateur avec une fonctionnalit\u00e9 sup\u00e9rieure est une forme d'art en soi. Tout comme un \u00e9crivain doit","breadcrumb":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#primaryimage","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2018\/01\/ui-fonctionnalit.jpg","width":780,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/comment-equilibrer-linterface-utilisateur-et-la-fonctionnalite-2018-01-10#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/academy.visiplus.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment \u00e9quilibrer l&rsquo;interface utilisateur et la fonctionnalit\u00e9"}]},{"@type":"WebSite","@id":"https:\/\/academy.visiplus.com\/blog\/#website","url":"https:\/\/academy.visiplus.com\/blog\/","name":"Blog VISIPLUS academy","description":"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.visiplus.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/08264ccf13907f678a7197841e2ac169","name":"Ang\u00e9lique Dertip","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/angelique.png","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/angelique.png","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/angelique.png","caption":"Ang\u00e9lique Dertip"},"description":"Forte d\u2019une exp\u00e9rience de 7 ans en agence et chez l\u2019annonceur, Ang\u00e9lique s\u2019est sp\u00e9cialis\u00e9e dans le social media. Elle met en place et g\u00e8re des strat\u00e9gies communautaires efficaces pour des marques qui souhaitent d\u00e9velopper leur pr\u00e9sence sur les r\u00e9seaux sociaux.","url":"https:\/\/academy.visiplus.com\/blog\/author\/angelique-dertip"}]}},"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/13977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=13977"}],"version-history":[{"count":3,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/13977\/revisions"}],"predecessor-version":[{"id":13981,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/13977\/revisions\/13981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/13982"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=13977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=13977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=13977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}