{"id":2625,"date":"2020-01-31T04:02:57","date_gmt":"2020-01-31T04:02:57","guid":{"rendered":"https:\/\/blog.hassler.ec\/wp\/?p=2625"},"modified":"2019-12-31T06:07:13","modified_gmt":"2019-12-31T06:07:13","slug":"comics-as-documentation","status":"publish","type":"post","link":"https:\/\/blog.hassler.ec\/wp\/2020\/01\/31\/comics-as-documentation\/","title":{"rendered":"Comics as Documentation"},"content":{"rendered":"<section class=\"dx dy dz ea eb\">\n<div class=\"n p\">\n<div class=\"ac ae af ag ah ec aj ak\">\n<div>\n<div id=\"a6d7\" class=\"ed ee co at ef b eg eh ei ej ek el em en eo ep eq\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"hd ak\">\n<figure class=\"he hf hg hh hi hd ak paragraph-image\">\n<div class=\"hj hk bn hl ak\">\n<div class=\"hq r bn hr\">\n<div class=\"hs r\">\n<div class=\"bm hm ds t u hn ak bf ho hp\"><img loading=\"lazy\" decoding=\"async\" class=\"nw ph ds t u hn ak hw\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/3456\/1*9AcUlNef_sAjttZXlSG6-Q.jpeg\" width=\"3456\" height=\"2592\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/figure>\n<\/div>\n<div class=\"n p\">\n<div class=\"ac ae af ag ah ec aj ak\">\n<p id=\"41c2\" class=\"gk gl co at gm b gn go gp gq gr gs gt gu gv gw gx\" data-selectable-paragraph=\"\">Technical writing is not only about boring text. Some technical writers manage to create a user manual in the comics form. If you think that it\u2019s difficult and even impossible, have a look at the following examples.<\/p>\n<h1 id=\"5721\" class=\"hx hy co at as hz eg ia ei ib ic id ie if ig ih ii\" data-selectable-paragraph=\"\">IDEA<\/h1>\n<figure class=\"he hf hg hh hi hd do dp paragraph-image\">\n<div class=\"hj hk bn hl ak\">\n<div class=\"do dp ij\">\n<div class=\"hq r bn hr\">\n<div class=\"ik r\">\n<div class=\"bm hm ds t u hn ak bf ho hp\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nw ph ds t u hn ak hw\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/2000\/0*memmuaQKTfXh9FRa.png\" width=\"2000\" height=\"1414\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/figure>\n<p id=\"b0fc\" class=\"gk gl co at gm b gn go gp gq gr gs gt gu gv gw gx\" data-selectable-paragraph=\"\"><strong class=\"gm il\">IDEA<\/strong>\u00a0is a series of nonverbal algorithm assembly instructions, developed by\u00a0<a class=\"bq de gz ha hb hc\" href=\"https:\/\/www.ibr.cs.tu-bs.de\/users\/fekete\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">S\u00e1ndor P. Fekete<\/a>\u00a0and\u00a0<a class=\"bq de gz ha hb hc\" href=\"https:\/\/morr.cc\/\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Sebastian Morr<\/a>. The instructions explain how various popular algorithms work, entirely without text. This also allows the instructions to be understood interculturally.<\/p>\n<div class=\"im in io ip iq ir\">\n<section class=\"iu do dp ak dd n ar iv iw ix iy iz ja jb jc jd je jf jg jh ji jj\">\n<div class=\"jk n dr p jl jm\">\n<div class=\"bf is be fi it fk\">IDEA &#8211; nonverbal algorithm assembly instructions<\/div>\n<div class=\"jo r\">\n<div class=\"bf is be fi it fk\">IDEA is a series of nonverbal algorithm assembly instructions, created by S\u00e1ndor P. Fekete and Sebastian Morr.<\/div>\n<\/div>\n<div class=\"jp r\">\n<div class=\"bf is be fi it fk\">idea-instructions.com<\/div>\n<\/div>\n<\/div>\n<div class=\"jq r\">\n<div class=\"jr r js jt ju jq jv jw jx\"><\/div>\n<\/div>\n<\/section>\n<\/div>\n<h1 id=\"3e42\" class=\"hx hy co at as hz eg ia ei ib ic id ie if ig ih ii\" data-selectable-paragraph=\"\">Illustrated Guide to OAuth and OpenID Connect<\/h1>\n<figure class=\"he hf hg hh hi hd do dp paragraph-image\">\n<div class=\"hj hk bn hl ak\">\n<div class=\"do dp jy\">\n<div class=\"hq r bn hr\">\n<div class=\"jz r\">\n<div class=\"bm hm ds t u hn ak bf ho hp\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nw ph ds t u hn ak hw\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/1000\/0*7qGNMHMj1TqQfq9_.jpg\" width=\"1000\" height=\"643\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/figure>\n<p id=\"785f\" class=\"gk gl co at gm b gn go gp gq gr gs gt gu gv gw gx\" data-selectable-paragraph=\"\">What is OAuth and OpenID? The answer can sound difficult but there are comics on this topic, so every one will understand this terms.<\/p>\n<div class=\"im in io ip iq ir\">\n<section class=\"iu do dp ak dd n ar iv iw ix iy iz ja jb jc jd je jf jg jh ji jj\">\n<div class=\"jk n dr p jl jm\">\n<div class=\"bf is be fi it fk\">An Illustrated Guide to OAuth and OpenID Connect<\/div>\n<div class=\"jo r\">\n<div class=\"bf is be fi it fk\">In the \u00abstone age\u00bb days of the Internet, sharing information between services was easy. You simply gave your username\u2026<\/div>\n<\/div>\n<div class=\"jp r\">\n<div class=\"bf is be fi it fk\">developer.okta.com<\/div>\n<\/div>\n<\/div>\n<div class=\"jq r\">\n<div class=\"ka r js jt ju jq jv jw jx\"><\/div>\n<\/div>\n<\/section>\n<\/div>\n<h1 id=\"6a22\" class=\"hx hy co at as hz eg ia ei ib ic id ie if ig ih ii\" data-selectable-paragraph=\"\"><strong class=\"bw\">Deploy code faster: with CI\/CD and Kubernetes<\/strong><\/h1>\n<figure class=\"he hf hg hh hi hd do dp paragraph-image\">\n<div class=\"hj hk bn hl ak\">\n<div class=\"do dp kb\">\n<div class=\"hq r bn hr\">\n<div class=\"kc r\">\n<div class=\"bm hm ds t u hn ak bf ho hp\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nw ph ds t u hn ak hw\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/1016\/1*sg1Uvy988VeqlTQR_xSduQ.png\" width=\"1016\" height=\"758\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/figure>\n<p id=\"ea81\" class=\"gk gl co at gm b gn go gp gq gr gs gt gu gv gw gx\" data-selectable-paragraph=\"\">Just check out these awesome comics as an example of how fitting they can be in the technical world when used right.<\/p>\n<div class=\"im in io ip iq ir\">\n<section class=\"iu do dp ak dd n ar iv iw ix iy iz ja jb jc jd je jf jg jh ji jj\">\n<div class=\"jk n dr p jl jm\">\n<div class=\"bf is be fi it fk\">Deploy code faster: with CI\/CD and Kubernetes | Kubernetes Engine | Google Cloud<\/div>\n<div class=\"jo r\">\n<div class=\"bf is be fi it fk\">Deploy code faster, protect against outages, and save money using continuous integration and deployment (CI\/CD).<\/div>\n<\/div>\n<div class=\"jp r\">\n<div class=\"bf is be fi it fk\">cloud.google.com<\/div>\n<\/div>\n<\/div>\n<div class=\"jq r\">\n<div class=\"kd r js jt ju jq jv jw jx\"><\/div>\n<\/div>\n<\/section>\n<\/div>\n<h1 id=\"8dda\" class=\"hx hy co at as hz eg ia ei ib ic id ie if ig ih ii\" data-selectable-paragraph=\"\">Comics as a Means of Transmitting Information<\/h1>\n<p id=\"0617\" class=\"gk gl co at gm b gn ke gp kf gr kg gt kh gv ki gx\" data-selectable-paragraph=\"\">Comics really help to transmit information; thanks to them, readers can get the difficult idea quickly. I also recommend you to read the following blog post to learn about how comics can improve your documentation and brand loyalty:\u00a0<a class=\"bq de gz ha hb hc\" href=\"https:\/\/clickhelp.com\/clickhelp-technical-writing-blog\/comics-in-technical-writing\/?utm_medium=ann-medium-link&amp;utm_source=medium-com\" target=\"_blank\" rel=\"noopener nofollow noreferrer\">Comics in Technical Writing<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<hr class=\"kj fg kk bi kl km kn ko kp kq kr\" \/>\n<section class=\"dx dy dz ea eb\">\n<div class=\"n p\">\n<div class=\"ac ae af ag ah ec aj ak\">\n<p id=\"e331\" class=\"gk gl co at gm b gn go gp gq gr gs gt gu gv gw gx\" data-selectable-paragraph=\"\">Ann Green, Content Manager at\u00a0<a class=\"bq de gz ha hb hc\" href=\"https:\/\/clickhelp.com\/?utm_source=medium-com&amp;utm_medium=ann-signature&amp;utm_campaign=uxtips\" target=\"_blank\" rel=\"noopener nofollow noreferrer\"><strong class=\"gm il\">ClickHelp.com \u2014 best online documentation tool for SaaS vendors<\/strong><\/a><\/p>\n<figure class=\"he hf hg hh hi hd do dp paragraph-image\">\n<div class=\"do dp ks\">\n<div class=\"hq r bn hr\">\n<div class=\"kt r\">\n<div class=\"bm hm ds t u hn ak bf ho hp\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nw ph ds t u hn ak hw\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/0*kmC4s8-qmk5IR6X_.png\" width=\"700\" height=\"315\" \/><\/div>\n<\/div>\n<\/div>\n<\/figure>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"bm hm ds t u hn ak bf ho hp\"><\/div>\n<div><\/div>\n<div>\n<div>SOURCE:<a href=\"https:\/\/medium.com\/@ann.green\/comics-as-documentation-4f0e6882d4b9\"><strong> https:\/\/medium.com\/@ann.green\/comics-as-documentation-4f0e6882d4b9<\/strong><\/a><\/div>\n<div><\/div>\n<div>Written by<\/div>\n<div>\n<div class=\"r fo pa pb\"><a href=\"https:\/\/medium.com\/@ann.green?source=follow_footer--------------------------follow_footer-\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"r ea fe pc alignleft\" src=\"https:\/\/miro.medium.com\/fit\/c\/160\/160\/1*T-pZIDI3ANzcbP10YSdJFg.jpeg\" alt=\"Ann Green\" width=\"80\" height=\"80\" \/><\/a><\/div>\n<div><\/div>\n<div class=\"r fo pa pb\"><a class=\"cd ce cf cg ch ci cj ck cl cm dw dx cp cq dy dz\" style=\"font-family: inherit; font-size: 31.5px; font-weight: bold;\" href=\"https:\/\/medium.com\/@ann.green?source=follow_footer--------------------------follow_footer-\" rel=\"noopener\">Ann Green<\/a><\/div>\n<div class=\"pd ph n pe\">\n<div class=\"al n o gt\">\n<div class=\"r g\"><span style=\"color: inherit; font-family: inherit; font-size: 17.5px; font-weight: bold;\">Content Manager at ClickHelp. In my blog, I write about technical writing.<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Technical writing is not only about boring text. Some technical writers manage to create a user manual in the comics [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2627,"comment_status":"closed","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,47,21,40],"tags":[],"class_list":["post-2625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloghassler-ec","category-clickhelp","category-medium","category-productividad","category-technical-writer"],"_links":{"self":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/2625","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=2625"}],"version-history":[{"count":1,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/2625\/revisions"}],"predecessor-version":[{"id":2628,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/posts\/2625\/revisions\/2628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/media\/2627"}],"wp:attachment":[{"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/media?parent=2625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/categories?post=2625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hassler.ec\/wp\/wp-json\/wp\/v2\/tags?post=2625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}