{"id":7972,"date":"2023-05-21T17:38:55","date_gmt":"2023-05-21T12:08:55","guid":{"rendered":"https:\/\/razorpay.com\/learn\/?p=7972"},"modified":"2023-05-31T10:52:55","modified_gmt":"2023-05-31T05:22:55","slug":"why-do-we-need-visual-aids-in-tech-writing","status":"publish","type":"post","link":"https:\/\/razorpay.com\/learn\/why-do-we-need-visual-aids-in-tech-writing\/","title":{"rendered":"Why Do We Need Visual Aids in Tech Writing?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">A few days ago, I bought a new smartphone\u2014one of the new flashy models which contains more bells and whistles than I could ever need. I am decently comfortable with new-age devices, but this one had me scratching my head. I just could not figure out how to insert the second SIM card along with the memory card. After much tinkering, I decided to give the official user guide a shot. Only after I looked at the booklet and studied the visual instructions did things start making sense. I was finally able to complete my task.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Visual elements in technical documentation help end users absorb complex information, understand new concepts and finish their tasks faster.<\/span><\/p>\n<h1><span style=\"font-weight: 400;\">Types of Visual Aids<\/span><\/h1>\n<p><span style=\"font-weight: 400;\">There are different types of visual aids that tech writers can add to enrich the\u00a0<\/span><span style=\"font-weight: 400;\">content.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Charts and Diagrams: Flow charts help users to understand processes from start to end. By having a pictorial representation, users can grasp the process and ensure that they do not miss out on any of the key steps. <\/span><a href=\"https:\/\/razorpay.com\/docs\/build\/browser\/assets\/images\/payment-links-pl-workflow.jpg\"><span style=\"font-weight: 400;\">Sample flow chart<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-7974 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/payment-links-pl-workflow.jpg\" alt=\"\" width=\"1920\" height=\"1149\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/payment-links-pl-workflow.jpg 1920w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/payment-links-pl-workflow-300x180.jpg 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/payment-links-pl-workflow-1024x613.jpg 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/payment-links-pl-workflow-1536x919.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Infographics: Oftentimes, it is crucial to highlight certain calculations and values in the documentation. Having them in tables or paragraph format might make users overlook them due to the information overload. Infographics make it easier to visualise data. <\/span><a href=\"https:\/\/blog.razorpay.in\/blog-content\/uploads\/2018\/11\/Full-Infographic-2.0-Compressed.png\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Sample infographic<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7973 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed.png\" alt=\"\" width=\"2048\" height=\"8326\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed.png 2048w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed-74x300.png 74w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed-252x1024.png 252w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed-378x1536.png 378w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/Full-Infographic-2.0-Compressed-504x2048.png 504w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Videos and GIFs: Explainer videos, with or without voiceover, are excellent resources for users to quickly learn about products, concepts and procedural steps. <\/span><a href=\"https:\/\/youtu.be\/86ngp6VY-I8\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Sample video<\/span><\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7976 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid.png\" alt=\"\" width=\"2880\" height=\"1690\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid.png 2880w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid-300x176.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid-1024x601.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid-1536x901.png 1536w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/video-aid-2048x1202.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Screenshots: Product UI images that help the user connect the instructions to the interface. <\/span><a href=\"https:\/\/razorpay.com\/docs\/payments\/easy-create-account#contact-details\"><span style=\"font-weight: 400;\">Sample screenshots<\/span><\/a><\/li>\n<\/ul>\n<h1><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"alignnone wp-image-7975 size-full\" src=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid.png\" alt=\"\" width=\"2880\" height=\"1690\" srcset=\"https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid.png 2880w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid-300x176.png 300w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid-1024x601.png 1024w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid-1536x901.png 1536w, https:\/\/d6xcmfyh68wv8.cloudfront.net\/learn-content\/uploads\/2023\/05\/screenshot-aid-2048x1202.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/>4 Reasons Visual Aids Are Important<\/span><\/h1>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Simplifies complex content<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">The most important reason to add visual aids such as screenshots and diagrams is to break the content into smaller, understandable pieces. This simplification enables the user to grasp the concepts better. The visual cues help them to relate to the ideas better.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, in the aviation industry, flight manuals come with detailed diagrams and images to ensure pilots and other officials can absorb the information well. Another example is a map that helps users navigate or understand the layout of complex buildings.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">2. Improves retention<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our minds are able to retain details when it is displayed to us in visual form. The usage of vivid colours and shapes helps our brains to store information. <\/span><a href=\"https:\/\/www.t-sciences.com\/news\/humans-process-visual-data-better\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Studies<\/span><\/a><span style=\"font-weight: 400;\"> have shown that people are more likely to remember information when it is presented in a visual format. Compared to text, images are processed by the human brain at a speed 60,000 times faster. Furthermore, visual information accounts for 90 percent of the information that is transmitted to the brain.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">3. Saves time<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Some users are visual learners. Sometimes users do not have enough time or do not want to put in the effort of going through lengthy text. They want to quickly get the information they need to go ahead and get the job done.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In fact, at Razorpay, when we conducted <\/span><a href=\"https:\/\/razorpay.com\/learn\/user-feedback\/#:~:text=and%20gather%20feedback.-,User%20Interviews,-%3A%20The%20best\"><span style=\"font-weight: 400;\">feedback sessions with users<\/span><\/a><span style=\"font-weight: 400;\"> to understand the efficacy of our documents, we realised that users preferred watching our dashboard videos rather than reading the steps. Videos definitely help in faster dissemination of information.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">4. Improves accessibility<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Adding visual elements makes your documentation accessible to a wider audience. For example, readers who may struggle with written language can benefit from the use of visual aids such as images, diagrams, or videos.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the case of visual impairments, visual aids can provide alternative ways of presenting information through braille, tactile images, or audio descriptions.<\/span><\/p>\n<h1><span style=\"font-weight: 400;\">Ending Notes<\/span><\/h1>\n<p><span style=\"font-weight: 400;\">When selecting a visual aid, it is critical to consider the purpose of the writing, the target audience, and the type of information. Visual aids are powerful tools for writers looking to enhance content clarity, engagement, and memorability. When used effectively, visual aids can add an element of creativity and interest to a piece of writing, making it more enjoyable for readers to engage with.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Start using visual aids to enhance the communication process and improve the overall quality of your writing.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A few days ago, I bought a new smartphone\u2014one of the new flashy models which contains more bells and whistles than I could ever need. I am decently comfortable with new-age devices, but this one had me scratching my head. I just could not figure out how to insert the second SIM card along with<\/p>\n","protected":false},"author":151156543,"featured_media":8002,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3370,3606],"tags":[3647,3648],"class_list":{"0":"post-7972","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-resources","8":"category-tech-writing","9":"tag-infographics","10":"tag-visual-aids"},"_links":{"self":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/7972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/users\/151156543"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/comments?post=7972"}],"version-history":[{"count":3,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/7972\/revisions"}],"predecessor-version":[{"id":8023,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/posts\/7972\/revisions\/8023"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media\/8002"}],"wp:attachment":[{"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/media?parent=7972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/categories?post=7972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.razorpay.in\/learn\/wp-json\/wp\/v2\/tags?post=7972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}