CINXE.COM

<!doctype html><html lang="en"><head><title data-rh="true">This helped me validate my design quickly 👩🏻‍💻!! | by DesignExpressions by Aditi | Medium</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="2024-02-18T10:24:50.991Z"/><meta data-rh="true" name="title" content="This helped me validate my design quickly 👩🏻‍💻!! | by DesignExpressions by Aditi | Medium"/><meta data-rh="true" property="og:title" content="This helped me validate my design quickly 👩🏻‍💻!!"/><meta data-rh="true" property="al:android:url" content="medium://p/90def29931db"/><meta data-rh="true" property="al:ios:url" content="medium://p/90def29931db"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere! You can use them on your Figma designs, Websites, Apps, Communication…"/><meta data-rh="true" property="og:description" content="“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere!"/><meta data-rh="true" property="og:url" content="https://medium.com/@designbyaditisoni/this-helped-me-validate-my-design-quickly-90def29931db"/><meta data-rh="true" property="al:web:url" content="https://medium.com/@designbyaditisoni/this-helped-me-validate-my-design-quickly-90def29931db"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:380/1*8tlrxqQ4bgNtMWx9qSLBIQ.png"/><meta data-rh="true" property="article:author" content="https://medium.com/@designbyaditisoni"/><meta data-rh="true" name="author" content="DesignExpressions by Aditi"/><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="This helped me validate my design quickly 👩🏻‍💻!!"/><meta data-rh="true" name="twitter:site" content="@Medium"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/90def29931db"/><meta data-rh="true" property="twitter:description" content="“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere!"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:380/1*8tlrxqQ4bgNtMWx9qSLBIQ.png"/><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="5 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19"/><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" rel="preconnect" href="https://glyph.medium.com" crossOrigin=""/><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/@designbyaditisoni"/><link data-rh="true" rel="canonical" href="https://medium.com/@designbyaditisoni/this-helped-me-validate-my-design-quickly-90def29931db"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/90def29931db"/><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*8tlrxqQ4bgNtMWx9qSLBIQ.png"],"url":"https:\u002F\u002Fmedium.com\u002F@designbyaditisoni\u002Fthis-helped-me-validate-my-design-quickly-90def29931db","dateCreated":"2024-02-18T10:17:23.388Z","datePublished":"2024-02-18T10:17:23.388Z","dateModified":"2024-02-18T10:24:56.609Z","headline":"This helped me validate my design quickly 👩🏻‍💻!!","name":"This helped me validate my design quickly 👩🏻‍💻!!","description":"“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere! You can use them on your Figma designs, Websites, Apps, Communication…","identifier":"90def29931db","author":{"@type":"Person","name":"DesignExpressions by Aditi","url":"https:\u002F\u002Fmedium.com\u002F@designbyaditisoni"},"creator":["DesignExpressions by Aditi"],"publisher":{"@type":"Organization","name":"Medium","url":"https:\u002F\u002Fmedium.com\u002F","logo":{"@type":"ImageObject","width":272,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:544\u002F7*V1_7XP4snlmqrc_0Njontw.png"}},"mainEntityOfPage":"https:\u002F\u002Fmedium.com\u002F@designbyaditisoni\u002Fthis-helped-me-validate-my-design-quickly-90def29931db"}</script><style type="text/css" data-fela-rehydration="546" 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="546" 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="546" 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:#1A8917}.es{border-color:#1A8917}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:#1A8917}.ez:disabled:hover{border-color:#1A8917}.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-bottom:2px}.ii{flex-wrap:nowrap}.ij{font-size:16px}.ik{line-height:24px}.im{margin:0 8px}.in{display:inline}.io{color:#1A8917}.ip{fill:#1A8917}.is{flex:0 0 auto}.iv{flex-wrap:wrap}.iw{padding-left:8px}.ix{padding-right:8px}.jy> *{flex-shrink:0}.jz{overflow-x:scroll}.ka::-webkit-scrollbar{display:none}.kb{scrollbar-width:none}.kc{-ms-overflow-style:none}.kd{width:74px}.ke{flex-direction:row}.kf{z-index:2}.kg{margin-right:4px}.kj{-webkit-user-select:none}.kk{border:0}.kl{fill:rgba(117, 117, 117, 1)}.ko{outline:0}.kp{user-select:none}.kq> svg{pointer-events:none}.kz{cursor:progress}.la{opacity:1}.lb{padding:4px 0}.le{margin-top:0px}.lf{width:16px}.lh{display:inline-flex}.ln{max-width:100%}.lo{padding:8px 2px}.lp svg{color:#6B6B6B}.mg{clear:both}.mm{margin-left:auto}.mn{margin-right:auto}.mo{max-width:1920px}.mu{padding-top:5px}.mv{padding-bottom:5px}.mx{cursor:zoom-in}.my{z-index:auto}.na{height:auto}.nb{line-height:1.58}.nc{letter-spacing:-0.004em}.nd{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.ny{margin-bottom:-0.46em}.nz{line-height:1.12}.oa{letter-spacing:-0.022em}.ob{font-weight:600}.ow{margin-bottom:-0.28em}.pc{max-width:380px}.pi{margin-top:10px}.pj{max-width:728px}.pm{text-decoration:underline}.pn{line-height:1.18}.qb{margin-bottom:-0.31em}.qc{font-style:italic}.qd{list-style-type:disc}.qe{margin-left:30px}.qf{padding-left:0px}.ql{margin-top:32px}.qm{margin-bottom:14px}.qn{padding-top:24px}.qo{padding-bottom:10px}.qp{background-color:#000000}.qq{height:3px}.qr{width:3px}.qs{margin-right:20px}.qy{max-width:1359px}.qz{max-width:946px}.ra{margin-bottom:26px}.rb{margin-top:6px}.rc{margin-top:8px}.rd{margin-right:8px}.re{padding:8px 16px}.rf{border-radius:100px}.rg{transition:background 300ms ease}.ri{white-space:nowrap}.rj{border-top:none}.rp{height:52px}.rq{max-height:52px}.rr{box-sizing:content-box}.rs{position:static}.rt{z-index:1}.rv{max-width:155px}.su{height:64px}.sv{width:64px}.sw{align-self:flex-end}.sx{color:rgba(255, 255, 255, 1)}.sy{fill:rgba(255, 255, 255, 1)}.sz{background:rgba(25, 25, 25, 1)}.ta{border-color:rgba(25, 25, 25, 1)}.td:disabled{opacity:0.1}.te:disabled:hover{background:rgba(25, 25, 25, 1)}.tf:disabled:hover{border-color:rgba(25, 25, 25, 1)}.tg{flex:1 1 auto}.tk{padding-right:4px}.tl{font-weight:500}.ts{white-space:pre-wrap}.tt{margin-top:16px}.tu{height:0px}.tv{border-bottom:solid 1px #E5E5E5}.tw{margin-top:56px}.tx{margin-top:72px}.ty{padding:24px 0}.tz{margin-bottom:0px}.ua{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:#156D12}.eu:hover{border-color:#156D12}.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)}.il:hover{text-decoration:underline}.iq:hover:not(:disabled){color:#156D12}.ir:hover:not(:disabled){fill:#156D12}.kn:hover{fill:rgba(8, 8, 8, 1)}.lc:hover{fill:#000000}.ld:hover p{color:#000000}.lg:hover{color:#000000}.lq:hover svg{color:#000000}.rh:hover{background-color:#F2F2F2}.st:hover{background-color:none}.tb:hover{background:#000000}.tc:hover{border-color:#242424}.bd:focus-within path{fill:#242424}.km:focus{fill:rgba(8, 8, 8, 1)}.lr:focus svg{color:#000000}.mz:focus{transform:scale(1.01)}.kr:active{border-style:none}</style><style type="text/css" data-fela-rehydration="546" 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}.jk{border-top:solid 1px #F2F2F2}.jl{border-bottom:solid 1px #F2F2F2}.jm{margin:32px 0 0}.jn{padding:3px 8px}.jw> *{margin-right:24px}.jx> :last-child{margin-right:0}.ky{margin-top:0px}.lm{margin:0}.ml{max-width:1192px}.mt{margin-top:40px}.nu{font-size:20px}.nv{margin-top:2.14em}.nw{line-height:32px}.nx{letter-spacing:-0.003em}.os{font-size:24px}.ot{margin-top:1.95em}.ou{line-height:30px}.ov{letter-spacing:-0.016em}.pb{margin-top:0.94em}.ph{margin-top:56px}.py{margin-top:1.72em}.pz{line-height:24px}.qa{letter-spacing:0}.qk{margin-top:1.14em}.qx{margin-top:1.25em}.ro{margin-bottom:88px}.sa{display:inline-block}.sf{padding-top:72px}.sg{flex-direction:row}.sj{margin-bottom:0}.sk{margin-right:20px}.th{max-width:500px}</style><style type="text/css" data-fela-rehydration="546" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.kx{margin-top:0px}.pk{margin-left:auto}.pl{text-align:center}.rz{display:inline-block}</style><style type="text/css" data-fela-rehydration="546" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.kw{margin-top:0px}.ry{display:inline-block}</style><style type="text/css" data-fela-rehydration="546" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.ku{margin-top:0px}.kv{margin-right:0px}.rx{display:inline-block}</style><style type="text/css" data-fela-rehydration="546" 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}.it{flex-direction:column}.iy{margin:24px -24px 0}.iz{padding:0}.jo> *{margin-right:8px}.jp> :last-child{margin-right:24px}.kh{margin-left:0px}.ks{margin-top:0px}.kt{margin-right:0px}.li{margin:0}.ls{border:1px solid #F2F2F2}.lt{border-radius:99em}.lu{padding:0px 16px 0px 12px}.lv{height:38px}.lw{align-items:center}.ly svg{margin-right:8px}.mh{max-width:100%}.mp{margin-top:32px}.ne{font-size:18px}.nf{margin-top:1.56em}.ng{line-height:28px}.nh{letter-spacing:-0.003em}.oc{font-size:20px}.od{margin-top:1.2em}.oe{line-height:24px}.of{letter-spacing:0}.ox{margin-top:0.67em}.pd{margin-top:40px}.po{font-size:16px}.pp{margin-top:1.23em}.qg{margin-top:1.34em}.qt{margin-top:0.93em}.rk{margin-bottom:80px}.rw{display:inline-block}.sb{padding-top:48px}.sr{margin-bottom:20px}.ss{margin-right:0}.tm{font-size:24px}.tn{line-height:30px}.to{letter-spacing:-0.016em}.lx:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="546" 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}.jg{border-top:solid 1px #F2F2F2}.jh{border-bottom:solid 1px #F2F2F2}.ji{margin:32px 0 0}.jj{padding:3px 8px}.ju> *{margin-right:24px}.jv> :last-child{margin-right:0}.ll{margin:0}.mk{max-width:1192px}.ms{margin-top:40px}.nq{font-size:20px}.nr{margin-top:2.14em}.ns{line-height:32px}.nt{letter-spacing:-0.003em}.oo{font-size:24px}.op{margin-top:1.95em}.oq{line-height:30px}.or{letter-spacing:-0.016em}.pa{margin-top:0.94em}.pg{margin-top:56px}.pv{margin-top:1.72em}.pw{line-height:24px}.px{letter-spacing:0}.qj{margin-top:1.14em}.qw{margin-top:1.25em}.rn{margin-bottom:88px}.se{padding-top:72px}.sh{flex-direction:row}.sl{margin-bottom:0}.sm{margin-right:20px}.ti{max-width:500px}</style><style type="text/css" data-fela-rehydration="546" 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}.jc{border-top:solid 1px #F2F2F2}.jd{border-bottom:solid 1px #F2F2F2}.je{margin:32px 0 0}.jf{padding:3px 8px}.js> *{margin-right:24px}.jt> :last-child{margin-right:0}.lk{margin:0}.mj{max-width:100%}.mr{margin-top:40px}.nm{font-size:20px}.nn{margin-top:2.14em}.no{line-height:32px}.np{letter-spacing:-0.003em}.ok{font-size:24px}.ol{margin-top:1.95em}.om{line-height:30px}.on{letter-spacing:-0.016em}.oz{margin-top:0.94em}.pf{margin-top:56px}.ps{margin-top:1.72em}.pt{line-height:24px}.pu{letter-spacing:0}.qi{margin-top:1.14em}.qv{margin-top:1.25em}.rm{margin-bottom:88px}.sd{padding-top:72px}.si{flex-direction:row}.sn{margin-bottom:0}.so{margin-right:20px}.tj{max-width:500px}</style><style type="text/css" data-fela-rehydration="546" 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}.iu{flex-direction:column}.ja{margin:24px 0 0}.jb{padding:0}.jq> *{margin-right:8px}.jr> :last-child{margin-right:8px}.ki{margin-left:0px}.lj{margin:0}.lz{border:1px solid #F2F2F2}.ma{border-radius:99em}.mb{padding:0px 16px 0px 12px}.mc{height:38px}.md{align-items:center}.mf svg{margin-right:8px}.mi{max-width:100%}.mq{margin-top:32px}.ni{font-size:18px}.nj{margin-top:1.56em}.nk{line-height:28px}.nl{letter-spacing:-0.003em}.og{font-size:20px}.oh{margin-top:1.2em}.oi{line-height:24px}.oj{letter-spacing:0}.oy{margin-top:0.67em}.pe{margin-top:40px}.pq{font-size:16px}.pr{margin-top:1.23em}.qh{margin-top:1.34em}.qu{margin-top:0.93em}.rl{margin-bottom:80px}.sc{padding-top:48px}.sp{margin-bottom:20px}.sq{margin-right:0}.tp{font-size:24px}.tq{line-height:30px}.tr{letter-spacing:-0.016em}.me:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="546" data-fela-type="RULE" media="print">.ru{display:none}</style><style type="text/css" data-fela-rehydration="546" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.mw{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%2F90def29931db&amp;%7Efeature=LoOpenInAppButton&amp;%7Echannel=ShowPostUnderUser&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><button 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">Sign up</button></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" rel="noopener follow" href="/m/signin?operation=login&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------">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" rel="noopener follow" href="/?source=---top_nav_layout_nav----------------------------------"><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" rel="noopener follow" href="/m/signin?operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Fnew-story&amp;source=---top_nav_layout_nav-----------------------new_post_topnav-----------"><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" rel="noopener follow" href="/search?source=---top_nav_layout_nav----------------------------------"><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><button 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">Sign up</button></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" rel="noopener follow" href="/m/signin?operation=login&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;source=post_page---top_nav_layout_nav-----------------------global_nav-----------">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="f906" 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">This helped me validate my design quickly 👩🏻‍💻!!</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 rel="noopener follow" href="/@designbyaditisoni?source=post_page---byline--90def29931db--------------------------------"><div class="l ib ic by id ie"><div class="l fj"><img alt="DesignExpressions by Aditi" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*Z149EWBH_ykcT1slALT-sQ.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></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="ih ab q"><div class="ab q ii"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b ij ik bk"><a class="af ag ah ai aj ak al am an ao ap aq ar il" data-testid="authorName" rel="noopener follow" href="/@designbyaditisoni?source=post_page---byline--90def29931db--------------------------------">DesignExpressions by Aditi</a></p></div></div></div><span class="im in" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b ij ik du"><span><a class="io ip ah ai aj ak al am an ao ap aq ar ex iq ir" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fc5779510ab87&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;user=DesignExpressions+by+Aditi&amp;userId=c5779510ab87&amp;source=post_page-c5779510ab87--byline--90def29931db---------------------post_header-----------">Follow</a></span></p></div></div></span></div></div><div class="l is"><span class="bf b bg z du"><div class="ab cn it iu iv"><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">5 min read</span><div class="iw ix l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Feb 18, 2024</span></div></span></div></span></div></div></div><div class="ab cp iy iz ja jb jc jd je jf jg jh ji jj jk jl jm jn"><div class="h k w fg fh q"><div class="kd l"><div class="ab q ke kf"><div class="pw-multi-vote-icon fj kg kh ki kj"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2F90def29931db&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;user=DesignExpressions+by+Aditi&amp;userId=c5779510ab87&amp;source=---header_actions--90def29931db---------------------clap_footer-----------"><div><div class="bm" aria-hidden="false"><div class="kk ao kl km kn ko am kp kq kr kj"><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 ks kt ku kv kw kx ky"><p class="bf b dv z du"><span class="kz">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao kk la lb ab q fk lc ld" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="le"><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 jo jp jq jr js jt ju jv jw jx jy jz ka kb kc"><div class="lf 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" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F90def29931db&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;source=---header_actions--90def29931db---------------------bookmark_footer-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lg" 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 lh cn"><div class="l ae"><div class="ab cb"><div class="li lj lk ll lm ln 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 lo an ao ap ex lp lq ld lr ls lt lu lv s lw lx ly lz ma mb mc u md me mf"><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 lo an ao ap ex lp lq ld lr ls lt lu lv s lw lx ly lz ma mb mc u md me mf"><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></div></div><div class="mg"><div class="ab cb"><div class="li mh lj mi lk mj cf mk cg ml ci bh"><figure class="mp mq mr ms mt mg mu mv paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn mo"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*MCJ_HK56LbvBNq6BiCO4Wg.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*MCJ_HK56LbvBNq6BiCO4Wg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*MCJ_HK56LbvBNq6BiCO4Wg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*MCJ_HK56LbvBNq6BiCO4Wg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*MCJ_HK56LbvBNq6BiCO4Wg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*MCJ_HK56LbvBNq6BiCO4Wg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*MCJ_HK56LbvBNq6BiCO4Wg.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*MCJ_HK56LbvBNq6BiCO4Wg.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 ln na c" width="1000" height="428" 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="ff19" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere!</p><p id="1195" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">You can use them on your Figma designs, Websites, Apps, Communication designs, and data-heavy dashboards.</p><h1 id="bc90" class="nz oa gu bf ob oc od oe of og oh oi oj ok ol om on oo op oq or os ot ou ov ow bk"><strong class="al">Purpose</strong></h1><p id="6576" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk">Heatmaps are useful for assessing the effectiveness of call-to-action buttons, navigation menus, and overall user engagement. Using heatmaps we can quickly understand how the user is interacting with the system.</p><p id="835f" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">A heatmap highlights certain areas called warm and cool zones. 🔴 Red delineates popular (hot) sections of the page, while blue signifies less frequented (cold) areas.</p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div class="mm mn pc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 1100w, https://miro.medium.com/v2/resize:fit:760/format:webp/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 760w" 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, 380px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 1100w, https://miro.medium.com/v2/resize:fit:760/1*8tlrxqQ4bgNtMWx9qSLBIQ.png 760w" 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, 380px"/><img alt="" class="bh ln na c" width="380" height="300" loading="lazy" role="presentation"/></picture></div><figcaption class="pi ff pj mm mn pk pl bf b bg z du"><a class="af pm" href="https://www.andrewnoske.com/wiki/Code_-_heatmaps_and_color_gradients" rel="noopener ugc nofollow" target="_blank">https://www.andrewnoske.com/wiki/Code_-_heatmaps_and_color_gradients</a></figcaption></figure><h2 id="12af" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk"><strong class="al">Color Analysis</strong></h2><p id="915f" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk">🔴 Severe 🟡 Moderate 🟢 Optimal 🔵 Simple</p><h2 id="7525" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk">What it answers</h2><p id="efcc" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk">Are people clicking on the right significant data points… viewing the most important information first? Second, are people clicking on the non-clickable elements? Unraveling these mysteries provides invaluable insights into user behavior! 🤔</p><h1 id="46e4" class="nz oa gu bf ob oc od oe of og oh oi oj ok ol om on oo op oq or os ot ou ov ow bk">Types of Heatmaps</h1><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn mo"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*oY7630DafJqMYj9yNJ1wPA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*oY7630DafJqMYj9yNJ1wPA.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*oY7630DafJqMYj9yNJ1wPA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*oY7630DafJqMYj9yNJ1wPA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*oY7630DafJqMYj9yNJ1wPA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*oY7630DafJqMYj9yNJ1wPA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*oY7630DafJqMYj9yNJ1wPA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*oY7630DafJqMYj9yNJ1wPA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*oY7630DafJqMYj9yNJ1wPA.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 ln na c" width="700" height="299" loading="lazy" role="presentation"/></picture></div></div></figure><p id="c9d5" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">There are different kinds of heatmaps<em class="qc"> // I have used the first three</em></p><ul class=""><li id="d6df" class="nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny qd qe qf bk">Utilize <strong class="nd gv">click heatmaps</strong> to prioritize content, flow, and optimal paths for users. Apply them to landing pages, modals, KPI cards, tables, and various UI elements to validate what the user views first ↗ and make necessary changes. <strong class="nd gv">The Click heatmaps quickly identify your user’s preferred actions.</strong></li><li id="a7da" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Use <strong class="nd gv">scroll maps</strong> to track the last point your user scrolled to. This will help in utilizing pages efficiently. You might consider splitting long scrolls into multiple steps/pages.</li><li id="79e6" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Use <strong class="nd gv">Attention heatmaps</strong> to identify users’ areas of interest. This information can be employed to prioritize components in your design, as well as to pinpoint areas where users might get frustrated or struggle to find the necessary information.</li><li id="74db" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk"><strong class="nd gv"><em class="qc">Optimizing the website/ app based on heatmap patterns can help increase revenue and decrease customer churn</em></strong></li></ul></div></div></div><div class="ab cb ql qm qn qo" role="separator"><span class="qp by bm qq qr qs"></span><span class="qp by bm qq qr qs"></span><span class="qp by bm qq qr"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="fc58" class="nz oa gu bf ob oc qt oe of og qu oi oj ok qv om on oo qw oq or os qx ou ov ow bk">When to use heatmaps🔥</h1><ul class=""><li id="2147" class="nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny qd qe qf bk"><strong class="nd gv">A/B Testing</strong>: If you have different variations of your design/ process, use heatmaps to compare and choose the one that works best as per business/client needs.</li><li id="5d5d" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk"><strong class="nd gv">Real-Time Monitoring</strong>: Integrate heatmaps with your backend systems to constantly track how users are interacting with the system. This will help improve and enhance performance.</li><li id="53d1" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk"><strong class="nd gv">Experience Design: </strong>Identify touch patterns on mobile interfaces, helping designers optimize button placement and enhance the overall user experience.</li><li id="7629" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk"><strong class="nd gv">Analyzing performance metrics</strong>: To gather data about user retention, ROI, and platform optimization, use heatmaps to study patterns and behaviors.</li><li id="772a" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk"><strong class="nd gv">Email Campaigns: </strong>This<strong class="nd gv"> </strong>can be applied to email marketing to understand which parts of an email receive the most attention. This information helps in crafting more engaging and effective email campaigns.</li></ul><h1 id="1885" class="nz oa gu bf ob oc od oe of og oh oi oj ok ol om on oo op oq or os ot ou ov ow bk"><strong class="al">Tools to use to generate Heatmaps🔨</strong></h1><p id="22be" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk">There are many open-source heatmaps/tools/plugins available for heatmap analysis. I am mentioning the ones I have used recently.</p><h2 id="7c33" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk"><strong class="al">1. Attention Insights</strong></h2><p id="06bf" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Features: </strong>Attention Heatmap | Focus Map | Clarity Score | Percentage of Attention</p><p id="1cae" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Plugin:</strong> <a class="af pm" href="https://www.figma.com/community/plugin/968765016617421513" rel="noopener ugc nofollow" target="_blank">https://www.figma.com/community/plugin/968765016617421513</a></p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*1UOWVkWUpamf5F_2qqvxBw.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*1UOWVkWUpamf5F_2qqvxBw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*1UOWVkWUpamf5F_2qqvxBw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*1UOWVkWUpamf5F_2qqvxBw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*1UOWVkWUpamf5F_2qqvxBw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*1UOWVkWUpamf5F_2qqvxBw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*1UOWVkWUpamf5F_2qqvxBw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*1UOWVkWUpamf5F_2qqvxBw.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 ln na c" width="700" height="357" loading="lazy" role="presentation"/></picture></div></div></figure><h2 id="83f5" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk">2. Clueify</h2><p id="ac2d" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Features: </strong>Attention Heatmap | A/B Testing | Focus Group | Percentage of Attention | Gaze Point | Clarity Analysis</p><p id="393a" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">Plugin: <a class="af pm" href="https://www.figma.com/community/plugin/1151544577194883426/clueify" rel="noopener ugc nofollow" target="_blank">https://www.figma.com/community/plugin/1151544577194883426/clueify</a></p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*7oMmD6JE2R7LjRsq-_gtUQ.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*7oMmD6JE2R7LjRsq-_gtUQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*7oMmD6JE2R7LjRsq-_gtUQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*7oMmD6JE2R7LjRsq-_gtUQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*7oMmD6JE2R7LjRsq-_gtUQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*7oMmD6JE2R7LjRsq-_gtUQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*7oMmD6JE2R7LjRsq-_gtUQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*7oMmD6JE2R7LjRsq-_gtUQ.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 ln na c" width="700" height="289" loading="lazy" role="presentation"/></picture></div></div></figure><h2 id="424d" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk">3. NB Heatmaps</h2><p id="12e2" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Features: </strong>Draw heatmaps efficiently</p><p id="95c7" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Plugin:</strong> <a class="af pm" href="https://www.figma.com/community/plugin/1019087167633715500" rel="noopener ugc nofollow" target="_blank">https://www.figma.com/community/plugin/1019087167633715500</a></p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*3rq_DgRZFep_hLoM0YdnvA.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*3rq_DgRZFep_hLoM0YdnvA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*3rq_DgRZFep_hLoM0YdnvA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*3rq_DgRZFep_hLoM0YdnvA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*3rq_DgRZFep_hLoM0YdnvA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*3rq_DgRZFep_hLoM0YdnvA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*3rq_DgRZFep_hLoM0YdnvA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*3rq_DgRZFep_hLoM0YdnvA.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 ln na c" width="700" height="289" loading="lazy" role="presentation"/></picture></div></div></figure><h2 id="a6c8" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk"><strong class="al">4.Heatmaps.com</strong></h2><p id="ced5" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Features: </strong>Click maps | Scroll maps | Screen recording</p><p id="81c8" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Website :</strong> <a class="af pm" href="https://heatmap.com/" rel="noopener ugc nofollow" target="_blank">https://heatmap.com/</a></p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn qy"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*_EuqouA5cTI3zM_iI2pRuA.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*_EuqouA5cTI3zM_iI2pRuA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*_EuqouA5cTI3zM_iI2pRuA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*_EuqouA5cTI3zM_iI2pRuA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*_EuqouA5cTI3zM_iI2pRuA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*_EuqouA5cTI3zM_iI2pRuA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*_EuqouA5cTI3zM_iI2pRuA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*_EuqouA5cTI3zM_iI2pRuA.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 ln na c" width="700" height="289" loading="lazy" role="presentation"/></picture></div></div></figure><h2 id="efbd" class="pn oa gu bf ob po pp dy of pq pr ea oj nm ps pt pu nq pv pw px nu py pz qa qb bk"><strong class="al">5. Hotjar.com</strong></h2><p id="54a5" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Features: Scroll maps | Click maps | Move maps | Engagement maps | Rage maps | many more</strong></p><p id="a6a4" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Website:</strong> <a class="af pm" href="https://www.hotjar.com/heatmaps/" rel="noopener ugc nofollow" target="_blank">https://www.hotjar.com/heatmaps/</a></p><figure class="pd pe pf pg ph mg mm mn paragraph-image"><div role="button" tabindex="0" class="mw mx fj my bh mz"><div class="mm mn qz"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/0*RpvH7rKdaLfItA3- 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/0*RpvH7rKdaLfItA3- 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/0*RpvH7rKdaLfItA3- 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/0*RpvH7rKdaLfItA3- 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/0*RpvH7rKdaLfItA3- 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/0*RpvH7rKdaLfItA3- 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/0*RpvH7rKdaLfItA3- 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/0*RpvH7rKdaLfItA3- 640w, https://miro.medium.com/v2/resize:fit:720/0*RpvH7rKdaLfItA3- 720w, https://miro.medium.com/v2/resize:fit:750/0*RpvH7rKdaLfItA3- 750w, https://miro.medium.com/v2/resize:fit:786/0*RpvH7rKdaLfItA3- 786w, https://miro.medium.com/v2/resize:fit:828/0*RpvH7rKdaLfItA3- 828w, https://miro.medium.com/v2/resize:fit:1100/0*RpvH7rKdaLfItA3- 1100w, https://miro.medium.com/v2/resize:fit:1400/0*RpvH7rKdaLfItA3- 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 ln na c" width="700" height="365" loading="lazy" role="presentation"/></picture></div></div></figure><p id="fbd3" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">There are many Figma plugins, chrome extensions, and websites to test your design and understand user interaction with your systems.</p><h1 id="af7f" class="nz oa gu bf ob oc od oe of og oh oi oj ok ol om on oo op oq or os ot ou ov ow bk">What Doesn’t Work</h1><ul class=""><li id="8705" class="nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny qd qe qf bk">Using just heatmaps may not give you the full picture. It’s important to also look at other data like conversion rates and bounce rates for a complete understanding. Combining these metrics helps you make a better-informed decision.</li><li id="79d0" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Overlooking the context and goals of users can lead to misinterpretations. It’s essential to consider user intent and the specific objectives of a webpage.</li><li id="6cbf" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Ignoring different <strong class="nd gv">devices and screen sizes</strong> can result in skewed insights. Ensure that heatmaps consider the diverse range of devices your audience may use.</li><li id="1c45" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Neglecting the impact of email client variations and individual preferences may limit the accuracy of heatmap analysis. Test across different email platforms to ensure <strong class="nd gv">compatibility</strong>.</li><li id="05cd" class="nb nc gu nd b ne qg ng nh ni qh nk nl nm qi no np nq qj ns nt nu qk nw nx ny qd qe qf bk">Using inappropriate color scales or <strong class="nd gv">misinterpreting color gradients</strong> can lead to confusion. Ensure that the color scheme aligns with the data being presented.</li></ul><h1 id="03de" class="nz oa gu bf ob oc od oe of og oh oi oj ok ol om on oo op oq or os ot ou ov ow bk">Key Takeaways</h1><p id="0413" class="pw-post-body-paragraph nb nc gu nd b ne ox ng nh ni oy nk nl nm oz no np nq pa ns nt nu pb nw nx ny gn bk"><strong class="nd gv">Collaboration: Engage the team in heatmap analysis for diverse insights. </strong>When utilizing heatmaps, involve designers, developers, and stakeholders to analyze the data collectively. Different perspectives bring a holistic view of user interactions, helping uncover insights that might be missed.</p><p id="d7f0" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Iterative: Implement findings gradually, measuring impact at each step.</strong> After analyzing heatmap data, implement design changes incrementally. By iterating based on heatmap insights, you can refine the user experience step by step and contribute to the overall design goals.</p><p id="9e1e" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk"><strong class="nd gv">Feedback Loop: Combine heatmap insights with user feedback for comprehensive improvements</strong>. Create a feedback loop by combining heatmap data with user feedback through surveys, usability testing, or direct user interviews. This quantitative and qualitative information provides an understanding of user needs and pain points.</p><p id="62cc" class="pw-post-body-paragraph nb nc gu nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny gn bk">This approach ensures a thorough examination of user behavior, leading to informed design decisions and continuous improvement in the overall user experience.</p></div></div></div><div class="ab cb ql qm qn qo" role="separator"><span class="qp by bm qq qr qs"></span><span class="qp by bm qq qr qs"></span><span class="qp by bm qq qr"></span></div><div class="gn go gp gq gr"><div class="mg bh"><figure class="pd pe pf pg ph mg bh paragraph-image"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 1100w, https://miro.medium.com/v2/resize:fit:3840/format:webp/1*RpmNQPvtknPwCM7o0twMXQ.png 3840w" 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, 1920px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*RpmNQPvtknPwCM7o0twMXQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*RpmNQPvtknPwCM7o0twMXQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*RpmNQPvtknPwCM7o0twMXQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*RpmNQPvtknPwCM7o0twMXQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*RpmNQPvtknPwCM7o0twMXQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*RpmNQPvtknPwCM7o0twMXQ.png 1100w, https://miro.medium.com/v2/resize:fit:3840/1*RpmNQPvtknPwCM7o0twMXQ.png 3840w" 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, 1920px"/><img alt="" class="bh ln na c" width="1920" height="419" loading="eager" role="presentation"/></picture></figure></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ra rb ab iv"><div class="rc ab"><a class="rd ay am ao" rel="noopener follow" href="/tag/ux-design?source=post_page-----90def29931db--------------------------------"><div class="re fj cx rf ge rg rh bf b bg z bk ri">UX Design</div></a></div><div class="rc ab"><a class="rd ay am ao" rel="noopener follow" href="/tag/heatmap-analysis?source=post_page-----90def29931db--------------------------------"><div class="re fj cx rf ge rg rh bf b bg z bk ri">Heatmap Analysis</div></a></div><div class="rc ab"><a class="rd ay am ao" rel="noopener follow" href="/tag/user-engagement?source=post_page-----90def29931db--------------------------------"><div class="re fj cx rf ge rg rh bf b bg z bk ri">User Engagement</div></a></div><div class="rc ab"><a class="rd ay am ao" rel="noopener follow" href="/tag/website-development?source=post_page-----90def29931db--------------------------------"><div class="re fj cx rf ge rg rh bf b bg z bk ri">Website Development</div></a></div><div class="rc ab"><a class="rd ay am ao" rel="noopener follow" href="/tag/usability-testing?source=post_page-----90def29931db--------------------------------"><div class="re fj cx rf ge rg rh bf b bg z bk ri">Usability Testing</div></a></div></div></div></div><div class="l"></div><footer class="rj rk rl rm rn ro rp rq rr ab q rs rt c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp ru"><div class="ab q ke"><div class="rv l"><span class="l rw rx ry e d"><div class="ab q ke kf"><div class="pw-multi-vote-icon fj kg kh ki kj"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2F90def29931db&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;user=DesignExpressions+by+Aditi&amp;userId=c5779510ab87&amp;source=---footer_actions--90def29931db---------------------clap_footer-----------"><div><div class="bm" aria-hidden="false"><div class="kk ao kl km kn ko am kp kq kr kj"><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 ks kt ku kv kw kx ky"><p class="bf b dv z du"><span class="kz">--</span></p></div></div></span><span class="l h g f rz sa"><div class="ab q ke kf"><div class="pw-multi-vote-icon fj kg kh ki kj"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2F90def29931db&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;user=DesignExpressions+by+Aditi&amp;userId=c5779510ab87&amp;source=---footer_actions--90def29931db---------------------clap_footer-----------"><div><div class="bm" aria-hidden="false"><div class="kk ao kl km kn ko am kp kq kr kj"><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 ks kt ku kv kw kx ky"><p class="bf b dv z du"><span class="kz">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao kk la lb ab q fk lc ld" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="le"><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="qs l is"><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" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F90def29931db&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2F%40designbyaditisoni%2Fthis-helped-me-validate-my-design-quickly-90def29931db&amp;source=---footer_actions--90def29931db---------------------bookmark_footer-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lg" 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="qs l is"><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 lo an ao ap ex lp lq ld lr"><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="sb sc sd se sf l bx"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab sg sh si iu it"><div class="sj sk sl sm sn so sp sq sr ss ab cp"><div class="h k"><a tabindex="0" rel="noopener follow" href="/@designbyaditisoni?source=post_page---post_author_info--90def29931db--------------------------------"><div class="l fj"><img alt="DesignExpressions by Aditi" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*Z149EWBH_ykcT1slALT-sQ.png" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay st"></div></div></a></div><div class="j i d"><a tabindex="0" rel="noopener follow" href="/@designbyaditisoni?source=post_page---post_author_info--90def29931db--------------------------------"><div class="l fj"><img alt="DesignExpressions by Aditi" class="l fd by su sv cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*Z149EWBH_ykcT1slALT-sQ.png" width="64" height="64" loading="lazy"/><div class="fr by l su sv fs n ay st"></div></div></a></div><div class="j i d sw is"><div class="ab"><span><button class="bf b bg z sx re sy sz ta tb tc ev ew td te tf fa fb fc fd bm fe ff">Follow</button></span></div></div></div><div class="ab co tg"><div class="th ti tj mi mh l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" rel="noopener follow" href="/@designbyaditisoni?source=post_page---post_author_info--90def29931db--------------------------------"><h2 class="pw-author-name bf tl tm tn to tp tq tr nm pt pu nq pw px nu pz qa bk"><span class="gn tk">Written by <!-- -->DesignExpressions by Aditi</span></h2></a><div class="rc ab ia"><div class="l is"><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 il" rel="noopener follow" href="/@designbyaditisoni/followers?source=post_page---post_author_info--90def29931db--------------------------------">56 Followers</a></span></div><div class="bf b bg z du ab ts"><span class="im 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 il" rel="noopener follow" href="/@designbyaditisoni/following?source=post_page---post_author_info--90def29931db--------------------------------">259 Following</a></div></div><div class="tt l"><p class="bf b bg z bk"><span class="gn">Strategic UX Designer | Designing meaningful products | Lifelong learner with love for nature, cultural diversity and psychology.🤍</span></p></div></div></div><div class="h k"><div class="ab"><span><button class="bf b bg z sx re sy sz ta tb tc ev ew td te tf fa fb fc fd bm fe ff">Follow</button></span></div></div></div><div class="tu bh tv tw"></div></div></div><div class="h k j"><div class="tu bh tv tx"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ty ab ke iv"><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="tz ua l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/about?autoplay=1&amp;source=post_page-----90def29931db--------------------------------"><p class="bf b dv z du">About</p></a></div><div class="tz ua l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----90def29931db--------------------------------"><p class="bf b dv z du">Careers</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="tz ua 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-----90def29931db--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="tz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/business?source=post_page-----90def29931db--------------------------------"><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-20241126-181518-0cb59a020f"</script><script>window.__GRAPHQL_URI__ = "https://medium.com/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"","group":"enabled","tags":["group-edgeCachePosts","post-90def29931db","user-c5779510ab87"],"serverVariantState":"44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a","middlewareEnabled":true,"cacheStatus":"DYNAMIC","shouldUseCache":true,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"DEFAULT","explicit":false},"viewerIsBot":false},"debug":{"requestId":"ea7a3015-8b7b-4aca-aa3d-b29079d425b5","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-94a173f7e10f8476c795e19079df60ba-4ecded50c668cf5b-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.com\u002F@designbyaditisoni\u002Fthis-helped-me-validate-my-design-quickly-90def29931db","host":"medium.com","hostname":"medium.com","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"","currentHash":""},"config":{"nodeEnv":"production","version":"main-20241126-181518-0cb59a020f","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-20241126-181518-0cb59a020f","commit":"0cb59a020f4453d0900f671f1a6576feecc55e74"}},"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","viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"medium.com\"})":null,"postResult({\"id\":\"90def29931db\"})":{"__ref":"Post:90def29931db"}},"LinkedAccounts:c5779510ab87":{"__typename":"LinkedAccounts","mastodon":null,"id":"c5779510ab87"},"UserViewerEdge:userId:c5779510ab87-viewerId:lo_cc343a0efc16":{"__typename":"UserViewerEdge","id":"userId:c5779510ab87-viewerId:lo_cc343a0efc16","isFollowing":false,"isUser":false,"isMuting":false},"NewsletterV3:d93652ffec9b":{"__typename":"NewsletterV3","id":"d93652ffec9b","type":"NEWSLETTER_TYPE_AUTHOR","slug":"c5779510ab87","name":"c5779510ab87","collection":null,"user":{"__ref":"User:c5779510ab87"}},"User:c5779510ab87":{"__typename":"User","id":"c5779510ab87","name":"DesignExpressions by Aditi","username":"designbyaditisoni","newsletterV3":{"__ref":"NewsletterV3:d93652ffec9b"},"linkedAccounts":{"__ref":"LinkedAccounts:c5779510ab87"},"isSuspended":false,"imageId":"1*Z149EWBH_ykcT1slALT-sQ.png","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":56,"followingCount":256,"collectionFollowingCount":3},"customDomainState":null,"hasSubdomain":false,"bio":"Strategic UX Designer | Designing meaningful products | Lifelong learner with love for nature, cultural diversity and psychology.🤍","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:c5779510ab87-viewerId:lo_cc343a0efc16"},"viewerIsUser":false,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":false,"twitterScreenName":""},"Paragraph:752319bd9ba4_0":{"__typename":"Paragraph","id":"752319bd9ba4_0","name":"f906","type":"H3","href":null,"layout":null,"metadata":null,"text":"This helped me validate my design quickly 👩🏻‍💻!!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*MCJ_HK56LbvBNq6BiCO4Wg.png":{"__typename":"ImageMetadata","id":"1*MCJ_HK56LbvBNq6BiCO4Wg.png","originalHeight":820,"originalWidth":1920,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_1":{"__typename":"Paragraph","id":"752319bd9ba4_1","name":"ed76","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*MCJ_HK56LbvBNq6BiCO4Wg.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_2":{"__typename":"Paragraph","id":"752319bd9ba4_2","name":"ff19","type":"P","href":null,"layout":null,"metadata":null,"text":"“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_3":{"__typename":"Paragraph","id":"752319bd9ba4_3","name":"1195","type":"P","href":null,"layout":null,"metadata":null,"text":"You can use them on your Figma designs, Websites, Apps, Communication designs, and data-heavy dashboards.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_4":{"__typename":"Paragraph","id":"752319bd9ba4_4","name":"bc90","type":"H3","href":null,"layout":null,"metadata":null,"text":"Purpose","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:752319bd9ba4_5":{"__typename":"Paragraph","id":"752319bd9ba4_5","name":"6576","type":"P","href":null,"layout":null,"metadata":null,"text":"Heatmaps are useful for assessing the effectiveness of call-to-action buttons, navigation menus, and overall user engagement. Using heatmaps we can quickly understand how the user is interacting with the system.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_6":{"__typename":"Paragraph","id":"752319bd9ba4_6","name":"835f","type":"P","href":null,"layout":null,"metadata":null,"text":"A heatmap highlights certain areas called warm and cool zones. 🔴 Red delineates popular (hot) sections of the page, while blue signifies less frequented (cold) areas.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*8tlrxqQ4bgNtMWx9qSLBIQ.png":{"__typename":"ImageMetadata","id":"1*8tlrxqQ4bgNtMWx9qSLBIQ.png","originalHeight":300,"originalWidth":380,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_7":{"__typename":"Paragraph","id":"752319bd9ba4_7","name":"dd41","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*8tlrxqQ4bgNtMWx9qSLBIQ.png"},"text":"https:\u002F\u002Fwww.andrewnoske.com\u002Fwiki\u002FCode_-_heatmaps_and_color_gradients","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":68,"href":"https:\u002F\u002Fwww.andrewnoske.com\u002Fwiki\u002FCode_-_heatmaps_and_color_gradients","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_8":{"__typename":"Paragraph","id":"752319bd9ba4_8","name":"12af","type":"H4","href":null,"layout":null,"metadata":null,"text":"Color Analysis","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":14,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_9":{"__typename":"Paragraph","id":"752319bd9ba4_9","name":"915f","type":"P","href":null,"layout":null,"metadata":null,"text":"🔴 Severe 🟡 Moderate 🟢 Optimal 🔵 Simple","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_10":{"__typename":"Paragraph","id":"752319bd9ba4_10","name":"7525","type":"H4","href":null,"layout":null,"metadata":null,"text":"What it answers","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_11":{"__typename":"Paragraph","id":"752319bd9ba4_11","name":"efcc","type":"P","href":null,"layout":null,"metadata":null,"text":"Are people clicking on the right significant data points… viewing the most important information first? Second, are people clicking on the non-clickable elements? Unraveling these mysteries provides invaluable insights into user behavior! 🤔","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_12":{"__typename":"Paragraph","id":"752319bd9ba4_12","name":"46e4","type":"H3","href":null,"layout":null,"metadata":null,"text":"Types of Heatmaps","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*oY7630DafJqMYj9yNJ1wPA.png":{"__typename":"ImageMetadata","id":"1*oY7630DafJqMYj9yNJ1wPA.png","originalHeight":820,"originalWidth":1920,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_13":{"__typename":"Paragraph","id":"752319bd9ba4_13","name":"b7f6","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*oY7630DafJqMYj9yNJ1wPA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_14":{"__typename":"Paragraph","id":"752319bd9ba4_14","name":"c9d5","type":"P","href":null,"layout":null,"metadata":null,"text":"There are different kinds of heatmaps \u002F\u002F I have used the first three","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":37,"end":68,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_15":{"__typename":"Paragraph","id":"752319bd9ba4_15","name":"d6df","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Utilize click heatmaps to prioritize content, flow, and optimal paths for users. Apply them to landing pages, modals, KPI cards, tables, and various UI elements to validate what the user views first ↗ and make necessary changes. The Click heatmaps quickly identify your user’s preferred actions.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":8,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":229,"end":295,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_16":{"__typename":"Paragraph","id":"752319bd9ba4_16","name":"a7da","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Use scroll maps to track the last point your user scrolled to. This will help in utilizing pages efficiently. You might consider splitting long scrolls into multiple steps\u002Fpages.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":4,"end":15,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_17":{"__typename":"Paragraph","id":"752319bd9ba4_17","name":"79e6","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Use Attention heatmaps to identify users’ areas of interest. This information can be employed to prioritize components in your design, as well as to pinpoint areas where users might get frustrated or struggle to find the necessary information.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":4,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_18":{"__typename":"Paragraph","id":"752319bd9ba4_18","name":"74db","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Optimizing the website\u002F app based on heatmap patterns can help increase revenue and decrease customer churn","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":107,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":107,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_19":{"__typename":"Paragraph","id":"752319bd9ba4_19","name":"fc58","type":"H3","href":null,"layout":null,"metadata":null,"text":"When to use heatmaps🔥","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_20":{"__typename":"Paragraph","id":"752319bd9ba4_20","name":"2147","type":"ULI","href":null,"layout":null,"metadata":null,"text":"A\u002FB Testing: If you have different variations of your design\u002F process, use heatmaps to compare and choose the one that works best as per business\u002Fclient 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:752319bd9ba4_21":{"__typename":"Paragraph","id":"752319bd9ba4_21","name":"5d5d","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Real-Time Monitoring: Integrate heatmaps with your backend systems to constantly track how users are interacting with the system. This will help improve and enhance performance.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":20,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_22":{"__typename":"Paragraph","id":"752319bd9ba4_22","name":"53d1","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Experience Design: Identify touch patterns on mobile interfaces, helping designers optimize button placement and enhance the overall user experience.","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:752319bd9ba4_23":{"__typename":"Paragraph","id":"752319bd9ba4_23","name":"7629","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Analyzing performance metrics: To gather data about user retention, ROI, and platform optimization, use heatmaps to study patterns and behaviors.","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:752319bd9ba4_24":{"__typename":"Paragraph","id":"752319bd9ba4_24","name":"772a","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Email Campaigns: This can be applied to email marketing to understand which parts of an email receive the most attention. This information helps in crafting more engaging and effective email campaigns.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":21,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_25":{"__typename":"Paragraph","id":"752319bd9ba4_25","name":"1885","type":"H3","href":null,"layout":null,"metadata":null,"text":"Tools to use to generate Heatmaps🔨","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":35,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_26":{"__typename":"Paragraph","id":"752319bd9ba4_26","name":"22be","type":"P","href":null,"layout":null,"metadata":null,"text":"There are many open-source heatmaps\u002Ftools\u002Fplugins available for heatmap analysis. I am mentioning the ones I have used recently.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_27":{"__typename":"Paragraph","id":"752319bd9ba4_27","name":"7c33","type":"H4","href":null,"layout":null,"metadata":null,"text":"1. Attention Insights","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":21,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_28":{"__typename":"Paragraph","id":"752319bd9ba4_28","name":"06bf","type":"P","href":null,"layout":null,"metadata":null,"text":"Features: Attention Heatmap | Focus Map | Clarity Score | Percentage of Attention","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_29":{"__typename":"Paragraph","id":"752319bd9ba4_29","name":"1cae","type":"P","href":null,"layout":null,"metadata":null,"text":"Plugin: https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F968765016617421513","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":8,"end":65,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F968765016617421513","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*1UOWVkWUpamf5F_2qqvxBw.png":{"__typename":"ImageMetadata","id":"1*1UOWVkWUpamf5F_2qqvxBw.png","originalHeight":693,"originalWidth":1359,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_30":{"__typename":"Paragraph","id":"752319bd9ba4_30","name":"0bd5","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*1UOWVkWUpamf5F_2qqvxBw.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_31":{"__typename":"Paragraph","id":"752319bd9ba4_31","name":"83f5","type":"H4","href":null,"layout":null,"metadata":null,"text":"2. Clueify","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_32":{"__typename":"Paragraph","id":"752319bd9ba4_32","name":"ac2d","type":"P","href":null,"layout":null,"metadata":null,"text":"Features: Attention Heatmap | A\u002FB Testing | Focus Group | Percentage of Attention | Gaze Point | Clarity Analysis","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_33":{"__typename":"Paragraph","id":"752319bd9ba4_33","name":"393a","type":"P","href":null,"layout":null,"metadata":null,"text":"Plugin: https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1151544577194883426\u002Fclueify","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":8,"end":74,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1151544577194883426\u002Fclueify","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*7oMmD6JE2R7LjRsq-_gtUQ.png":{"__typename":"ImageMetadata","id":"1*7oMmD6JE2R7LjRsq-_gtUQ.png","originalHeight":561,"originalWidth":1359,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_34":{"__typename":"Paragraph","id":"752319bd9ba4_34","name":"cf3e","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*7oMmD6JE2R7LjRsq-_gtUQ.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_35":{"__typename":"Paragraph","id":"752319bd9ba4_35","name":"424d","type":"H4","href":null,"layout":null,"metadata":null,"text":"3. NB Heatmaps","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_36":{"__typename":"Paragraph","id":"752319bd9ba4_36","name":"12e2","type":"P","href":null,"layout":null,"metadata":null,"text":"Features: Draw heatmaps efficiently","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_37":{"__typename":"Paragraph","id":"752319bd9ba4_37","name":"95c7","type":"P","href":null,"layout":null,"metadata":null,"text":"Plugin: https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1019087167633715500","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":8,"end":66,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1019087167633715500","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*3rq_DgRZFep_hLoM0YdnvA.png":{"__typename":"ImageMetadata","id":"1*3rq_DgRZFep_hLoM0YdnvA.png","originalHeight":561,"originalWidth":1359,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_38":{"__typename":"Paragraph","id":"752319bd9ba4_38","name":"f9de","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*3rq_DgRZFep_hLoM0YdnvA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_39":{"__typename":"Paragraph","id":"752319bd9ba4_39","name":"a6c8","type":"H4","href":null,"layout":null,"metadata":null,"text":"4.Heatmaps.com","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":14,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_40":{"__typename":"Paragraph","id":"752319bd9ba4_40","name":"ced5","type":"P","href":null,"layout":null,"metadata":null,"text":"Features: Click maps | Scroll maps | Screen recording","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_41":{"__typename":"Paragraph","id":"752319bd9ba4_41","name":"81c8","type":"P","href":null,"layout":null,"metadata":null,"text":"Website : https:\u002F\u002Fheatmap.com\u002F","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":10,"end":30,"href":"https:\u002F\u002Fheatmap.com\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":9,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*_EuqouA5cTI3zM_iI2pRuA.png":{"__typename":"ImageMetadata","id":"1*_EuqouA5cTI3zM_iI2pRuA.png","originalHeight":561,"originalWidth":1359,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_42":{"__typename":"Paragraph","id":"752319bd9ba4_42","name":"3b32","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*_EuqouA5cTI3zM_iI2pRuA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_43":{"__typename":"Paragraph","id":"752319bd9ba4_43","name":"efbd","type":"H4","href":null,"layout":null,"metadata":null,"text":"5. Hotjar.com","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":13,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_44":{"__typename":"Paragraph","id":"752319bd9ba4_44","name":"54a5","type":"P","href":null,"layout":null,"metadata":null,"text":"Features: Scroll maps | Click maps | Move maps | Engagement maps | Rage maps | many more","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":88,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_45":{"__typename":"Paragraph","id":"752319bd9ba4_45","name":"a6a4","type":"P","href":null,"layout":null,"metadata":null,"text":"Website: https:\u002F\u002Fwww.hotjar.com\u002Fheatmaps\u002F","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":9,"end":41,"href":"https:\u002F\u002Fwww.hotjar.com\u002Fheatmaps\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:0*RpvH7rKdaLfItA3-":{"__typename":"ImageMetadata","id":"0*RpvH7rKdaLfItA3-","originalHeight":493,"originalWidth":946,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_46":{"__typename":"Paragraph","id":"752319bd9ba4_46","name":"ddbc","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:0*RpvH7rKdaLfItA3-"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_47":{"__typename":"Paragraph","id":"752319bd9ba4_47","name":"fbd3","type":"P","href":null,"layout":null,"metadata":null,"text":"There are many Figma plugins, chrome extensions, and websites to test your design and understand user interaction with your systems.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_48":{"__typename":"Paragraph","id":"752319bd9ba4_48","name":"af7f","type":"H3","href":null,"layout":null,"metadata":null,"text":"What Doesn’t Work","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_49":{"__typename":"Paragraph","id":"752319bd9ba4_49","name":"8705","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Using just heatmaps may not give you the full picture. It’s important to also look at other data like conversion rates and bounce rates for a complete understanding. Combining these metrics helps you make a better-informed decision.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_50":{"__typename":"Paragraph","id":"752319bd9ba4_50","name":"79d0","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Overlooking the context and goals of users can lead to misinterpretations. It’s essential to consider user intent and the specific objectives of a webpage.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_51":{"__typename":"Paragraph","id":"752319bd9ba4_51","name":"6cbf","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Ignoring different devices and screen sizes can result in skewed insights. Ensure that heatmaps consider the diverse range of devices your audience may use.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":19,"end":43,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_52":{"__typename":"Paragraph","id":"752319bd9ba4_52","name":"1c45","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Neglecting the impact of email client variations and individual preferences may limit the accuracy of heatmap analysis. Test across different email platforms to ensure compatibility.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":168,"end":181,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_53":{"__typename":"Paragraph","id":"752319bd9ba4_53","name":"05cd","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Using inappropriate color scales or misinterpreting color gradients can lead to confusion. Ensure that the color scheme aligns with the data being presented.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":36,"end":67,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_54":{"__typename":"Paragraph","id":"752319bd9ba4_54","name":"03de","type":"H3","href":null,"layout":null,"metadata":null,"text":"Key Takeaways","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_55":{"__typename":"Paragraph","id":"752319bd9ba4_55","name":"0413","type":"P","href":null,"layout":null,"metadata":null,"text":"Collaboration: Engage the team in heatmap analysis for diverse insights. When utilizing heatmaps, involve designers, developers, and stakeholders to analyze the data collectively. Different perspectives bring a holistic view of user interactions, helping uncover insights that might be missed.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":73,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_56":{"__typename":"Paragraph","id":"752319bd9ba4_56","name":"d7f0","type":"P","href":null,"layout":null,"metadata":null,"text":"Iterative: Implement findings gradually, measuring impact at each step. After analyzing heatmap data, implement design changes incrementally. By iterating based on heatmap insights, you can refine the user experience step by step and contribute to the overall design goals.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":71,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_57":{"__typename":"Paragraph","id":"752319bd9ba4_57","name":"9e1e","type":"P","href":null,"layout":null,"metadata":null,"text":"Feedback Loop: Combine heatmap insights with user feedback for comprehensive improvements. Create a feedback loop by combining heatmap data with user feedback through surveys, usability testing, or direct user interviews. This quantitative and qualitative information provides an understanding of user needs and pain points.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":89,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:752319bd9ba4_58":{"__typename":"Paragraph","id":"752319bd9ba4_58","name":"62cc","type":"P","href":null,"layout":null,"metadata":null,"text":"This approach ensures a thorough examination of user behavior, leading to informed design decisions and continuous improvement in the overall user experience.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*RpmNQPvtknPwCM7o0twMXQ.png":{"__typename":"ImageMetadata","id":"1*RpmNQPvtknPwCM7o0twMXQ.png","originalHeight":419,"originalWidth":1920,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:752319bd9ba4_59":{"__typename":"Paragraph","id":"752319bd9ba4_59","name":"f048","type":"IMG","href":null,"layout":"FULL_WIDTH","metadata":{"__ref":"ImageMetadata:1*RpmNQPvtknPwCM7o0twMXQ.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"PostViewerEdge:postId:90def29931db-viewerId:lo_cc343a0efc16":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:90def29931db-viewerId:lo_cc343a0efc16"},"Tag:ux-design":{"__typename":"Tag","id":"ux-design","displayTitle":"UX Design","normalizedTagSlug":"ux-design"},"Tag:heatmap-analysis":{"__typename":"Tag","id":"heatmap-analysis","displayTitle":"Heatmap Analysis","normalizedTagSlug":"heatmap-analysis"},"Tag:user-engagement":{"__typename":"Tag","id":"user-engagement","displayTitle":"User Engagement","normalizedTagSlug":"user-engagement"},"Tag:website-development":{"__typename":"Tag","id":"website-development","displayTitle":"Website Development","normalizedTagSlug":"website-development"},"Tag:usability-testing":{"__typename":"Tag","id":"usability-testing","displayTitle":"Usability Testing","normalizedTagSlug":"usability-testing"},"Post:90def29931db":{"__typename":"Post","id":"90def29931db","collection":null,"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"cb83","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"198f","startIndex":19,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"c03c","startIndex":59,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:752319bd9ba4_0"},{"__ref":"Paragraph:752319bd9ba4_1"},{"__ref":"Paragraph:752319bd9ba4_2"},{"__ref":"Paragraph:752319bd9ba4_3"},{"__ref":"Paragraph:752319bd9ba4_4"},{"__ref":"Paragraph:752319bd9ba4_5"},{"__ref":"Paragraph:752319bd9ba4_6"},{"__ref":"Paragraph:752319bd9ba4_7"},{"__ref":"Paragraph:752319bd9ba4_8"},{"__ref":"Paragraph:752319bd9ba4_9"},{"__ref":"Paragraph:752319bd9ba4_10"},{"__ref":"Paragraph:752319bd9ba4_11"},{"__ref":"Paragraph:752319bd9ba4_12"},{"__ref":"Paragraph:752319bd9ba4_13"},{"__ref":"Paragraph:752319bd9ba4_14"},{"__ref":"Paragraph:752319bd9ba4_15"},{"__ref":"Paragraph:752319bd9ba4_16"},{"__ref":"Paragraph:752319bd9ba4_17"},{"__ref":"Paragraph:752319bd9ba4_18"},{"__ref":"Paragraph:752319bd9ba4_19"},{"__ref":"Paragraph:752319bd9ba4_20"},{"__ref":"Paragraph:752319bd9ba4_21"},{"__ref":"Paragraph:752319bd9ba4_22"},{"__ref":"Paragraph:752319bd9ba4_23"},{"__ref":"Paragraph:752319bd9ba4_24"},{"__ref":"Paragraph:752319bd9ba4_25"},{"__ref":"Paragraph:752319bd9ba4_26"},{"__ref":"Paragraph:752319bd9ba4_27"},{"__ref":"Paragraph:752319bd9ba4_28"},{"__ref":"Paragraph:752319bd9ba4_29"},{"__ref":"Paragraph:752319bd9ba4_30"},{"__ref":"Paragraph:752319bd9ba4_31"},{"__ref":"Paragraph:752319bd9ba4_32"},{"__ref":"Paragraph:752319bd9ba4_33"},{"__ref":"Paragraph:752319bd9ba4_34"},{"__ref":"Paragraph:752319bd9ba4_35"},{"__ref":"Paragraph:752319bd9ba4_36"},{"__ref":"Paragraph:752319bd9ba4_37"},{"__ref":"Paragraph:752319bd9ba4_38"},{"__ref":"Paragraph:752319bd9ba4_39"},{"__ref":"Paragraph:752319bd9ba4_40"},{"__ref":"Paragraph:752319bd9ba4_41"},{"__ref":"Paragraph:752319bd9ba4_42"},{"__ref":"Paragraph:752319bd9ba4_43"},{"__ref":"Paragraph:752319bd9ba4_44"},{"__ref":"Paragraph:752319bd9ba4_45"},{"__ref":"Paragraph:752319bd9ba4_46"},{"__ref":"Paragraph:752319bd9ba4_47"},{"__ref":"Paragraph:752319bd9ba4_48"},{"__ref":"Paragraph:752319bd9ba4_49"},{"__ref":"Paragraph:752319bd9ba4_50"},{"__ref":"Paragraph:752319bd9ba4_51"},{"__ref":"Paragraph:752319bd9ba4_52"},{"__ref":"Paragraph:752319bd9ba4_53"},{"__ref":"Paragraph:752319bd9ba4_54"},{"__ref":"Paragraph:752319bd9ba4_55"},{"__ref":"Paragraph:752319bd9ba4_56"},{"__ref":"Paragraph:752319bd9ba4_57"},{"__ref":"Paragraph:752319bd9ba4_58"},{"__ref":"Paragraph:752319bd9ba4_59"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:c5779510ab87"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fmedium.com\u002F@designbyaditisoni\u002Fthis-helped-me-validate-my-design-quickly-90def29931db","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"752319bd9ba4","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":0},"clapCount":60,"allowResponses":true,"isLimitedState":false,"title":"This helped me validate my design quickly 👩🏻‍💻!!","isSeries":false,"sequence":null,"uniqueSlug":"this-helped-me-validate-my-design-quickly-90def29931db","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1708251890991,"readingTime":4.347169811320755,"previewContent":{"__typename":"PreviewContent","subtitle":"“Yes, I am talking about heatmaps🔥. A simple yet efficient process to validate or test your design. And they work everywhere!"},"previewImage":{"__ref":"ImageMetadata:1*8tlrxqQ4bgNtMWx9qSLBIQ.png"},"isShortform":false,"seoTitle":"","firstPublishedAt":1708251443388,"updatedAt":1708251896609,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:90def29931db-viewerId:lo_cc343a0efc16"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:ux-design"},{"__ref":"Tag:heatmap-analysis"},{"__ref":"Tag:user-engagement"},{"__ref":"Tag:website-development"},{"__ref":"Tag:usability-testing"}],"isNewsletter":false,"statusForCollection":null,"pendingCollection":null,"detectedLanguage":"en","wordCount":834,"layerCake":0,"responsesLocked":false}}</script><script>window.__MIDDLEWARE_STATE__={"session":{"xsrf":""},"cache":{"cacheStatus":"MISS"}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.aa9242f7.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.e556b4ac.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/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/5787.e66a3a4d.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/3104.c3413b66.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.8ad8a900.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.094844de.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.1387c5dc.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e93d9a2cb8d9caa',t:'MTczMjcyODY2OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>

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