{"id":1517,"date":"2019-02-11T03:13:59","date_gmt":"2019-02-11T03:13:59","guid":{"rendered":"https:\/\/blog.hassler.ec\/wp\/?p=1517"},"modified":"2019-01-19T21:20:08","modified_gmt":"2019-01-19T21:20:08","slug":"good-and-bad-technical-documentation-examples","status":"publish","type":"post","link":"https:\/\/blog.hassler.ec\/wp\/2019\/02\/11\/good-and-bad-technical-documentation-examples\/","title":{"rendered":"Good and Bad Technical Documentation Examples"},"content":{"rendered":"<p id=\"a740\" class=\"graf graf--p graf-after--h3\">\n<p id=\"4057\" class=\"graf graf--p graf-after--p\">Are your user manuals&nbsp;<strong class=\"markup--strong markup--p-strong\">good<\/strong>&nbsp;or&nbsp;<strong class=\"markup--strong markup--p-strong\">bad<\/strong>? Let\u2019s run them through our quick checklist. Don\u2019t get discouraged if it turns out to be not perfect, this article contains a lot of ideas to follow that can change your user manuals for the better!<\/p>\n<h3 id=\"345d\" class=\"graf graf--h3 graf-after--p\">Lists<\/h3>\n<p id=\"8197\" class=\"graf graf--p graf-after--h3\">In&nbsp;<strong class=\"markup--strong markup--p-strong\">bad<\/strong>&nbsp;user manuals, lists of steps for instructions are not-ordered. Simple bulleted lists are used instead. This is very inconvenient to follow such a list when you are trying to use some instruction.<\/p>\n<p id=\"7ee4\" class=\"graf graf--p graf-after--p\"><strong class=\"markup--strong markup--p-strong\">Good&nbsp;<\/strong>user manual always feature ordered lists of instructions. It works great for readers and support engineers as this makes it so much easier to refer to steps when they are numbered. Here\u2019s an article on&nbsp;<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/clickhelp.com\/clickhelp-technical-writing-blog\/tech-writer-style-guide-using-lists-correctly\/?utm_source=medium-com&amp;utm_medium=ch-text-link\" target=\"_blank\" rel=\"nofollow noopener\" data-href=\"https:\/\/clickhelp.com\/clickhelp-technical-writing-blog\/tech-writer-style-guide-using-lists-correctly\/?utm_source=medium-com&amp;utm_medium=ch-text-link\">using lists correctly in technical documents<\/a>&nbsp;that will help you avoid many common mistakes.<\/p>\n<h3 id=\"b681\" class=\"graf graf--h3 graf-after--p\">Screenshots and&nbsp;Images<\/h3>\n<p id=\"299e\" class=\"graf graf--p graf-after--h3\"><strong class=\"markup--strong markup--p-strong\">Bad&nbsp;<\/strong>technical documentation has few or next to no images in it. First, this just looks lazy. Second, it makes understanding harder for readers.<\/p>\n<p id=\"b7dd\" class=\"graf graf--p graf-after--p\">Another way to ruin a help topic is to add screenshots\/images without proper text descriptions\u200a\u2014\u200athese are very annoying to decipher.<\/p>\n<figure id=\"c188\" class=\"graf graf--figure graf-after--p\">\n<div class=\"aspectRatioPlaceholder is-locked\">\n<div class=\"aspectRatioPlaceholder-fill\"><\/div>\n<div class=\"progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded\" data-image-id=\"1*a7meSq8LDxlwDW9McbNjHA.png\" data-width=\"714\" data-height=\"168\" data-scroll=\"native\"><canvas class=\"progressiveMedia-canvas js-progressiveMedia-canvas\" width=\"75\" height=\"16\"><\/canvas><img decoding=\"async\" class=\"progressiveMedia-image js-progressiveMedia-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/1*a7meSq8LDxlwDW9McbNjHA.png\" data-src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/1*a7meSq8LDxlwDW9McbNjHA.png\"><\/div>\n<\/div>\n<\/figure>\n<p id=\"eee8\" class=\"graf graf--p graf-after--figure\"><strong class=\"markup--strong markup--p-strong\">Good&nbsp;<\/strong>documentation has plenty of images. Any screenshot is always followed by some description. Also, two screenshots never appear next to each other without an individual capture.<\/p>\n<p id=\"e21a\" class=\"graf graf--p graf-after--p\">It is a good practice to keep in mind the image size (when we are talking about online documentation). Ideally, your images should be of decent quality, but quite light at the same time. Heavy images lead to slow page load and high traffic consumption.<\/p>\n<h3 id=\"f3d8\" class=\"graf graf--h3 graf-after--p\">Delivery Speed<\/h3>\n<figure id=\"7b20\" class=\"graf graf--figure graf-after--h3\">\n<div class=\"aspectRatioPlaceholder is-locked\">\n<div class=\"aspectRatioPlaceholder-fill\"><\/div>\n<div class=\"progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded\" data-image-id=\"0*qcjT_OQAasH0adTI.jpg\" data-width=\"700\" data-height=\"394\" data-scroll=\"native\"><canvas class=\"progressiveMedia-canvas js-progressiveMedia-canvas\" width=\"75\" height=\"41\"><\/canvas><img decoding=\"async\" class=\"progressiveMedia-image js-progressiveMedia-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/0*qcjT_OQAasH0adTI.jpg\" data-src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/0*qcjT_OQAasH0adTI.jpg\"><\/div>\n<\/div>\n<\/figure>\n<p id=\"15a5\" class=\"graf graf--p graf-after--figure\"><strong class=\"markup--strong markup--p-strong\">Bad&nbsp;<\/strong>documentation takes a lot of time to be delivered. This can happen due to many factors including the absence of a help authoring tool.&nbsp;<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/clickhelp.com\/online-documentation-tool\/?utm_source=medium-com&amp;utm_medium=ch-text-link\" target=\"_blank\" rel=\"nofollow noopener\" data-href=\"https:\/\/clickhelp.com\/online-documentation-tool\/?utm_source=medium-com&amp;utm_medium=ch-text-link\">Online documentation tools<\/a>&nbsp;make content creation swift and easy.<\/p>\n<p id=\"da30\" class=\"graf graf--p graf-after--p\"><strong class=\"markup--strong markup--p-strong\">Good&nbsp;<\/strong>technical documentation is reusable and takes less time and effort to be created. Taking advantage of a HAT\u2019s functionality can be a game changer. Technical writing tools help to organize teamwork, reuse content with single-sourcing techniques, write help topics faster with powerful WYSIWYG editors.<\/p>\n<h3 id=\"dd80\" class=\"graf graf--h3 graf-after--p\">Consistency<\/h3>\n<p id=\"c48c\" class=\"graf graf--p graf-after--h3\"><strong class=\"markup--strong markup--p-strong\">Bad&nbsp;<\/strong>user manuals look and feel inconsistent. This happens because often many&nbsp;<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/clickhelp.com\/software-documentation-glossary\/technical-writer\/?utm_source=medium-com&amp;utm_medium=ch-text-link\" target=\"_blank\" rel=\"nofollow noopener\" data-href=\"https:\/\/clickhelp.com\/software-documentation-glossary\/technical-writer\/?utm_source=medium-com&amp;utm_medium=ch-text-link\">technical writers<\/a>&nbsp;can be working on the same project and this can lead to diversity in texts. Like, different terms can be used to describe similar processes, page layouts can look entirely different, etc.<\/p>\n<p id=\"684e\" class=\"graf graf--p graf-after--p\"><strong class=\"markup--strong markup--p-strong\">Good&nbsp;<\/strong>documentation teams have a style guide and a&nbsp;<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/clickhelp.com\/software-documentation-glossary\/documentation-plan\/?utm_source=medium-com&amp;utm_medium=ch-text-link\" target=\"_blank\" rel=\"nofollow noopener\" data-href=\"https:\/\/clickhelp.com\/software-documentation-glossary\/documentation-plan\/?utm_source=medium-com&amp;utm_medium=ch-text-link\">documentation plan<\/a>. These two are used by all team members, and they ensure there are no noticeable differences in style throughout the whole documentation project.<\/p>\n<h3 id=\"c7e9\" class=\"graf graf--h3 graf-after--p\">Readability Score<\/h3>\n<figure id=\"f7f4\" class=\"graf graf--figure graf-after--h3\">\n<div class=\"aspectRatioPlaceholder is-locked\">\n<div class=\"aspectRatioPlaceholder-fill\"><\/div>\n<div class=\"progressiveMedia js-progressiveMedia graf-image is-canvasLoaded is-imageLoaded\" data-image-id=\"0*wlS11qhHHJrKsJcV.jpg\" data-width=\"700\" data-height=\"406\" data-scroll=\"native\"><canvas class=\"progressiveMedia-canvas js-progressiveMedia-canvas\" width=\"75\" height=\"41\"><\/canvas><img decoding=\"async\" class=\"progressiveMedia-image js-progressiveMedia-image\" src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/0*wlS11qhHHJrKsJcV.jpg\" data-src=\"https:\/\/cdn-images-1.medium.com\/max\/720\/0*wlS11qhHHJrKsJcV.jpg\"><\/div>\n<\/div>\n<\/figure>\n<p id=\"daeb\" class=\"graf graf--p graf-after--figure\"><strong class=\"markup--strong markup--p-strong\">Bad&nbsp;<\/strong>user manuals are hard to read. You really need to put some effort to understand all the terms and break down long complex sentences. Terms are not explained, text contains just a few links\/references.<\/p>\n<p id=\"b80c\" class=\"graf graf--p graf-after--p\"><strong class=\"markup--strong markup--p-strong\">Good&nbsp;<\/strong>user manuals are checked with readability score tools. This means that the content runs through different tests and it gets a readability score based on various algorithms (word length, sentence length, frequency of word usage, quantity of terms in a text). If the score is not satisfactory, user manuals are re-written.<\/p>\n<h3 id=\"4566\" class=\"graf graf--h3 graf-after--p\">Conclusion<\/h3>\n<p id=\"4573\" class=\"graf graf--p graf-after--h3\">There are many differences between good and bad technical documentation. Often, the devil is in the details and smaller things like poor font choice or too many abbreviations and neologisms or even bad screenshot quality (we are not only talking about their resolution here) can put people off. Feel free to share your ideas on the topic in the comment section below\u200a\u2014\u200awhat bad technical documentation is like for you?<\/p>\n<p id=\"01c2\" class=\"graf graf--p graf-after--p\">Good luck with your technical writing!<br \/>\n<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.facebook.com\/ClickHelp.TechWriting\/\" target=\"_blank\" rel=\"nofollow noopener\" data-href=\"https:\/\/www.facebook.com\/ClickHelp.TechWriting\/\">ClickHelp Team<\/a><br \/>\nAuthor, host and deliver documentation across platforms and devices<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Source:<a href=\"https:\/\/medium.com\/level-up-web\/good-and-bad-technical-documentation-examples-bce3353cbc08\"><strong>&nbsp;https:\/\/medium.com\/level-up-web\/good-and-bad-technical-documentation-examples-bce3353cbc08<\/strong><\/a><\/p>\n<p>Written by<\/p>\n<div class=\"u-tableCell\"><a class=\"link u-baseColor--link avatar\" dir=\"auto\" title=\"Go to the profile of ClickHelp\" href=\"https:\/\/medium.com\/@clickhelp?source=footer_card\" aria-label=\"Go to the profile of ClickHelp\" data-action-source=\"footer_card\" data-user-id=\"41394bf7d442\"><img decoding=\"async\" class=\"avatar-image avatar-image--small alignleft\" src=\"https:\/\/cdn-images-1.medium.com\/fit\/c\/54\/54\/1*7dOn0eBnW1yYWSZfVynWgQ.png\" alt=\"Go to the profile of ClickHelp\"><\/a><\/div>\n<div class=\"u-tableCell u-verticalAlignMiddle u-breakWord u-paddingLeft15\">\n<h3 class=\"ui-h3 u-fontSize18 u-lineHeightTighter u-marginBottom4\"><a class=\"link link--primary u-accentColor--hoverTextNormal\" dir=\"auto\" title=\"Go to the profile of ClickHelp\" href=\"https:\/\/medium.com\/@clickhelp\" rel=\"author cc:attributionUrl\" aria-label=\"Go to the profile of ClickHelp\" data-user-id=\"41394bf7d442\">ClickHelp<\/a><\/h3>\n<p class=\"ui-body u-fontSize14 u-lineHeightBaseSans u-textColorDark u-marginBottom4\">ClickHelp &#8211; Professional Online Technical Writing Tool. Check it out:&nbsp;<a href=\"https:\/\/clickhelp.com\/online-documentation-tool\/\" rel=\"nofollow\">https:\/\/clickhelp.com\/online-documentation-tool\/<\/a><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"u-tableCell \"><a class=\"link u-baseColor--link avatar avatar--roundedRectangle\" title=\"Go to Level Up!\" href=\"https:\/\/medium.com\/level-up-web?source=footer_card\" aria-label=\"Go to Level Up!\" data-action-source=\"footer_card\"><img decoding=\"async\" class=\"avatar-image u-size60x60 alignleft\" src=\"https:\/\/cdn-images-1.medium.com\/fit\/c\/54\/54\/1*C_OKNjdlBcTMmZCSk0AEkA.png\" alt=\"Level Up!\"><\/a><\/div>\n<div class=\"u-tableCell u-verticalAlignMiddle u-breakWord u-paddingLeft15\">\n<h3 class=\"ui-h3 u-fontSize18 u-lineHeightTighter u-marginBottom4\"><a class=\"link link--primary u-accentColor--hoverTextNormal\" href=\"https:\/\/medium.com\/level-up-web?source=footer_card\" rel=\"collection\" data-action-source=\"footer_card\">Level Up!<\/a><\/h3>\n<p class=\"ui-body u-fontSize14 u-lineHeightBaseSans u-textColorDark u-marginBottom4\">Stories for technical writers, web developers and web designers. It&#8217;s time to level up your skills!<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdn-images-1.medium.com\/max\/900\/1*D4tcJM4Wsvirp60XYWQrUA.png\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are your user manuals&nbsp;good&nbsp;or&nbsp;bad? Let\u2019s run them through our quick checklist. Don\u2019t get discouraged if it turns out to be [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":901,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[12,128,39,78,21,105,40],"tags":[],"class_list":["post-1517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloghassler-ec","category-clickhelp","category-escritores","category-google","category-productividad","category-teamwork","category-technical-writer"],"_links":{"self":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/1517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/comments?post=1517"}],"version-history":[{"count":2,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/1517\/revisions"}],"predecessor-version":[{"id":1520,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/1517\/revisions\/1520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/media\/901"}],"wp:attachment":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/media?parent=1517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/categories?post=1517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/tags?post=1517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}