{"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":"tipos-de-contenido-instructivo-ilustraciones","status":"publish","type":"post","link":"https:\/\/www.stepalong.com\/es\/tipos-de-contenido-instructivo-ilustraciones\/","title":{"rendered":"Pros y contras de los tutoriales de producto basados en ilustraciones"},"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\">Imagen generada por&nbsp;<a href=\"https:\/\/open.ai\/images\" target=\"_blank\" rel=\"noopener\" title=\"\">IA abierta<\/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\/es\/como-tipos-de-contenido-texto\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Texto<\/a>, <a href=\"https:\/\/www.stepalong.com\/es\/como-tipos-de-contenido-video\/\" target=\"_blank\" rel=\"noopener\" title=\"\">video<\/a> y <a href=\"https:\/\/www.stepalong.com\/es\/como-tipos-de-contenido-foto\/\" target=\"_blank\" rel=\"noopener\" title=\"\">foto<\/a> nos permiten crear muchos tipos de contenido instructivo, adapt\u00e1ndose en funci\u00f3n del p\u00fablico objetivo deseado, plataforma, etc. Sin embargo, todav\u00eda no hemos hablado de un formato especialmente habitual en las instrucciones de producto: las ilustraciones.<\/p>\n\n\n\n<p>El contenido ilustrado se puede personalizar de acuerdo con la marca y la identidad visual de la empresa. Pero para crear contenido eficaz que conduzca a resultados exitosos, es fundamental que las ilustraciones mantengan una cierta calidad.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Creador<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Continuidad<\/strong>: Con la ayuda de ilustraciones, podemos ser continuos en el dise\u00f1o de nuestros procedimientos. Un gran ejemplo son las instrucciones de LEGO que siguen la misma perspectiva, punto de vista y tonos de color en sus ilustraciones.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Identidad visual<\/strong>: las ilustraciones permiten a los productores crear instrucciones que se alinean con la identidad visual de una empresa. Cuando los usuarios reconocen la marca a trav\u00e9s de instrucciones, se refuerza el hecho de que las instrucciones fueron cuidadosamente elaboradas y consideradas parte integral del proceso de venta. Las instrucciones a menudo se pasan por alto y se olvidan, pero las vemos como <a href=\"https:\/\/www.stepalong.com\/es\/instrucciones-de-producto-la-ultima-milla-de-la-experiencia-del-cliente\/\" title=\"\">la \u00faltima milla de la experiencia de tu cliente<\/a>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Usuario<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Lenguaje universal<\/strong>: a diferencia del texto, las ilustraciones comunican informaci\u00f3n a trav\u00e9s de representaciones visuales, lo que las convierte en una forma universal de comunicaci\u00f3n que pueden entender personas de todos los or\u00edgenes y culturas. IKEA utiliza los mismos manuales ilustrados para sus productos en todo el mundo, lo que significa que s\u00f3lo tienen que traducir las instrucciones de seguridad y contacto y nada m\u00e1s.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Simplificar instrucciones complejas<\/strong>: los pasos se pueden dividir en componentes m\u00e1s comprensibles y pueden contener solo los elementos m\u00e1s necesarios. En comparaci\u00f3n con las fotos en las que el usuario puede distraerse f\u00e1cilmente con los objetos del fondo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Desventajas<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Creador<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Consume mucho tiempo<\/strong>: se requieren habilidades especializadas al crear ilustraciones de cierta calidad. El proceso de creaci\u00f3n es m\u00e1s desafiante y requiere m\u00e1s tiempo en comparaci\u00f3n con otros formatos.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Dif\u00edcil de Ajustar<\/strong>: Sugiere que una parte del producto que est\u00e1s vendiendo cambia en su apariencia. Deber\u00e1 ajustar sus instrucciones de acuerdo con los cambios. El proceso de modificar una ilustraci\u00f3n completa ser\u00e1 significativamente mayor que el cambio equivalente en el texto.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>No para todas las tareas<\/strong>: algunas tareas, especialmente aquellas con numerosos pasos o muchos detalles, pueden ser dif\u00edciles de ilustrar. Los pasos que implican acciones urgentes (como recetas y procesos qu\u00edmicos) funcionan mejor en formato de v\u00eddeo.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Limitaciones<\/strong>: Ciertos elementos como la textura, el sabor y el olor son dif\u00edciles o casi imposibles de describir con ilustraciones. En esos casos, el texto de apoyo puede ayudar a transmitir la informaci\u00f3n deseada.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Usuario<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Malinterpretaci\u00f3n<\/strong>: Si no se ilustra de forma precisa, detallada o lo suficientemente clara, los usuarios pueden malinterpretar el procedimiento y pueden aparecer confusi\u00f3n, error o incluso riesgos de seguridad.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Culturalmente espec\u00edfico<\/strong>: las ilustraciones dependen de la cultura y el contexto en el que se crean. Ciertos colores o s\u00edmbolos que se consideran comunes o universales en una cultura pueden tener significados completamente diferentes en otra. Por ejemplo, <a href=\"https:\/\/www.spiegel.de\/fotostrecke\/photo-gallery-pedestrian-signals-around-the-world-fotostrecke-73655.html\" target=\"_blank\" rel=\"noopener\" title=\"\">las se\u00f1ales para peatones<\/a> difieren seg\u00fan la ubicaci\u00f3n geogr\u00e1fica.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Accesibilidad<\/strong>: las personas con discapacidad visual tendr\u00e1n dificultades para percibir instrucciones ilustradas. Puede proporcionar alternativas como audio, <a href=\"https:\/\/www.perkins.org\/resource\/how-write-alt-text-and-image-descriptions-visually-impaired\/\" target=\"_blank\" rel=\"noopener\" title=\"\">texto alternativo o descripciones de im\u00e1genes<\/a> para que tu contenido sea accesible para personas con ceguera y baja visi\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\"><strong>Ejemplos<\/strong><br><a href=\"https:\/\/d2emdasen1k5wn.cloudfront.net\/documents\/assembly\/String_Pocket_3_1_3_web_202111031324.pdf\" target=\"_blank\" rel=\"noopener\" title=\"\">C\u00f3mo coser un bolsillo con hilo<\/a><br><a href=\"https:\/\/www.cufflinks.com\/media\/wysiwyg\/how-to-tie-a-tie_4inHand.jpg\" target=\"_blank\" rel=\"noopener\" title=\"\">C\u00f3mo atar una corbata<\/a><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Herramientas geniales para ilustradores<\/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=\"\">Colorete<\/a><br><a href=\"https:\/\/stubborn.fun\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Terco<\/a><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cursos online<\/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=\"\">Aprenda Adobe Illustrator: Fundamentos para principiantes<\/a> \u2013 SkillShare<br><a href=\"https:\/\/www.domestika.org\/en\/courses\/1991-technical-drawing-techniques-for -3d-representation\" target=\"_blank\" rel=\"noopener\" title=\"\">T\u00e9cnicas de dibujo t\u00e9cnico para representaci\u00f3n 3D<\/a> \u2013 Domestika<\/p>","protected":false},"excerpt":{"rendered":"<p>Para crear contenido eficaz que conduzca a resultados exitosos, es fundamental que las ilustraciones mantengan una cierta calidad.<\/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\/es\/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\/es\/wp-json\/wp\/v2\/posts\/2764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/comments?post=2764"}],"version-history":[{"count":4,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/posts\/2764\/revisions"}],"predecessor-version":[{"id":3605,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/posts\/2764\/revisions\/3605"}],"wp:attachment":[{"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/media?parent=2764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/categories?post=2764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stepalong.com\/es\/wp-json\/wp\/v2\/tags?post=2764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}