CINXE.COM

<!doctype html><html lang="en"><head><title data-rh="true">Art of storyboarding. We are, as a species, addicted to… | by Nupur vats | Zeta Design</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2021-12-20T12:23:30.108Z"/><meta data-rh="true" name="title" content="Art of storyboarding. We are, as a species, addicted to… | by Nupur vats | Zeta Design"/><meta data-rh="true" property="og:title" content="Art of storyboarding"/><meta data-rh="true" property="al:android:url" content="medium://p/cb67802c08ec"/><meta data-rh="true" property="al:ios:url" content="medium://p/cb67802c08ec"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan Gottschall Stories are one of our most powerful forms of…"/><meta data-rh="true" property="og:description" content="We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan…"/><meta data-rh="true" property="og:url" content="https://design.zeta.in/art-of-storyboarding-cb67802c08ec"/><meta data-rh="true" property="al:web:url" content="https://design.zeta.in/art-of-storyboarding-cb67802c08ec"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1136/1*cONry3WId5sK53tyT6bsMQ.jpeg"/><meta data-rh="true" property="article:author" content="https://medium.com/@nupurvatsdesign"/><meta data-rh="true" name="author" content="Nupur vats"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="Art of storyboarding"/><meta data-rh="true" name="twitter:site" content="@zetaindia"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/cb67802c08ec"/><meta data-rh="true" property="twitter:description" content="We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan…"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1136/1*cONry3WId5sK53tyT6bsMQ.jpeg"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="8 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*7FG4sDTdzgBNYQL3onKlXQ.png"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://medium.com/@nupurvatsdesign"/><link data-rh="true" rel="canonical" href="https://design.zeta.in/art-of-storyboarding-cb67802c08ec"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/cb67802c08ec"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1200\u002F1*cONry3WId5sK53tyT6bsMQ.jpeg"],"url":"https:\u002F\u002Fdesign.zeta.in\u002Fart-of-storyboarding-cb67802c08ec","dateCreated":"2021-12-20T09:53:48.260Z","datePublished":"2021-12-20T09:53:48.260Z","dateModified":"2022-01-04T00:23:13.136Z","headline":"Art of storyboarding - Zeta Design","name":"Art of storyboarding - Zeta Design","description":"We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan Gottschall Stories are one of our most powerful forms of…","identifier":"cb67802c08ec","author":{"@type":"Person","name":"Nupur vats","url":"https:\u002F\u002Fdesign.zeta.in\u002F@nupurvatsdesign"},"creator":["Nupur vats"],"publisher":{"@type":"Organization","name":"Zeta Design","url":"design.zeta.in","logo":{"@type":"ImageObject","width":300,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:600\u002F1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"mainEntityOfPage":"https:\u002F\u002Fdesign.zeta.in\u002Fart-of-storyboarding-cb67802c08ec"}</script><style type="text/css" data-fela-rehydration="562" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="562" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(148, 116, 198, 1)}.es{border-color:rgba(148, 116, 198, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(148, 116, 198, 1)}.ez:disabled:hover{border-color:rgba(148, 116, 198, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.ia{align-items:baseline}.ib{width:48px}.ic{height:48px}.id{border:2px solid rgba(255, 255, 255, 1)}.ie{z-index:0}.if{box-shadow:none}.ig{border:1px solid rgba(0, 0, 0, 0.05)}.ih{margin-left:-12px}.ii{width:28px}.ij{height:28px}.ik{z-index:1}.il{width:24px}.im{margin-bottom:2px}.in{flex-wrap:nowrap}.io{font-size:16px}.ip{line-height:24px}.ir{margin:0 8px}.is{display:inline}.it{color:rgba(148, 116, 198, 1)}.iu{fill:rgba(148, 116, 198, 1)}.ix{flex:0 0 auto}.ja{flex-wrap:wrap}.jd{white-space:pre-wrap}.je{margin-right:4px}.jf{overflow:hidden}.jg{max-height:20px}.jh{text-overflow:ellipsis}.ji{display:-webkit-box}.jj{-webkit-line-clamp:1}.jk{-webkit-box-orient:vertical}.jl{word-break:break-all}.jn{padding-left:8px}.jo{padding-right:8px}.kp> *{flex-shrink:0}.kq{overflow-x:scroll}.kr::-webkit-scrollbar{display:none}.ks{scrollbar-width:none}.kt{-ms-overflow-style:none}.ku{width:74px}.kv{flex-direction:row}.kw{z-index:2}.kz{-webkit-user-select:none}.la{border:0}.lb{fill:rgba(117, 117, 117, 1)}.le{outline:0}.lf{user-select:none}.lg> svg{pointer-events:none}.lp{cursor:progress}.lq{opacity:1}.lr{padding:4px 0}.lu{margin-top:0px}.lv{width:16px}.lx{display:inline-flex}.md{max-width:100%}.me{padding:8px 2px}.mf svg{color:#6B6B6B}.mw{line-height:1.58}.mx{letter-spacing:-0.004em}.my{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.nt{margin-bottom:-0.46em}.nu{font-style:italic}.nv{margin-left:auto}.nw{margin-right:auto}.nx{max-width:1136px}.od{clear:both}.of{cursor:zoom-in}.og{z-index:auto}.oi{height:auto}.oj{margin-top:10px}.ok{max-width:728px}.on{background:none}.oo{line-height:1.12}.op{letter-spacing:-0.022em}.oq{font-weight:600}.pl{margin-bottom:-0.28em}.pr{text-decoration:underline}.ps{line-height:1.18}.qg{margin-bottom:-0.31em}.qm{max-width:2776px}.qn{padding-top:5px}.qo{padding-bottom:5px}.qp{list-style-type:disc}.qq{margin-left:30px}.qr{padding-left:0px}.qx{max-width:2305px}.qy{max-width:3242px}.qz{margin-top:32px}.ra{margin-bottom:14px}.rb{padding-top:24px}.rc{padding-bottom:10px}.rd{background-color:#000000}.re{height:3px}.rf{width:3px}.rg{margin-right:20px}.rh{margin-bottom:26px}.ri{margin-top:6px}.rj{margin-top:8px}.rk{margin-right:8px}.rl{padding:8px 16px}.rm{border-radius:100px}.rn{transition:background 300ms ease}.rp{white-space:nowrap}.rq{border-top:none}.rr{height:52px}.rs{max-height:52px}.rt{box-sizing:content-box}.ru{position:static}.rw{max-width:155px}.sh{height:0px}.si{margin-bottom:40px}.sj{margin-bottom:48px}.sx{border-radius:2px}.sz{height:64px}.ta{width:64px}.tb{align-self:flex-end}.tc{color:rgba(255, 255, 255, 1)}.td{fill:rgba(255, 255, 255, 1)}.te{background:rgba(25, 25, 25, 1)}.tf{border-color:rgba(25, 25, 25, 1)}.ti:disabled{opacity:0.1}.tj:disabled:hover{background:rgba(25, 25, 25, 1)}.tk:disabled:hover{border-color:rgba(25, 25, 25, 1)}.tl{flex:1 1 auto}.tp{padding-right:4px}.tq{font-weight:500}.tx{margin-top:16px}.ty{margin-bottom:54px}.ue{gap:18px}.uf{fill:rgba(61, 61, 61, 1)}.um{border-bottom:solid 1px #E5E5E5}.un{margin-top:72px}.uo{padding:24px 0}.up{margin-bottom:0px}.uq{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(126, 101, 166, 1)}.eu:hover{border-color:rgba(126, 101, 166, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.iq:hover{text-decoration:underline}.iv:hover:not(:disabled){color:rgba(126, 101, 166, 1)}.iw:hover:not(:disabled){fill:rgba(126, 101, 166, 1)}.ld:hover{fill:rgba(8, 8, 8, 1)}.ls:hover{fill:#000000}.lt:hover p{color:#000000}.lw:hover{color:#000000}.mg:hover svg{color:#000000}.ro:hover{background-color:#F2F2F2}.sy:hover{background-color:none}.tg:hover{background:#000000}.th:hover{border-color:#242424}.ug:hover{fill:rgba(25, 25, 25, 1)}.bd:focus-within path{fill:#242424}.lc:focus{fill:rgba(8, 8, 8, 1)}.mh:focus svg{color:#000000}.oh:focus{transform:scale(1.01)}.lh:active{border-style:none}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:68px}.gc{max-width:680px}.hq{font-size:42px}.hr{margin-top:1.19em}.hs{margin-bottom:32px}.ht{line-height:52px}.hu{letter-spacing:-0.011em}.hz{align-items:center}.kb{border-top:solid 1px #F2F2F2}.kc{border-bottom:solid 1px #F2F2F2}.kd{margin:32px 0 0}.ke{padding:3px 8px}.kn> *{margin-right:24px}.ko> :last-child{margin-right:0}.lo{margin-top:0px}.mc{margin:0}.np{font-size:20px}.nq{margin-top:2.14em}.nr{line-height:32px}.ns{letter-spacing:-0.003em}.oc{margin-top:56px}.ph{font-size:24px}.pi{margin-top:1.95em}.pj{line-height:30px}.pk{letter-spacing:-0.016em}.pq{margin-top:0.94em}.qd{margin-top:1.72em}.qe{line-height:24px}.qf{letter-spacing:0}.ql{max-width:1192px}.qw{margin-top:1.14em}.sb{display:inline-block}.sg{margin-bottom:104px}.sk{flex-direction:row}.sn{margin-bottom:0}.so{margin-right:20px}.tm{max-width:500px}.ud{margin-bottom:72px}.ul{padding-top:72px}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.ln{margin-top:0px}.ol{margin-left:auto}.om{text-align:center}.sa{display:inline-block}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.lm{margin-top:0px}.rz{display:inline-block}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.lk{margin-top:0px}.ll{margin-right:0px}.ry{display:inline-block}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{margin-bottom:24px}.gz{line-height:38px}.ha{letter-spacing:-0.014em}.hv{align-items:flex-start}.iy{flex-direction:column}.jb{margin-bottom:2px}.jp{margin:24px -24px 0}.jq{padding:0}.kf> *{margin-right:8px}.kg> :last-child{margin-right:24px}.kx{margin-left:0px}.li{margin-top:0px}.lj{margin-right:0px}.ly{margin:0}.mi{border:1px solid #F2F2F2}.mj{border-radius:99em}.mk{padding:0px 16px 0px 12px}.ml{height:38px}.mm{align-items:center}.mo svg{margin-right:8px}.mz{font-size:18px}.na{margin-top:1.56em}.nb{line-height:28px}.nc{letter-spacing:-0.003em}.ny{margin-top:40px}.or{font-size:20px}.os{margin-top:1.2em}.ot{line-height:24px}.ou{letter-spacing:0}.pm{margin-top:0.67em}.pt{font-size:16px}.pu{margin-top:1.23em}.qh{max-width:100%}.qs{margin-top:1.34em}.rx{display:inline-block}.sc{margin-bottom:96px}.sv{margin-bottom:20px}.sw{margin-right:0}.tr{font-size:24px}.ts{line-height:30px}.tt{letter-spacing:-0.016em}.tz{margin-bottom:64px}.uh{padding-top:48px}.mn:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hl{font-size:42px}.hm{margin-top:1.19em}.hn{margin-bottom:32px}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.hy{align-items:center}.jx{border-top:solid 1px #F2F2F2}.jy{border-bottom:solid 1px #F2F2F2}.jz{margin:32px 0 0}.ka{padding:3px 8px}.kl> *{margin-right:24px}.km> :last-child{margin-right:0}.mb{margin:0}.nl{font-size:20px}.nm{margin-top:2.14em}.nn{line-height:32px}.no{letter-spacing:-0.003em}.ob{margin-top:56px}.pd{font-size:24px}.pe{margin-top:1.95em}.pf{line-height:30px}.pg{letter-spacing:-0.016em}.pp{margin-top:0.94em}.qa{margin-top:1.72em}.qb{line-height:24px}.qc{letter-spacing:0}.qk{max-width:1192px}.qv{margin-top:1.14em}.sf{margin-bottom:104px}.sl{flex-direction:row}.sp{margin-bottom:0}.sq{margin-right:20px}.tn{max-width:500px}.uc{margin-bottom:72px}.uk{padding-top:72px}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:68px}.ga{max-width:680px}.hg{font-size:42px}.hh{margin-top:1.19em}.hi{margin-bottom:32px}.hj{line-height:52px}.hk{letter-spacing:-0.011em}.hx{align-items:center}.jt{border-top:solid 1px #F2F2F2}.ju{border-bottom:solid 1px #F2F2F2}.jv{margin:32px 0 0}.jw{padding:3px 8px}.kj> *{margin-right:24px}.kk> :last-child{margin-right:0}.ma{margin:0}.nh{font-size:20px}.ni{margin-top:2.14em}.nj{line-height:32px}.nk{letter-spacing:-0.003em}.oa{margin-top:56px}.oz{font-size:24px}.pa{margin-top:1.95em}.pb{line-height:30px}.pc{letter-spacing:-0.016em}.po{margin-top:0.94em}.px{margin-top:1.72em}.py{line-height:24px}.pz{letter-spacing:0}.qj{max-width:100%}.qu{margin-top:1.14em}.se{margin-bottom:104px}.sm{flex-direction:row}.sr{margin-bottom:0}.ss{margin-right:20px}.to{max-width:500px}.ub{margin-bottom:72px}.uj{padding-top:72px}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:4px}.hb{font-size:32px}.hc{margin-top:1.01em}.hd{margin-bottom:24px}.he{line-height:38px}.hf{letter-spacing:-0.014em}.hw{align-items:flex-start}.iz{flex-direction:column}.jc{margin-bottom:2px}.jr{margin:24px 0 0}.js{padding:0}.kh> *{margin-right:8px}.ki> :last-child{margin-right:8px}.ky{margin-left:0px}.lz{margin:0}.mp{border:1px solid #F2F2F2}.mq{border-radius:99em}.mr{padding:0px 16px 0px 12px}.ms{height:38px}.mt{align-items:center}.mv svg{margin-right:8px}.nd{font-size:18px}.ne{margin-top:1.56em}.nf{line-height:28px}.ng{letter-spacing:-0.003em}.nz{margin-top:40px}.ov{font-size:20px}.ow{margin-top:1.2em}.ox{line-height:24px}.oy{letter-spacing:0}.pn{margin-top:0.67em}.pv{font-size:16px}.pw{margin-top:1.23em}.qi{max-width:100%}.qt{margin-top:1.34em}.sd{margin-bottom:96px}.st{margin-bottom:20px}.su{margin-right:0}.tu{font-size:24px}.tv{line-height:30px}.tw{letter-spacing:-0.016em}.ua{margin-bottom:64px}.ui{padding-top:48px}.mu:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="print">.rv{display:none}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jm{max-height:none}</style><style type="text/css" data-fela-rehydration="562" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.oe{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2Fcb67802c08ec&amp;%7Efeature=LoOpenInAppButton&amp;%7Echannel=ShowPostUnderCollection&amp;source=---top_nav_layout_nav----------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" href="https://medium.com/?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" href="https://medium.com/m/signin?operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Fnew-story&amp;source=---top_nav_layout_nav-----------------------new_post_topnav-----------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" href="https://medium.com/search?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="a7ca" class="pw-post-title gs gt gu bf gv gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq hr hs ht hu bk" data-testid="storyTitle">Art of storyboarding</h1><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="hv hw hx hy hz ab"><div><div class="ab ia"><div><div class="bm" aria-hidden="false"><a href="https://medium.com/@nupurvatsdesign?source=post_page---byline--cb67802c08ec--------------------------------" rel="noopener follow"><div class="l ib ic by id ie"><div class="l fj"><img alt="Nupur vats" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*VyPJKl1blXLXwK6Sw6Ot0A.png" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="if by l dd de fs n ig ft"></div></div></div></a></div></div><div class="ih ab fj"><div><div class="bm" aria-hidden="false"><a href="https://design.zeta.in/?source=post_page---byline--cb67802c08ec--------------------------------" rel="noopener ugc nofollow"><div class="l ii ij by id ik"><div class="l fj"><img alt="Zeta Design" class="l fd by br il cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="if by l br il fs n ig ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="im ab q"><div class="ab q in"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b io ip bk"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" data-testid="authorName" href="https://medium.com/@nupurvatsdesign?source=post_page---byline--cb67802c08ec--------------------------------" rel="noopener follow">Nupur vats</a></p></div></div></div><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b io ip du"><span><a class="it iu ah ai aj ak al am an ao ap aq ar ex iv iw" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fbe81c98d078e&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=post_page-be81c98d078e--byline--cb67802c08ec---------------------post_header-----------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l ix"><span class="bf b bg z du"><div class="ab cn iy iz ja"><div class="jb jc ab"><div class="bf b bg z du ab jd"><span class="je l ix">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar iq ab q" data-testid="publicationName" href="https://design.zeta.in/?source=post_page---byline--cb67802c08ec--------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jf jg jh ji jj jk jl jm bk">Zeta Design</p></a></div></div></div><div class="h k"><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">8 min read</span><div class="jn jo l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Dec 20, 2021</span></div></span></div></span></div></div></div><div class="ab cp jp jq jr js jt ju jv jw jx jy jz ka kb kc kd ke"><div class="h k w fg fh q"><div class="ku l"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fcb67802c08ec&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=---header_actions--cb67802c08ec---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao la lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lu"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div><div class="ab q kf kg kh ki kj kk kl km kn ko kp kq kr ks kt"><div class="lv k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fcb67802c08ec&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=---header_actions--cb67802c08ec---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lw" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd lx cn"><div class="l ae"><div class="ab cb"><div class="ly lz ma mb mc md ci bh"><div class="ab"><div class="bm bh" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh mi mj mk ml s mm mn mo mp mq mr ms u mt mu mv"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh mi mj mk ml s mm mn mo mp mq mr ms u mt mu mv"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div><p id="b501" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><em class="nu">We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan Gottschall</em></p><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw nx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*cONry3WId5sK53tyT6bsMQ.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*cONry3WId5sK53tyT6bsMQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*cONry3WId5sK53tyT6bsMQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*cONry3WId5sK53tyT6bsMQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*cONry3WId5sK53tyT6bsMQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*cONry3WId5sK53tyT6bsMQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*cONry3WId5sK53tyT6bsMQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*cONry3WId5sK53tyT6bsMQ.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="202" loading="eager" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/5981411c0291?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Supriya Belsare</a></span></span></figcaption></figure><h1 id="9458" class="oo op gu bf oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl bk">A magic trick called ‘Stories’</h1><p id="433d" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">Stories are one of our most powerful forms of communication. They’ve been there all along. From the time cavemen sat around campfires and told stories about their adventures — they have offered an effective mechanism for knowledge transfer. They are not limited to words spoken from one person to another rather they span countries, audiences, and generations. Storytelling can have a profound impact on how we live and the decisions we make.</p><p id="c971" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv"><em class="nu">But what makes us love — stories?</em></strong></p><p id="1134" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Many years ago, a team of scientists discovered a neurological connection between stories and the area of our brain which is responsible for empathy, compassion, and cooperation. These feelings are controlled by a chemical called Oxytocin which tends to increase when we are told stories that resonate with us. Stories help us build a connection and feel like we are a part of something bigger by cultivating emotion and a sense of togetherness.</p><p id="ad26" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv"><em class="nu">Everyone loves listening to a good story but what about storytelling?</em></strong></p><p id="8efb" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Storytelling, on the other hand, is a highly underrated but important skill. It is a powerful tool that when capitalised well — can create a massive impact. One such way of storytelling is <strong class="my gv"><em class="nu">Storyboarding.</em></strong></p><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw nx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*kBWOIVfuo1BqHU7PUKMc5A.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="404" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/5981411c0291?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Supriya Belsare</a></span></span></figcaption></figure><h1 id="e726" class="oo op gu bf oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl bk">Storyboarding</h1><p id="0b9d" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">A storyboard is a sequence of illustrations or visuals placed together to visualise a story. It was first popularised by the Walt Disney Studio back in the 1930s. Animator Webb Smith used it for drawing the scenes of the story “The Three Little Pigs”. Since then storyboards have long been used as a tool in visual storytelling media.</p><p id="7a49" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">As part of our <a class="af pr" rel="noopener ugc nofollow" target="_blank" href="/methodbee-the-initiative-thats-transforming-the-way-we-design-388d70989e06"><strong class="my gv"><em class="nu">MethodBee Initiative</em></strong></a> — where we explore different design methods to solve various problems — the first method we picked up was storyboarding. The reason we wanted to explore storyboards was that they are simple to execute and effective to communicate. Most often — people shy away from using storyboards as they believe that stories are an unscientific way of communicating data. But once you start thinking about stories as a way of describing a user experience, with characters, motivation, context, and emotion, you will realise that they are just as valid as scientific research papers or business reports.</p><h2 id="4aa1" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">Spotting Storytellers at MethodBee</h2><p id="772b" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">For the MethodBee initiative — We started with a buzzer round and played the ‘fastest fingers first.’ All the participants were shown storyboards from some famous movies and they were supposed to guess the movie. To make it more interesting, they were provided with fun facts and hints around the respective movies.</p></div></div><div class="od"><div class="ab cb"><div class="ly qh lz qi ma qj cf qk cg ql ci bh"><figure class="ny nz oa ob oc od qn qo paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw qm"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*QauxXLTzPuSVT0jDED1KLA.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*QauxXLTzPuSVT0jDED1KLA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*QauxXLTzPuSVT0jDED1KLA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*QauxXLTzPuSVT0jDED1KLA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*QauxXLTzPuSVT0jDED1KLA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*QauxXLTzPuSVT0jDED1KLA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*QauxXLTzPuSVT0jDED1KLA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*QauxXLTzPuSVT0jDED1KLA.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh md oi c" width="1000" height="582" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="a5e8" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">This game not only helped us set some context but also laid a foundation to start with a more detailed explanation of the topic — Beginning with the history, its importance, its uses across domains, how it can be used effectively in UX, followed by understanding the milestones of a storyboard.</p><h2 id="601c" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">How to create an experience through storyboarding?</h2><p id="19a2" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">User Experience as the name suggests is “user-centered” and what storyboards actually do is put people at the heart of the design process. They put a human face on analytics data and research findings. Storyboarding is much like thinking about your product as if it were a movie. This helps you to understand how people would use it, how they are going to interact with it over time, giving you a better understanding of the user flows and the product.</p><p id="6f4e" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><em class="nu">Within UX design, Stories hold importance at multiple junctures:</em></p><ul class=""><li id="6c50" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qp qq qr bk"><strong class="my gv">Engage imagination:</strong> A good story engages you and weaves together causes and effects so you can remember them. They come to life in the imaginations of the people hearing them and help them make mental images and take intuitive leaps.</li><li id="c401" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Spark new ideas: </strong>Stories are as much a part of the audience as of the storyteller. Every time you tell a story — it not only inspires your audience but also sparks their imagination and gets them thinking about the problem in a whole new light.</li><li id="a5d6" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Create shared understanding: </strong>In UX, stories about users can bring a team together with a shared understanding of their goal. These stories can be examples of the problems a product will solve, or a vision of what life might be like with the new product.</li></ul><h2 id="b6b9" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">Ingredients of a good storyboard</h2><p id="cfea" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">As suggested by <em class="nu">Kevin Brooks</em> and <em class="nu">Whitney Quesenbery</em> in their book “<a class="af pr" href="https://www.amazon.in/Storytelling-User-Experience-Crafting-Stories-ebook/dp/B004VFUOI8/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=1638194492&amp;sr=8-1" rel="noopener ugc nofollow" target="_blank"><em class="nu">Storytelling for User Experience: Crafting Stories for Better Design</em></a>” — when you are constructing a story, it is important to choose the right ingredients that will support the story and connect to the audience appropriately. One should start by looking at the following:</p><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw nx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*TRXfX55JVaiwjrtZqk5d9g.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="404" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/5981411c0291?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Supriya Belsare</a></span></span></figcaption></figure><ul class=""><li id="ddc7" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qp qq qr bk"><strong class="my gv">Perspective</strong>: Perspective is the point of view from which the story is being told and it helps you to shape your work for a particular audience. While choosing a perspective, always keep in mind — the goals and objectives you want your story to convey because different perspectives can suggest different needs.</li><li id="caba" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Characters: </strong>Characters are<strong class="my gv"> </strong>the people in the story and believable characters have human flaws, just like people in real life. Thus, it is important for you to draw out the qualities, experiences, and expectations — so that the audience can relate to your characters better. These characteristics should not be random rather they should be based on story fragments and other details collected during user research.</li><li id="8968" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Context</strong>: The environment in which the story unfolds. Working on details to evoke your characters — helps build context. Whatever details you choose, it’s important for you to know your characters’ physical world intimately, and how they relate to it. Now some of this context is explicitly stated whereas some of it is inferred by the audience by the details — you draw out for them.</li><li id="8df0" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Imagery</strong>: Imagery refers to the visual and emotional quality of your story. Imagery works with all the other ingredients — perspective, context, and character. It makes them memorable by adding words/pictures that describe explicit subtleties. Because if you have too little imagery, the story is nothing more than a recitation of facts.</li><li id="5e50" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk"><strong class="my gv">Language</strong>: Language is how the story is being narrated. It is important for your stories to sound natural and authentic. One way of doing so is speaking in the language that your audience understands. Use the words they would use and focus on contextual details that support the purpose of your story.</li></ul><p id="ad15" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">These ingredients translate a set of events into a story that engages your audience.</p><h2 id="016a" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">How do you create a successful storyboard?</h2><p id="dcfe" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">While translating your story into a storyboard — You need to structure it in a way that starts with defining/highlighting a problem, followed by a solution to that problem, and benefits achieved from that solution. This structure might sound very similar to how we do user stories but what storyboarding does is — take it a step further and generate empathy amongst the stakeholders.</p><p id="fa28" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">So using this basic principle let’s try to create a storyboard for the given scenario -</p><p id="9695" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><em class="nu">“Alice is a developer who works 9 hours a day. Lately, she feels that she has been neglecting her health and prioritising her work. Her sedentary lifestyle is taking a toll on her body and she wants to do something to make it right”</em></p><p id="b638" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Now in order to come up with a storyboard for the above scenario — You need to start by defining the problem. The problem should ideally contain the user’s<strong class="my gv"> </strong>goal and pain point. This is generally depicted as “I want to do/achieve <strong class="my gv"><em class="nu">(user’s goal)</em></strong><em class="nu"> </em>but <strong class="my gv"><em class="nu">(user’s pain point)</em></strong>”</p><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw qx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*5rBLpWNlN5xU-fMKwMGLqA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*5rBLpWNlN5xU-fMKwMGLqA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*5rBLpWNlN5xU-fMKwMGLqA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*5rBLpWNlN5xU-fMKwMGLqA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*5rBLpWNlN5xU-fMKwMGLqA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*5rBLpWNlN5xU-fMKwMGLqA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*5rBLpWNlN5xU-fMKwMGLqA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*5rBLpWNlN5xU-fMKwMGLqA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="496" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Storyboard by <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/5981411c0291?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Supriya Belsare</a></span></span></figcaption></figure><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw qx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*hHtRG72LViYPsRNzImN9jA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*hHtRG72LViYPsRNzImN9jA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*hHtRG72LViYPsRNzImN9jA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*hHtRG72LViYPsRNzImN9jA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*hHtRG72LViYPsRNzImN9jA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*hHtRG72LViYPsRNzImN9jA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*hHtRG72LViYPsRNzImN9jA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*hHtRG72LViYPsRNzImN9jA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="496" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Start your storyboard with defining a problem, followed by a solution to that problem, and benefits achieved from that solution.</figcaption></figure><h2 id="46b1" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">Bringing it all together with a fun activity</h2><p id="b276" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">Once we established a better understanding of the topic — we wanted to get our hands dirty with a fun and engaging activity to enhance our learning. For this activity — we asked the design team to build their own storyboard — narrating their daily routine. We provided them with a template and a set of resources. We had added a frame for each hour of the day and asked them to describe each frame in a short sentence and draw a corresponding image. It was not important to be good at drawing but it was important to have fun while doing it :)</p><p id="b1b7" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Here are a few storyboards from some of our teammates:</p><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*bD5DktRw7vtb587YFCJ8hw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*bD5DktRw7vtb587YFCJ8hw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*bD5DktRw7vtb587YFCJ8hw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*bD5DktRw7vtb587YFCJ8hw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*bD5DktRw7vtb587YFCJ8hw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*bD5DktRw7vtb587YFCJ8hw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*bD5DktRw7vtb587YFCJ8hw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*bD5DktRw7vtb587YFCJ8hw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="515" loading="lazy" role="presentation"/></picture></div></div></figure><figure class="ny nz oa ob oc od nv nw paragraph-image"><div role="button" tabindex="0" class="oe of fj og bh oh"><div class="nv nw qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*3aNBNuMR9CmSAi-jWLgMVw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*3aNBNuMR9CmSAi-jWLgMVw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*3aNBNuMR9CmSAi-jWLgMVw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*3aNBNuMR9CmSAi-jWLgMVw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*3aNBNuMR9CmSAi-jWLgMVw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*3aNBNuMR9CmSAi-jWLgMVw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*3aNBNuMR9CmSAi-jWLgMVw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*3aNBNuMR9CmSAi-jWLgMVw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oi c" width="700" height="515" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oj ff ok nv nw ol om bf b bg z du">Activity with the team mates where we asked them to illustrate a day in their life</figcaption></figure><h2 id="b240" class="ps op gu bf oq pt pu dy ou pv pw ea oy nh px py pz nl qa qb qc np qd qe qf qg bk">All that glitters is not gold</h2><p id="1a99" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">We summed up our session by highlighting a couple of downsides to draw a full picture. Though storyboards can give you a visual representation of an overarching theme — They may not be a practical solution in all scenarios because:</p><ul class=""><li id="28bf" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qp qq qr bk">Interaction between the storyboard and a user is limited.</li><li id="337f" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk">People may be reluctant to hand-draw if they feel that they are bad at it.</li><li id="d104" class="mw mx gu my b mz qs nb nc nd qt nf ng nh qu nj nk nl qv nn no np qw nr ns nt qp qq qr bk">Sometimes it is not practical for detailed design and covering all use cases.</li></ul><h1 id="ec4c" class="oo op gu bf oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl bk">In the end..</h1><p id="f74b" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk">Storyboarding in UX can go beyond simple anecdotes to express important aspects of behaviour, goals, and culture. One of the hardest things to do is to understand a task, context, or experience as someone else does. But once we can see the design problem from that new perspective, we are halfway home to a solution. It may seem daunting at first, but we really hope you will try adding stories and storytelling to your work and use them in some way or the other.</p><p id="51bd" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">We have also published a community file on Figma for your reference :) <a class="af pr" href="https://www.figma.com/community/file/1054691228399417100/Art-of-Storyboading" rel="noopener ugc nofollow" target="_blank"><strong class="my gv">Storyboarding Figma File</strong></a></p><h1 id="c06a" class="oo op gu bf oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl bk">Reference</h1><p id="2ce2" class="pw-post-body-paragraph mw mx gu my b mz pm nb nc nd pn nf ng nh po nj nk nl pp nn no np pq nr ns nt gn bk"><a class="af pr" href="https://www.amazon.in/Storytelling-User-Experience-Crafting-Stories-ebook/dp/B004VFUOI8/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=1638194492&amp;sr=8-1" rel="noopener ugc nofollow" target="_blank"><em class="nu">Storytelling for User Experience: Crafting Stories for Better Design</em></a><em class="nu"> </em>by Kevin Brooks and Whitney Quesenbery</p></div></div></div><div class="ab cb qz ra rb rc" role="separator"><span class="rd by bm re rf rg"></span><span class="rd by bm re rf rg"></span><span class="rd by bm re rf"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="4c3d" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Huge shout out to <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/6be01e1651c6?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Sonalisa Patel</a></span></span> and <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/4f0a66fe889e?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Roopal Kumar</a></span></span> for being a part of this initiative. Thank you <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/e2b1ef30fdc0?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Ramakrishna V</a></span></span>, <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/c89f0f029bca?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Kshitij Pandey</a></span></span>, and <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/4acc1a4e4abb?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Mustafa Quilon</a></span></span> for all your feedback and <span class="is"><span class="is" aria-hidden="false"><a class="on it fe" href="https://medium.com/u/5981411c0291?source=post_page---user_mention--cb67802c08ec--------------------------------" rel="noopener" target="_blank">Supriya Belsare</a></span></span> for the amazing illustrations :)</p></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="rh ri ab ja"><div class="rj ab"><a class="rk ay am ao" href="https://medium.com/tag/storyboarding?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><div class="rl fj cx rm ge rn ro bf b bg z bk rp">Storyboarding</div></a></div><div class="rj ab"><a class="rk ay am ao" href="https://medium.com/tag/ux?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><div class="rl fj cx rm ge rn ro bf b bg z bk rp">UX</div></a></div><div class="rj ab"><a class="rk ay am ao" href="https://medium.com/tag/design?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><div class="rl fj cx rm ge rn ro bf b bg z bk rp">Design</div></a></div><div class="rj ab"><a class="rk ay am ao" href="https://medium.com/tag/design-methods?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><div class="rl fj cx rm ge rn ro bf b bg z bk rp">Design Methods</div></a></div><div class="rj ab"><a class="rk ay am ao" href="https://medium.com/tag/methodbee?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><div class="rl fj cx rm ge rn ro bf b bg z bk rp">Methodbee</div></a></div></div></div></div><div class="l"></div><footer class="rq ra rr rs rt ab q ru ik c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp rv"><div class="ab q kv"><div class="rw l"><span class="l rx ry rz e d"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fcb67802c08ec&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=---footer_actions--cb67802c08ec---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></span><span class="l h g f sa sb"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fcb67802c08ec&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=---footer_actions--cb67802c08ec---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao la lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lu"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div></div><div class="ab q"><div class="rg l ix"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fcb67802c08ec&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;source=---footer_actions--cb67802c08ec---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lw" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="rg l ix"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="sc sd se sf sg l"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="sh bh r si"></div><div class="sj l"><div class="ab sk sl sm iz iy"><div class="sn so sp sq sr ss st su sv sw ab cp"><div class="h k"><a href="https://design.zeta.in/?source=post_page---post_publication_info--cb67802c08ec--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="sx ib ic cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="48" height="48" loading="lazy"/><div class="sx l ic ib fs n fr sy"></div></div></a></div><div class="j i d"><a href="https://design.zeta.in/?source=post_page---post_publication_info--cb67802c08ec--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="sx ta sz cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="64" height="64" loading="lazy"/><div class="sx l sz ta fs n fr sy"></div></div></a></div><div class="j i d tb ix"><div class="ab"><span><a class="bf b bg z tc rl td te tf tg th ev ew ti tj tk fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;collection=Zeta+Design&amp;collectionId=b1d9ef1bb1cd&amp;source=post_page---post_publication_info--cb67802c08ec---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co tl"><div class="tm tn to qi qh l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://design.zeta.in/?source=post_page---post_publication_info--cb67802c08ec--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf tq tr ts tt tu tv tw nh py pz nl qb qc np qe qf bk"><span class="gn tp">Published in <!-- -->Zeta Design</span></h2></a><div class="rj ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/followers?source=post_page---post_publication_info--cb67802c08ec--------------------------------">2K Followers</a></span></div><div class="bf b bg z du ab jd"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142?source=post_page---post_publication_info--cb67802c08ec--------------------------------">Last published <span>Sep 6, 2024</span></a></div></div><div class="tx l"><p class="bf b bg z bk"><span class="gn">Perspectives on designing &amp; building digital products for India</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z tc rl td te tf tg th ev ew ti tj tk fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;collection=Zeta+Design&amp;collectionId=b1d9ef1bb1cd&amp;source=post_page---post_publication_info--cb67802c08ec---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab sk sl sm iz iy"><div class="sn so sp sq sr ss st su sv sw ab cp"><div class="h k"><a tabindex="0" href="https://medium.com/@nupurvatsdesign?source=post_page---post_author_info--cb67802c08ec--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Nupur vats" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*VyPJKl1blXLXwK6Sw6Ot0A.png" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay sy"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://medium.com/@nupurvatsdesign?source=post_page---post_author_info--cb67802c08ec--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Nupur vats" class="l fd by sz ta cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*VyPJKl1blXLXwK6Sw6Ot0A.png" width="64" height="64" loading="lazy"/><div class="fr by l sz ta fs n ay sy"></div></div></a></div><div class="j i d tb ix"><div class="ab"><span><a class="bf b bg z tc rl td te tf tg th ev ew ti tj tk fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fbe81c98d078e&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=post_page-be81c98d078e--post_author_info--cb67802c08ec---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co tl"><div class="tm tn to qi qh l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.com/@nupurvatsdesign?source=post_page---post_author_info--cb67802c08ec--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf tq tr ts tt tu tv tw nh py pz nl qb qc np qe qf bk"><span class="gn tp">Written by <!-- -->Nupur vats</span></h2></a><div class="rj ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://medium.com/@nupurvatsdesign/followers?source=post_page---post_author_info--cb67802c08ec--------------------------------" rel="noopener follow">45 Followers</a></span></div><div class="bf b bg z du ab jd"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://medium.com/@nupurvatsdesign/following?source=post_page---post_author_info--cb67802c08ec--------------------------------" rel="noopener follow">14 Following</a></div></div><div class="tx l"><p class="bf b bg z bk"><span class="gn">User Experience Designer</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z tc rl td te tf tg th ev ew ti tj tk fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fbe81c98d078e&amp;operation=register&amp;redirect=https%3A%2F%2Fdesign.zeta.in%2Fart-of-storyboarding-cb67802c08ec&amp;user=Nupur+vats&amp;userId=be81c98d078e&amp;source=post_page-be81c98d078e--post_author_info--cb67802c08ec---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div></div></div><div class="ty l"><div class="sh bh r tz ua ub uc ud"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf tq or ot ou ov ox oy oz pb pc pd pf pg ph pj pk bk">No responses yet</h2><div class="ab ue"><div><div class="bm" aria-hidden="false"><a class="uf ug" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--cb67802c08ec--------------------------------" rel="noopener follow" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" d="M11.987 5.036a.754.754 0 0 1 .914-.01c.972.721 1.767 1.218 2.6 1.543.828.322 1.719.485 2.887.505a.755.755 0 0 1 .741.757c-.018 3.623-.43 6.256-1.449 8.21-1.034 1.984-2.662 3.209-4.966 4.083a.75.75 0 0 1-.537-.003c-2.243-.874-3.858-2.095-4.897-4.074-1.024-1.951-1.457-4.583-1.476-8.216a.755.755 0 0 1 .741-.757c1.195-.02 2.1-.182 2.923-.503.827-.322 1.6-.815 2.519-1.535m.468.903c-.897.69-1.717 1.21-2.623 1.564-.898.35-1.856.527-3.026.565.037 3.45.469 5.817 1.36 7.515.884 1.684 2.25 2.762 4.284 3.571 2.092-.81 3.465-1.89 4.344-3.575.886-1.698 1.299-4.065 1.334-7.512-1.149-.039-2.091-.217-2.99-.567-.906-.353-1.745-.873-2.683-1.561m-.009 9.155a2.672 2.672 0 1 0 0-5.344 2.672 2.672 0 0 0 0 5.344m0 1a3.672 3.672 0 1 0 0-7.344 3.672 3.672 0 0 0 0 7.344m-1.813-3.777.525-.526.916.917 1.623-1.625.526.526-2.149 2.152z" clip-rule="evenodd"></path></svg></a></div></div></div></div></div></div></div><div class="uh ui uj uk ul l bx"><div class="h k j"><div class="sh bh um un"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="uo ab kv ja"><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/about?autoplay=1&amp;source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="pressinquiries@medium.com?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="up uq l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="up l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=post_page-----cb67802c08ec--------------------------------" rel="noopener follow"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241122-185319-7bcdc08639"</script><script>window.__GRAPHQL_URI__ = "https://design.zeta.in/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"This request is not using the cache middleware worker","group":"disabled","tags":["group-edgeCachePosts","post-cb67802c08ec","user-be81c98d078e","collection-b1d9ef1bb1cd"],"serverVariantState":"","middlewareEnabled":false,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"COLLECTION","id":"b1d9ef1bb1cd","explicit":true},"viewerIsBot":false},"debug":{"requestId":"7518d821-7f4d-45f9-9a7c-bad24d12bc15","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-d7a114fb45a9b819de570eca0579d8b1-a508c67d5b21de85-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fdesign.zeta.in\u002Fart-of-storyboarding-cb67802c08ec","host":"design.zeta.in","hostname":"design.zeta.in","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=collection_home---4------10-----------------------"},"config":{"nodeEnv":"production","version":"main-20241122-185319-7bcdc08639","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20241122-185319-7bcdc08639","commit":"7bcdc08639c179dc5172558201a3fd3abc1b5db6"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","variantFlags":[{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagString","value":"1"}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses_input","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"design.zeta.in\"})":{"__ref":"Collection:b1d9ef1bb1cd"},"postResult({\"id\":\"cb67802c08ec\"})":{"__ref":"Post:cb67802c08ec"}},"Collection:b1d9ef1bb1cd":{"__typename":"Collection","id":"b1d9ef1bb1cd","customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF8EEFF","point":0},{"__typename":"ColorPoint","color":"#FFF7ECFF","point":0.1},{"__typename":"ColorPoint","color":"#FFF6E9FF","point":0.2},{"__typename":"ColorPoint","color":"#FFF5E6FF","point":0.3},{"__typename":"ColorPoint","color":"#FFF4E4FF","point":0.4},{"__typename":"ColorPoint","color":"#FFF3E1FF","point":0.5},{"__typename":"ColorPoint","color":"#FFF1DEFF","point":0.6},{"__typename":"ColorPoint","color":"#FFF0DBFF","point":0.7},{"__typename":"ColorPoint","color":"#FFEFD9FF","point":0.8},{"__typename":"ColorPoint","color":"#FFEED6FF","point":0.9},{"__typename":"ColorPoint","color":"#FFEDD3FF","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF9474C6","point":0},{"__typename":"ColorPoint","color":"#FF896CB6","point":0.1},{"__typename":"ColorPoint","color":"#FF7E65A6","point":0.2},{"__typename":"ColorPoint","color":"#FF735D96","point":0.3},{"__typename":"ColorPoint","color":"#FF685586","point":0.4},{"__typename":"ColorPoint","color":"#FF5C4C76","point":0.5},{"__typename":"ColorPoint","color":"#FF504366","point":0.6},{"__typename":"ColorPoint","color":"#FF443956","point":0.7},{"__typename":"ColorPoint","color":"#FF382F46","point":0.8},{"__typename":"ColorPoint","color":"#FF2A2435","point":0.9},{"__typename":"ColorPoint","color":"#FF1C1824","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF4B2878","colorPoints":[{"__typename":"ColorPoint","color":"#FF4B2878","point":0},{"__typename":"ColorPoint","color":"#FF61448C","point":0.1},{"__typename":"ColorPoint","color":"#FF765D9E","point":0.2},{"__typename":"ColorPoint","color":"#FF8A73AF","point":0.3},{"__typename":"ColorPoint","color":"#FF9D89BE","point":0.4},{"__typename":"ColorPoint","color":"#FFB09DCD","point":0.5},{"__typename":"ColorPoint","color":"#FFC1B1DB","point":0.6},{"__typename":"ColorPoint","color":"#FFD3C4E8","point":0.7},{"__typename":"ColorPoint","color":"#FFE4D7F5","point":0.8},{"__typename":"ColorPoint","color":"#FFF4E9FF","point":0.9},{"__typename":"ColorPoint","color":"#FFFFFBFF","point":1}]}},"favicon":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"domain":"design.zeta.in","slug":"zeta-design","googleAnalyticsId":null,"editors":[{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:c89f0f029bca"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:4acc1a4e4abb"}}],"name":"Zeta Design","avatar":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"description":"Perspectives on designing & building digital products for India","subscriberCount":2026,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:b107f857e142"}]},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_c3b834ea5ba6"},"twitterUsername":"zetaindia","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png":{"__typename":"ImageMetadata","id":"1*7FG4sDTdzgBNYQL3onKlXQ.png"},"User:c89f0f029bca":{"__typename":"User","id":"c89f0f029bca"},"User:4acc1a4e4abb":{"__typename":"User","id":"4acc1a4e4abb"},"User:f4782ea9c444":{"__typename":"User","id":"f4782ea9c444","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"creativetechie.medium.com"}},"hasSubdomain":true,"username":"creativetechie"},"Post:b107f857e142":{"__typename":"Post","id":"b107f857e142","firstPublishedAt":1725604078487,"creator":{"__ref":"User:f4782ea9c444"},"collection":{"__ref":"Collection:b1d9ef1bb1cd"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Frocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142","sequence":null,"uniqueSlug":"rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142"},"LinkedAccounts:be81c98d078e":{"__typename":"LinkedAccounts","mastodon":null,"id":"be81c98d078e"},"UserViewerEdge:userId:be81c98d078e-viewerId:lo_c3b834ea5ba6":{"__typename":"UserViewerEdge","id":"userId:be81c98d078e-viewerId:lo_c3b834ea5ba6","isFollowing":false,"isUser":false,"isMuting":false},"NewsletterV3:c5476c0d9b27":{"__typename":"NewsletterV3","id":"c5476c0d9b27","type":"NEWSLETTER_TYPE_AUTHOR","slug":"be81c98d078e","name":"be81c98d078e","collection":null,"user":{"__ref":"User:be81c98d078e"}},"User:be81c98d078e":{"__typename":"User","id":"be81c98d078e","name":"Nupur vats","username":"nupurvatsdesign","newsletterV3":{"__ref":"NewsletterV3:c5476c0d9b27"},"linkedAccounts":{"__ref":"LinkedAccounts:be81c98d078e"},"isSuspended":false,"imageId":"1*VyPJKl1blXLXwK6Sw6Ot0A.png","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":45,"followingCount":11,"collectionFollowingCount":3},"customDomainState":null,"hasSubdomain":false,"bio":"User Experience Designer","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:be81c98d078e-viewerId:lo_c3b834ea5ba6"},"viewerIsUser":false,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":true,"twitterScreenName":""},"Paragraph:da1b18e1128e_0":{"__typename":"Paragraph","id":"da1b18e1128e_0","name":"a7ca","type":"H3","href":null,"layout":null,"metadata":null,"text":"Art of storyboarding","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_1":{"__typename":"Paragraph","id":"da1b18e1128e_1","name":"b501","type":"P","href":null,"layout":null,"metadata":null,"text":"We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan Gottschall","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":149,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*cONry3WId5sK53tyT6bsMQ.jpeg":{"__typename":"ImageMetadata","id":"1*cONry3WId5sK53tyT6bsMQ.jpeg","originalHeight":327,"originalWidth":1136,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_2":{"__typename":"Paragraph","id":"da1b18e1128e_2","name":"97fb","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*cONry3WId5sK53tyT6bsMQ.jpeg"},"text":"Illustration by Supriya Belsare","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":31,"href":null,"anchorType":"USER","userId":"5981411c0291","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_3":{"__typename":"Paragraph","id":"da1b18e1128e_3","name":"9458","type":"H3","href":null,"layout":null,"metadata":null,"text":"A magic trick called ‘Stories’","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_4":{"__typename":"Paragraph","id":"da1b18e1128e_4","name":"433d","type":"P","href":null,"layout":null,"metadata":null,"text":"Stories are one of our most powerful forms of communication. They’ve been there all along. From the time cavemen sat around campfires and told stories about their adventures — they have offered an effective mechanism for knowledge transfer. They are not limited to words spoken from one person to another rather they span countries, audiences, and generations. Storytelling can have a profound impact on how we live and the decisions we make.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_5":{"__typename":"Paragraph","id":"da1b18e1128e_5","name":"c971","type":"P","href":null,"layout":null,"metadata":null,"text":"But what makes us love — stories?","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":33,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":33,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_6":{"__typename":"Paragraph","id":"da1b18e1128e_6","name":"1134","type":"P","href":null,"layout":null,"metadata":null,"text":"Many years ago, a team of scientists discovered a neurological connection between stories and the area of our brain which is responsible for empathy, compassion, and cooperation. These feelings are controlled by a chemical called Oxytocin which tends to increase when we are told stories that resonate with us. Stories help us build a connection and feel like we are a part of something bigger by cultivating emotion and a sense of togetherness.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_7":{"__typename":"Paragraph","id":"da1b18e1128e_7","name":"ad26","type":"P","href":null,"layout":null,"metadata":null,"text":"Everyone loves listening to a good story but what about storytelling?","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":69,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":69,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_8":{"__typename":"Paragraph","id":"da1b18e1128e_8","name":"8efb","type":"P","href":null,"layout":null,"metadata":null,"text":"Storytelling, on the other hand, is a highly underrated but important skill. It is a powerful tool that when capitalised well — can create a massive impact. One such way of storytelling is Storyboarding.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":189,"end":203,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":189,"end":203,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*kBWOIVfuo1BqHU7PUKMc5A.jpeg":{"__typename":"ImageMetadata","id":"1*kBWOIVfuo1BqHU7PUKMc5A.jpeg","originalHeight":655,"originalWidth":1136,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_9":{"__typename":"Paragraph","id":"da1b18e1128e_9","name":"a3ab","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*kBWOIVfuo1BqHU7PUKMc5A.jpeg"},"text":"Illustration by Supriya Belsare","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":31,"href":null,"anchorType":"USER","userId":"5981411c0291","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_10":{"__typename":"Paragraph","id":"da1b18e1128e_10","name":"e726","type":"H3","href":null,"layout":null,"metadata":null,"text":"Storyboarding","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_11":{"__typename":"Paragraph","id":"da1b18e1128e_11","name":"0b9d","type":"P","href":null,"layout":null,"metadata":null,"text":"A storyboard is a sequence of illustrations or visuals placed together to visualise a story. It was first popularised by the Walt Disney Studio back in the 1930s. Animator Webb Smith used it for drawing the scenes of the story “The Three Little Pigs”. Since then storyboards have long been used as a tool in visual storytelling media.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_12":{"__typename":"Paragraph","id":"da1b18e1128e_12","name":"7a49","type":"P","href":null,"layout":null,"metadata":null,"text":"As part of our MethodBee Initiative — where we explore different design methods to solve various problems — the first method we picked up was storyboarding. The reason we wanted to explore storyboards was that they are simple to execute and effective to communicate. Most often — people shy away from using storyboards as they believe that stories are an unscientific way of communicating data. But once you start thinking about stories as a way of describing a user experience, with characters, motivation, context, and emotion, you will realise that they are just as valid as scientific research papers or business reports.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":15,"end":35,"href":"https:\u002F\u002Fdesign.zeta.in\u002Fmethodbee-the-initiative-thats-transforming-the-way-we-design-388d70989e06","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":15,"end":35,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":15,"end":35,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_13":{"__typename":"Paragraph","id":"da1b18e1128e_13","name":"4aa1","type":"H4","href":null,"layout":null,"metadata":null,"text":"Spotting Storytellers at MethodBee","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_14":{"__typename":"Paragraph","id":"da1b18e1128e_14","name":"772b","type":"P","href":null,"layout":null,"metadata":null,"text":"For the MethodBee initiative — We started with a buzzer round and played the ‘fastest fingers first.’ All the participants were shown storyboards from some famous movies and they were supposed to guess the movie. To make it more interesting, they were provided with fun facts and hints around the respective movies.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*QauxXLTzPuSVT0jDED1KLA.png":{"__typename":"ImageMetadata","id":"1*QauxXLTzPuSVT0jDED1KLA.png","originalHeight":1613,"originalWidth":2776,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_15":{"__typename":"Paragraph","id":"da1b18e1128e_15","name":"e86a","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*QauxXLTzPuSVT0jDED1KLA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_16":{"__typename":"Paragraph","id":"da1b18e1128e_16","name":"a5e8","type":"P","href":null,"layout":null,"metadata":null,"text":"This game not only helped us set some context but also laid a foundation to start with a more detailed explanation of the topic — Beginning with the history, its importance, its uses across domains, how it can be used effectively in UX, followed by understanding the milestones of a storyboard.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_17":{"__typename":"Paragraph","id":"da1b18e1128e_17","name":"601c","type":"H4","href":null,"layout":null,"metadata":null,"text":"How to create an experience through storyboarding?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_18":{"__typename":"Paragraph","id":"da1b18e1128e_18","name":"19a2","type":"P","href":null,"layout":null,"metadata":null,"text":"User Experience as the name suggests is “user-centered” and what storyboards actually do is put people at the heart of the design process. They put a human face on analytics data and research findings. Storyboarding is much like thinking about your product as if it were a movie. This helps you to understand how people would use it, how they are going to interact with it over time, giving you a better understanding of the user flows and the product.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_19":{"__typename":"Paragraph","id":"da1b18e1128e_19","name":"6f4e","type":"P","href":null,"layout":null,"metadata":null,"text":"Within UX design, Stories hold importance at multiple junctures:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":64,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_20":{"__typename":"Paragraph","id":"da1b18e1128e_20","name":"6c50","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Engage imagination: A good story engages you and weaves together causes and effects so you can remember them. They come to life in the imaginations of the people hearing them and help them make mental images and take intuitive leaps.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":19,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_21":{"__typename":"Paragraph","id":"da1b18e1128e_21","name":"c401","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Spark new ideas: Stories are as much a part of the audience as of the storyteller. Every time you tell a story — it not only inspires your audience but also sparks their imagination and gets them thinking about the problem in a whole new light.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_22":{"__typename":"Paragraph","id":"da1b18e1128e_22","name":"a5d6","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Create shared understanding: In UX, stories about users can bring a team together with a shared understanding of their goal. These stories can be examples of the problems a product will solve, or a vision of what life might be like with the new product.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":29,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_23":{"__typename":"Paragraph","id":"da1b18e1128e_23","name":"b6b9","type":"H4","href":null,"layout":null,"metadata":null,"text":"Ingredients of a good storyboard","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_24":{"__typename":"Paragraph","id":"da1b18e1128e_24","name":"cfea","type":"P","href":null,"layout":null,"metadata":null,"text":"As suggested by Kevin Brooks and Whitney Quesenbery in their book “Storytelling for User Experience: Crafting Stories for Better Design” — when you are constructing a story, it is important to choose the right ingredients that will support the story and connect to the audience appropriately. One should start by looking at the following:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":67,"end":135,"href":"https:\u002F\u002Fwww.amazon.in\u002FStorytelling-User-Experience-Crafting-Stories-ebook\u002Fdp\u002FB004VFUOI8\u002Fref=tmm_kin_swatch_0?_encoding=UTF8&qid=1638194492&sr=8-1","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":16,"end":28,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":33,"end":51,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":67,"end":135,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*TRXfX55JVaiwjrtZqk5d9g.jpeg":{"__typename":"ImageMetadata","id":"1*TRXfX55JVaiwjrtZqk5d9g.jpeg","originalHeight":655,"originalWidth":1136,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_25":{"__typename":"Paragraph","id":"da1b18e1128e_25","name":"d55d","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*TRXfX55JVaiwjrtZqk5d9g.jpeg"},"text":"Illustration by Supriya Belsare","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":31,"href":null,"anchorType":"USER","userId":"5981411c0291","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_26":{"__typename":"Paragraph","id":"da1b18e1128e_26","name":"ddc7","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Perspective: Perspective is the point of view from which the story is being told and it helps you to shape your work for a particular audience. While choosing a perspective, always keep in mind — the goals and objectives you want your story to convey because different perspectives can suggest different needs.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":11,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_27":{"__typename":"Paragraph","id":"da1b18e1128e_27","name":"caba","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Characters: Characters are the people in the story and believable characters have human flaws, just like people in real life. Thus, it is important for you to draw out the qualities, experiences, and expectations — so that the audience can relate to your characters better. These characteristics should not be random rather they should be based on story fragments and other details collected during user research.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":12,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":26,"end":27,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_28":{"__typename":"Paragraph","id":"da1b18e1128e_28","name":"8968","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Context: The environment in which the story unfolds. Working on details to evoke your characters — helps build context. Whatever details you choose, it’s important for you to know your characters’ physical world intimately, and how they relate to it. Now some of this context is explicitly stated whereas some of it is inferred by the audience by the details — you draw out for them.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_29":{"__typename":"Paragraph","id":"da1b18e1128e_29","name":"8df0","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Imagery: Imagery refers to the visual and emotional quality of your story. Imagery works with all the other ingredients — perspective, context, and character. It makes them memorable by adding words\u002Fpictures that describe explicit subtleties. Because if you have too little imagery, the story is nothing more than a recitation of facts.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_30":{"__typename":"Paragraph","id":"da1b18e1128e_30","name":"5e50","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Language: Language is how the story is being narrated. It is important for your stories to sound natural and authentic. One way of doing so is speaking in the language that your audience understands. Use the words they would use and focus on contextual details that support the purpose of your story.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_31":{"__typename":"Paragraph","id":"da1b18e1128e_31","name":"ad15","type":"P","href":null,"layout":null,"metadata":null,"text":"These ingredients translate a set of events into a story that engages your audience.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_32":{"__typename":"Paragraph","id":"da1b18e1128e_32","name":"016a","type":"H4","href":null,"layout":null,"metadata":null,"text":"How do you create a successful storyboard?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_33":{"__typename":"Paragraph","id":"da1b18e1128e_33","name":"dcfe","type":"P","href":null,"layout":null,"metadata":null,"text":"While translating your story into a storyboard — You need to structure it in a way that starts with defining\u002Fhighlighting a problem, followed by a solution to that problem, and benefits achieved from that solution. This structure might sound very similar to how we do user stories but what storyboarding does is — take it a step further and generate empathy amongst the stakeholders.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_34":{"__typename":"Paragraph","id":"da1b18e1128e_34","name":"fa28","type":"P","href":null,"layout":null,"metadata":null,"text":"So using this basic principle let’s try to create a storyboard for the given scenario -","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_35":{"__typename":"Paragraph","id":"da1b18e1128e_35","name":"9695","type":"P","href":null,"layout":null,"metadata":null,"text":"“Alice is a developer who works 9 hours a day. Lately, she feels that she has been neglecting her health and prioritising her work. Her sedentary lifestyle is taking a toll on her body and she wants to do something to make it right”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":232,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_36":{"__typename":"Paragraph","id":"da1b18e1128e_36","name":"b638","type":"P","href":null,"layout":null,"metadata":null,"text":"Now in order to come up with a storyboard for the above scenario — You need to start by defining the problem. The problem should ideally contain the user’s goal and pain point. This is generally depicted as “I want to do\u002Fachieve (user’s goal) but (user’s pain point)”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":155,"end":156,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":229,"end":242,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":247,"end":266,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":229,"end":243,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":247,"end":266,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*5rBLpWNlN5xU-fMKwMGLqA.png":{"__typename":"ImageMetadata","id":"1*5rBLpWNlN5xU-fMKwMGLqA.png","originalHeight":1632,"originalWidth":2305,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_37":{"__typename":"Paragraph","id":"da1b18e1128e_37","name":"a180","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*5rBLpWNlN5xU-fMKwMGLqA.png"},"text":"Storyboard by Supriya Belsare","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":14,"end":29,"href":null,"anchorType":"USER","userId":"5981411c0291","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*hHtRG72LViYPsRNzImN9jA.png":{"__typename":"ImageMetadata","id":"1*hHtRG72LViYPsRNzImN9jA.png","originalHeight":1632,"originalWidth":2305,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_38":{"__typename":"Paragraph","id":"da1b18e1128e_38","name":"bbb6","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*hHtRG72LViYPsRNzImN9jA.png"},"text":"Start your storyboard with defining a problem, followed by a solution to that problem, and benefits achieved from that solution.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_39":{"__typename":"Paragraph","id":"da1b18e1128e_39","name":"46b1","type":"H4","href":null,"layout":null,"metadata":null,"text":"Bringing it all together with a fun activity","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_40":{"__typename":"Paragraph","id":"da1b18e1128e_40","name":"b276","type":"P","href":null,"layout":null,"metadata":null,"text":"Once we established a better understanding of the topic — we wanted to get our hands dirty with a fun and engaging activity to enhance our learning. For this activity — we asked the design team to build their own storyboard — narrating their daily routine. We provided them with a template and a set of resources. We had added a frame for each hour of the day and asked them to describe each frame in a short sentence and draw a corresponding image. It was not important to be good at drawing but it was important to have fun while doing it :)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_41":{"__typename":"Paragraph","id":"da1b18e1128e_41","name":"b1b7","type":"P","href":null,"layout":null,"metadata":null,"text":"Here are a few storyboards from some of our teammates:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*bD5DktRw7vtb587YFCJ8hw.png":{"__typename":"ImageMetadata","id":"1*bD5DktRw7vtb587YFCJ8hw.png","originalHeight":2385,"originalWidth":3242,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_42":{"__typename":"Paragraph","id":"da1b18e1128e_42","name":"6cf4","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*bD5DktRw7vtb587YFCJ8hw.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*3aNBNuMR9CmSAi-jWLgMVw.png":{"__typename":"ImageMetadata","id":"1*3aNBNuMR9CmSAi-jWLgMVw.png","originalHeight":2385,"originalWidth":3242,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:da1b18e1128e_43":{"__typename":"Paragraph","id":"da1b18e1128e_43","name":"ad78","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*3aNBNuMR9CmSAi-jWLgMVw.png"},"text":"Activity with the team mates where we asked them to illustrate a day in their life","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_44":{"__typename":"Paragraph","id":"da1b18e1128e_44","name":"b240","type":"H4","href":null,"layout":null,"metadata":null,"text":"All that glitters is not gold","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_45":{"__typename":"Paragraph","id":"da1b18e1128e_45","name":"1a99","type":"P","href":null,"layout":null,"metadata":null,"text":"We summed up our session by highlighting a couple of downsides to draw a full picture. Though storyboards can give you a visual representation of an overarching theme — They may not be a practical solution in all scenarios because:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_46":{"__typename":"Paragraph","id":"da1b18e1128e_46","name":"28bf","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Interaction between the storyboard and a user is limited.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_47":{"__typename":"Paragraph","id":"da1b18e1128e_47","name":"337f","type":"ULI","href":null,"layout":null,"metadata":null,"text":"People may be reluctant to hand-draw if they feel that they are bad at it.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_48":{"__typename":"Paragraph","id":"da1b18e1128e_48","name":"d104","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Sometimes it is not practical for detailed design and covering all use cases.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_49":{"__typename":"Paragraph","id":"da1b18e1128e_49","name":"ec4c","type":"H3","href":null,"layout":null,"metadata":null,"text":"In the end..","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_50":{"__typename":"Paragraph","id":"da1b18e1128e_50","name":"f74b","type":"P","href":null,"layout":null,"metadata":null,"text":"Storyboarding in UX can go beyond simple anecdotes to express important aspects of behaviour, goals, and culture. One of the hardest things to do is to understand a task, context, or experience as someone else does. But once we can see the design problem from that new perspective, we are halfway home to a solution. It may seem daunting at first, but we really hope you will try adding stories and storytelling to your work and use them in some way or the other.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_51":{"__typename":"Paragraph","id":"da1b18e1128e_51","name":"51bd","type":"P","href":null,"layout":null,"metadata":null,"text":"We have also published a community file on Figma for your reference :) Storyboarding Figma File","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":71,"end":95,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1054691228399417100\u002FArt-of-Storyboading","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":71,"end":95,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_52":{"__typename":"Paragraph","id":"da1b18e1128e_52","name":"c06a","type":"H3","href":null,"layout":null,"metadata":null,"text":"Reference","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_53":{"__typename":"Paragraph","id":"da1b18e1128e_53","name":"2ce2","type":"P","href":null,"layout":null,"metadata":null,"text":"Storytelling for User Experience: Crafting Stories for Better Design by Kevin Brooks and Whitney Quesenbery","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":68,"href":"https:\u002F\u002Fwww.amazon.in\u002FStorytelling-User-Experience-Crafting-Stories-ebook\u002Fdp\u002FB004VFUOI8\u002Fref=tmm_kin_swatch_0?_encoding=UTF8&qid=1638194492&sr=8-1","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":69,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:da1b18e1128e_54":{"__typename":"Paragraph","id":"da1b18e1128e_54","name":"4c3d","type":"P","href":null,"layout":null,"metadata":null,"text":"Huge shout out to Sonalisa Patel and Roopal Kumar for being a part of this initiative. Thank you Ramakrishna V, Kshitij Pandey, and Mustafa Quilon for all your feedback and Supriya Belsare for the amazing illustrations :)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":18,"end":32,"href":null,"anchorType":"USER","userId":"6be01e1651c6","linkMetadata":null},{"__typename":"Markup","type":"A","start":37,"end":49,"href":null,"anchorType":"USER","userId":"4f0a66fe889e","linkMetadata":null},{"__typename":"Markup","type":"A","start":97,"end":110,"href":null,"anchorType":"USER","userId":"e2b1ef30fdc0","linkMetadata":null},{"__typename":"Markup","type":"A","start":112,"end":126,"href":null,"anchorType":"USER","userId":"c89f0f029bca","linkMetadata":null},{"__typename":"Markup","type":"A","start":132,"end":146,"href":null,"anchorType":"USER","userId":"4acc1a4e4abb","linkMetadata":null},{"__typename":"Markup","type":"A","start":173,"end":188,"href":null,"anchorType":"USER","userId":"5981411c0291","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_c3b834ea5ba6":{"__typename":"CollectionViewerEdge","id":"collectionId:b1d9ef1bb1cd-viewerId:lo_c3b834ea5ba6","isEditor":false,"isMuting":false},"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png":{"__typename":"ImageMetadata","id":"1*Vjz4OlxhDF68YL7pwRL-Rg.png","originalWidth":600,"originalHeight":120},"PostViewerEdge:postId:cb67802c08ec-viewerId:lo_c3b834ea5ba6":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:cb67802c08ec-viewerId:lo_c3b834ea5ba6"},"Tag:storyboarding":{"__typename":"Tag","id":"storyboarding","displayTitle":"Storyboarding","normalizedTagSlug":"storyboarding"},"Tag:ux":{"__typename":"Tag","id":"ux","displayTitle":"UX","normalizedTagSlug":"ux"},"Tag:design":{"__typename":"Tag","id":"design","displayTitle":"Design","normalizedTagSlug":"design"},"Tag:design-methods":{"__typename":"Tag","id":"design-methods","displayTitle":"Design Methods","normalizedTagSlug":"design-methods"},"Tag:methodbee":{"__typename":"Tag","id":"methodbee","displayTitle":"Methodbee","normalizedTagSlug":"methodbee"},"Post:cb67802c08ec":{"__typename":"Post","id":"cb67802c08ec","collection":{"__ref":"Collection:b1d9ef1bb1cd"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"f10d","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"14a4","startIndex":54,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:da1b18e1128e_0"},{"__ref":"Paragraph:da1b18e1128e_1"},{"__ref":"Paragraph:da1b18e1128e_2"},{"__ref":"Paragraph:da1b18e1128e_3"},{"__ref":"Paragraph:da1b18e1128e_4"},{"__ref":"Paragraph:da1b18e1128e_5"},{"__ref":"Paragraph:da1b18e1128e_6"},{"__ref":"Paragraph:da1b18e1128e_7"},{"__ref":"Paragraph:da1b18e1128e_8"},{"__ref":"Paragraph:da1b18e1128e_9"},{"__ref":"Paragraph:da1b18e1128e_10"},{"__ref":"Paragraph:da1b18e1128e_11"},{"__ref":"Paragraph:da1b18e1128e_12"},{"__ref":"Paragraph:da1b18e1128e_13"},{"__ref":"Paragraph:da1b18e1128e_14"},{"__ref":"Paragraph:da1b18e1128e_15"},{"__ref":"Paragraph:da1b18e1128e_16"},{"__ref":"Paragraph:da1b18e1128e_17"},{"__ref":"Paragraph:da1b18e1128e_18"},{"__ref":"Paragraph:da1b18e1128e_19"},{"__ref":"Paragraph:da1b18e1128e_20"},{"__ref":"Paragraph:da1b18e1128e_21"},{"__ref":"Paragraph:da1b18e1128e_22"},{"__ref":"Paragraph:da1b18e1128e_23"},{"__ref":"Paragraph:da1b18e1128e_24"},{"__ref":"Paragraph:da1b18e1128e_25"},{"__ref":"Paragraph:da1b18e1128e_26"},{"__ref":"Paragraph:da1b18e1128e_27"},{"__ref":"Paragraph:da1b18e1128e_28"},{"__ref":"Paragraph:da1b18e1128e_29"},{"__ref":"Paragraph:da1b18e1128e_30"},{"__ref":"Paragraph:da1b18e1128e_31"},{"__ref":"Paragraph:da1b18e1128e_32"},{"__ref":"Paragraph:da1b18e1128e_33"},{"__ref":"Paragraph:da1b18e1128e_34"},{"__ref":"Paragraph:da1b18e1128e_35"},{"__ref":"Paragraph:da1b18e1128e_36"},{"__ref":"Paragraph:da1b18e1128e_37"},{"__ref":"Paragraph:da1b18e1128e_38"},{"__ref":"Paragraph:da1b18e1128e_39"},{"__ref":"Paragraph:da1b18e1128e_40"},{"__ref":"Paragraph:da1b18e1128e_41"},{"__ref":"Paragraph:da1b18e1128e_42"},{"__ref":"Paragraph:da1b18e1128e_43"},{"__ref":"Paragraph:da1b18e1128e_44"},{"__ref":"Paragraph:da1b18e1128e_45"},{"__ref":"Paragraph:da1b18e1128e_46"},{"__ref":"Paragraph:da1b18e1128e_47"},{"__ref":"Paragraph:da1b18e1128e_48"},{"__ref":"Paragraph:da1b18e1128e_49"},{"__ref":"Paragraph:da1b18e1128e_50"},{"__ref":"Paragraph:da1b18e1128e_51"},{"__ref":"Paragraph:da1b18e1128e_52"},{"__ref":"Paragraph:da1b18e1128e_53"},{"__ref":"Paragraph:da1b18e1128e_54"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:be81c98d078e"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Fart-of-storyboarding-cb67802c08ec","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"da1b18e1128e","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":0},"clapCount":362,"allowResponses":true,"isLimitedState":false,"title":"Art of storyboarding","isSeries":false,"sequence":null,"uniqueSlug":"art-of-storyboarding-cb67802c08ec","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1640003010108,"readingTime":7.280503144654087,"previewContent":{"__typename":"PreviewContent","subtitle":"We are, as a species, addicted to story. Even when the body goes to sleep, the mind stays up all night, telling itself stories. — Jonathan…"},"previewImage":{"__ref":"ImageMetadata:1*cONry3WId5sK53tyT6bsMQ.jpeg"},"isShortform":false,"seoTitle":"","firstPublishedAt":1639994028260,"updatedAt":1641255793136,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:cb67802c08ec-viewerId:lo_c3b834ea5ba6"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:storyboarding"},{"__ref":"Tag:ux"},{"__ref":"Tag:design"},{"__ref":"Tag:design-methods"},{"__ref":"Tag:methodbee"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":1629,"layerCake":0,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.b2314f6d.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.24534aeb.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.b071a958.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7079.67349d50.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.a2d9f6a1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.cd03f950.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.08de95de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2420.2a5e2d95.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.ca7937c2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.d195c6f1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2106.21ff89d3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7394.3d049572.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2961.00a48598.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.c4082863.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4391.59acaed3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.c8a11795.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8414.6565ad5f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3974.8d3e0217.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2527.a0afad8a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostResponsesContent.36c2ecf4.chunk.js"></script><script>window.main();</script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10