{"id":2764,"date":"2023-06-13T08:51:53","date_gmt":"2023-06-13T06:51:53","guid":{"rendered":"https:\/\/stepalong.com\/?p=2764"},"modified":"2023-11-27T19:04:04","modified_gmt":"2023-11-27T18:04:04","slug":"comment-faire-types-de-contenu-illustration","status":"publish","type":"post","link":"https:\/\/www.stepalong.com\/fr\/comment-faire-types-de-contenu-illustration\/","title":{"rendered":"Avantages et inconv\u00e9nients des modes d'emploi de produits bas\u00e9s sur des illustrations"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"750\" src=\"https:\/\/stepalong.com\/wp-content\/uploads\/2023\/06\/purple_illustration_of_an_artist_working_on_a_new_art_piece_flat_style_simple_style_Vjr0YrMAUBB7uZHjCyvz_6-2.jpg\" alt=\"\" class=\"wp-image-2770\" srcset=\"https:\/\/www.stepalong.com\/wp-content\/uploads\/2023\/06\/purple_illustration_of_an_artist_working_on_a_new_art_piece_flat_style_simple_style_Vjr0YrMAUBB7uZHjCyvz_6-2.jpg 750w, https:\/\/www.stepalong.com\/wp-content\/uploads\/2023\/06\/purple_illustration_of_an_artist_working_on_a_new_art_piece_flat_style_simple_style_Vjr0YrMAUBB7uZHjCyvz_6-2-300x300.jpg 300w, https:\/\/www.stepalong.com\/wp-content\/uploads\/2023\/06\/purple_illustration_of_an_artist_working_on_a_new_art_piece_flat_style_simple_style_Vjr0YrMAUBB7uZHjCyvz_6-2-150x150.jpg 150w, https:\/\/www.stepalong.com\/wp-content\/uploads\/2023\/06\/purple_illustration_of_an_artist_working_on_a_new_art_piece_flat_style_simple_style_Vjr0YrMAUBB7uZHjCyvz_6-2-12x12.jpg 12w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Image g\u00e9n\u00e9r\u00e9e par&nbsp;<a href=\"https:\/\/open.ai\/images\" target=\"_blank\" rel=\"noopener\" title=\"\">IA ouverte<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"translation-block\"><a href=\"https:\/\/www.stepalong.com\/fr\/comment-faire-types-de-contenu-texte\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Texte<\/a>, <a href=\"https:\/\/www.stepalong.com\/fr\/comment-faire-types-de-contenu-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\">vid\u00e9o<\/a> et <a href=\"https:\/\/www.stepalong.com\/fr\/comment-faire-des-types-de-contenu-photo\/\" target=\"_blank\" rel=\"noopener\" title=\"\">photo<\/a> nous permettent de cr\u00e9er de nombreux types de contenus p\u00e9dagogiques, en les adaptant en fonction du public cible souhait\u00e9, de la plateforme, etc. Toutefois, nous n'avons pas encore abord\u00e9 un format particuli\u00e8rement courant pour les instructions relatives aux produits : l'illustration.<\/p>\n\n\n\n<p>Le contenu illustr\u00e9 est personnalisable en fonction de la marque et de l'identit\u00e9 visuelle de l'entreprise. Mais pour cr\u00e9er un contenu efficace qui aboutisse \u00e0 des r\u00e9sultats fructueux, il est essentiel que les illustrations conservent une certaine qualit\u00e9.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Avantages<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Producteur<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Continuit\u00e9<\/strong> : Gr\u00e2ce aux illustrations, nous pouvons \u00eatre continus dans la mise en page de nos modes d'emploi. Les instructions de LEGO en sont un bon exemple : elles suivent la m\u00eame perspective, le m\u00eame point de vue et les m\u00eames tons de couleur dans leurs illustrations.<\/li>\n\n\n\n<li class=\"translation-block\">&lt;Identit\u00e9 visuelle<\/strong> : les illustrations permettent aux producteurs de cr\u00e9er des instructions qui s'alignent sur l'identit\u00e9 visuelle de l'entreprise. Lorsque les utilisateurs reconnaissent la marque \u00e0 travers les instructions, cela renforce le fait que les instructions ont \u00e9t\u00e9 soigneusement \u00e9labor\u00e9es et consid\u00e9r\u00e9es comme faisant partie int\u00e9grante du processus de vente. Les instructions sont souvent n\u00e9glig\u00e9es et oubli\u00e9es, mais nous les consid\u00e9rons comme <a href=\"https:\/\/www.stepalong.com\/fr\/instructions-sur-les-produits-le-dernier-kilometre-de-votre-experience-client\/\" target=\"_blank\" rel=\"noopener\" title=\"\">le dernier kilom\u00e8tre de votre exp\u00e9rience client<\/a>.<br><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisateur<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Langue universelle<\/strong> : Contrairement au texte, les illustrations communiquent des informations par le biais d'une repr\u00e9sentation visuelle, ce qui en fait une forme de communication universelle qui peut \u00eatre comprise par des personnes de tous horizons et de toutes cultures. IKEA utilise les m\u00eames manuels illustr\u00e9s pour ses produits dans le monde entier, ce qui signifie qu'ils ne doivent traduire que les instructions de s\u00e9curit\u00e9 et de contact, et rien d'autre.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Simplifier les instructions complexes<\/strong> : les \u00e9tapes peuvent \u00eatre d\u00e9compos\u00e9es en \u00e9l\u00e9ments plus compr\u00e9hensibles et ne contenir que les \u00e9l\u00e9ments les plus n\u00e9cessaires. Par rapport aux photos o\u00f9 l'utilisateur peut facilement se laisser distraire par des objets en arri\u00e8re-plan.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Inconv\u00e9nients<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Producteur<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Consommation de temps<\/strong> : des comp\u00e9tences sp\u00e9cialis\u00e9es sont n\u00e9cessaires pour cr\u00e9er des illustrations d'une certaine qualit\u00e9. Le processus de cr\u00e9ation est plus difficile et prend plus de temps que pour d'autres formats.<\/li>\n\n\n\n<li class=\"translation-block\">&lt;Difficile \u00e0 adapter<\/strong> : Sugg\u00e9rez qu'une partie du produit que vous vendez change d'aspect. Vous devrez adapter vos instructions en fonction de ces changements. Le processus de modification d'une illustration enti\u00e8re sera beaucoup plus important que la modification \u00e9quivalente d'un texte.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Pas pour toutes les t\u00e2ches<\/strong> : certaines t\u00e2ches, en particulier celles qui comportent de nombreuses \u00e9tapes ou beaucoup de d\u00e9tails, peuvent \u00eatre difficiles \u00e0 illustrer. Les \u00e9tapes impliquant des actions sensibles au temps (comme les recettes et les processus chimiques) fonctionnent mieux en format vid\u00e9o.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Limitations<\/strong> : Certains \u00e9l\u00e9ments tels que la texture, le go\u00fbt et l'odeur sont difficiles ou presque impossibles \u00e0 d\u00e9crire \u00e0 l'aide d'illustrations. Un texte d'accompagnement peut dans ce cas aider \u00e0 transmettre l'information souhait\u00e9e.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisateur<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">&lt;Mauvaise interpr\u00e9tation<\/strong> : si les illustrations ne sont pas suffisamment pr\u00e9cises, d\u00e9taill\u00e9es ou claires, les utilisateurs risquent de mal interpr\u00e9ter la proc\u00e9dure, ce qui peut entra\u00eener des confusions, des erreurs, voire des risques pour la s\u00e9curit\u00e9.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Sp\u00e9cifique \u00e0 une culture<\/strong> : les illustrations d\u00e9pendent de la culture et du contexte dans lesquels elles sont cr\u00e9\u00e9es. Certaines couleurs ou certains symboles consid\u00e9r\u00e9s comme communs ou universels dans une culture peuvent avoir une signification totalement diff\u00e9rente dans une autre. Par exemple, <a href=\"https:\/\/www.spiegel.de\/fotostrecke\/photo-gallery-pedestrian-signals-around-the-world-fotostrecke-73655.html\" target=\"_blank\" rel=\"noopener\" title=\"\">les signaux pour pi\u00e9tons<\/a> diff\u00e8rent en fonction de la situation g\u00e9ographique.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Accessibilit\u00e9<\/strong> : Les personnes souffrant de d\u00e9ficiences visuelles auront des difficult\u00e9s \u00e0 percevoir les instructions illustr\u00e9es. Vous pouvez proposer des alternatives telles que des descriptions audio, <a href=\"https:\/\/www.perkins.org\/resource\/how-write-alt-text-and-image-descriptions-visually-impaired\/\" target=\"_blank\" rel=\"noopener\" title=\"\">alt text ou image<\/a> pour rendre votre contenu accessible aux personnes aveugles et malvoyantes.<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\"><strong>Exemples<\/strong><br><a href=\"https:\/\/d2emdasen1k5wn.cloudfront.net\/documents\/assembly\/String_Pocket_3_1_3_web_202111031324.pdf\" target=\"_blank\" rel=\"noopener\" title=\"\">Comment assembler une pochette \u00e0 corde<\/a><br><a href=\"https:\/\/www.cufflinks.com\/media\/wysiwyg\/how-to-tie-a-tie_4inHand.jpg\" target=\"_blank\" rel=\"noopener\" title=\"\">Comment nouer une cravate<\/a><br>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Outils sympas pour les illustrateurs<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.khroma.co\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Khroma<\/a><br><a href=\"https:\/\/blush.design\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Fard \u00e0 joues<\/a><br><a href=\"https:\/\/stubborn.fun\/\" target=\"_blank\" rel=\"noopener\" title=\"\">T\u00eatu<\/a><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cours en ligne<\/h2>\n\n\n\n<p class=\"translation-block\"><a href=\"https:\/\/www.skillshare.com\/en\/classes\/Learn-Adobe-Illustrator-Fundamentals-for-Beginners\/808971532?via=search-layout-grid\" target=\"_blank\" rel=\"noopener\" title=\"\">Apprendre Adobe Illustrator : Principes fondamentaux pour les d\u00e9butants<\/a> - SkillShare<br><a href=\"https:\/\/www.domestika.org\/en\/courses\/1991-technical-drawing-techniques-for-3d-representation\" target=\"_blank\" rel=\"noopener\" title=\"\">Technical Drawing Techniques for 3D Representation<\/a> - Domestika<\/p>","protected":false},"excerpt":{"rendered":"<p>Pour cr\u00e9er un contenu efficace qui d\u00e9bouche sur des r\u00e9sultats fructueux, il est essentiel que les illustrations conservent une certaine qualit\u00e9.<\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[55],"tags":[116,8,213,214,216,133,217,125,215,107,115,101,182,181,131],"class_list":["post-2764","post","type-post","status-publish","format-standard","hentry","category-best-practices","tag-advantages-and-disadvantages","tag-how-to","tag-illustration-in-tutorials","tag-illustration-based","tag-instructional-illustrations","tag-multimedia-learning","tag-product-how-tos","tag-pros-and-cons","tag-step-by-step-illustrations","tag-tutorial-effectiveness","tag-tutorial-formats","tag-user-engagement","tag-visual-content","tag-visual-instructions","tag-visual-learning"],"aioseo_notices":[],"mb":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Amanda Bj\u00f6\u00f6rn","author_link":"https:\/\/www.stepalong.com\/fr\/author\/amanda\/"},"uagb_comment_info":0,"uagb_excerpt":"To create effective content that leads to successful results, it is crucial that the illustrations maintain a certain quality.","mfb_rest_fields":["title","aioseo_notices","uagb_featured_image_src","uagb_author_info","uagb_comment_info","uagb_excerpt"],"_links":{"self":[{"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/posts\/2764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/comments?post=2764"}],"version-history":[{"count":4,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/posts\/2764\/revisions"}],"predecessor-version":[{"id":3605,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/posts\/2764\/revisions\/3605"}],"wp:attachment":[{"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/media?parent=2764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/categories?post=2764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stepalong.com\/fr\/wp-json\/wp\/v2\/tags?post=2764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}