CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Dissecting the Visual Design of Products through PINC Analysis | by Sonalisa Patel | Zeta Design</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2022-04-28T06:37:27.436Z"/><meta data-rh="true" name="title" content="Dissecting the Visual Design of Products through PINC Analysis | by Sonalisa Patel | Zeta Design"/><meta data-rh="true" property="og:title" content="Dissecting the Visual Design of Products through PINC Analysis"/><meta data-rh="true" property="al:android:url" content="medium://p/e037fdd3b196"/><meta data-rh="true" property="al:ios:url" content="medium://p/e037fdd3b196"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs. The trick lies in sticking to the first principles of visual…"/><meta data-rh="true" property="og:description" content="Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs…"/><meta data-rh="true" property="og:url" content="https://design.zeta.in/dissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196"/><meta data-rh="true" property="al:web:url" content="https://design.zeta.in/dissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*YeGjeBiysa57ng5UU0p3rg.jpeg"/><meta data-rh="true" property="article:author" content="https://sonalisa-patel.medium.com"/><meta data-rh="true" name="author" content="Sonalisa Patel"/><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="Dissecting the Visual Design of Products through PINC Analysis"/><meta data-rh="true" name="twitter:site" content="@zetaindia"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/e037fdd3b196"/><meta data-rh="true" property="twitter:description" content="Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs…"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*YeGjeBiysa57ng5UU0p3rg.jpeg"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="9 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*7FG4sDTdzgBNYQL3onKlXQ.png"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://sonalisa-patel.medium.com"/><link data-rh="true" rel="canonical" href="https://design.zeta.in/dissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/e037fdd3b196"/><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*YeGjeBiysa57ng5UU0p3rg.jpeg"],"url":"https:\u002F\u002Fdesign.zeta.in\u002Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196","dateCreated":"2022-04-28T06:37:27.436Z","datePublished":"2022-04-28T06:37:27.436Z","dateModified":"2022-04-30T02:14:32.001Z","headline":"Dissecting the Visual Design of Products through PINC Analysis","name":"Dissecting the Visual Design of Products through PINC Analysis","description":"Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs. The trick lies in sticking to the first principles of visual…","identifier":"e037fdd3b196","author":{"@type":"Person","name":"Sonalisa Patel","url":"https:\u002F\u002Fsonalisa-patel.medium.com"},"creator":["Sonalisa Patel"],"publisher":{"@type":"Organization","name":"Zeta Design","url":"design.zeta.in","logo":{"@type":"ImageObject","width":300,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:600\u002F1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"mainEntityOfPage":"https:\u002F\u002Fdesign.zeta.in\u002Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196"}</script><style type="text/css" data-fela-rehydration="572" 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="572" 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="572" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(148, 116, 198, 1)}.es{border-color:rgba(148, 116, 198, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(148, 116, 198, 1)}.ez:disabled:hover{border-color:rgba(148, 116, 198, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.ia{align-items:baseline}.ib{width:48px}.ic{height:48px}.id{border:2px solid rgba(255, 255, 255, 1)}.ie{z-index:0}.if{box-shadow:none}.ig{border:1px solid rgba(0, 0, 0, 0.05)}.ih{margin-left:-12px}.ii{width:28px}.ij{height:28px}.ik{z-index:1}.il{width:24px}.im{margin-bottom:2px}.in{flex-wrap:nowrap}.io{font-size:16px}.ip{line-height:24px}.ir{margin:0 8px}.is{display:inline}.it{color:rgba(148, 116, 198, 1)}.iu{fill:rgba(148, 116, 198, 1)}.ix{flex:0 0 auto}.ja{flex-wrap:wrap}.jd{white-space:pre-wrap}.je{margin-right:4px}.jf{overflow:hidden}.jg{max-height:20px}.jh{text-overflow:ellipsis}.ji{display:-webkit-box}.jj{-webkit-line-clamp:1}.jk{-webkit-box-orient:vertical}.jl{word-break:break-all}.jn{padding-left:8px}.jo{padding-right:8px}.kp> *{flex-shrink:0}.kq{overflow-x:scroll}.kr::-webkit-scrollbar{display:none}.ks{scrollbar-width:none}.kt{-ms-overflow-style:none}.ku{width:74px}.kv{flex-direction:row}.kw{z-index:2}.kz{-webkit-user-select:none}.la{border:0}.lb{fill:rgba(117, 117, 117, 1)}.le{outline:0}.lf{user-select:none}.lg> svg{pointer-events:none}.lp{cursor:progress}.lq{opacity:1}.lr{padding:4px 0}.lu{margin-top:0px}.lv{width:16px}.lx{display:inline-flex}.md{max-width:100%}.me{padding:8px 2px}.mf svg{color:#6B6B6B}.mw{line-height:1.58}.mx{letter-spacing:-0.004em}.my{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.nt{margin-bottom:-0.46em}.nu{margin-left:auto}.nv{margin-right:auto}.nw{max-width:7288px}.oc{clear:both}.oe{cursor:zoom-in}.of{z-index:auto}.oh{height:auto}.oi{margin-top:10px}.oj{max-width:728px}.om{background:none}.on{line-height:1.12}.oo{letter-spacing:-0.022em}.op{font-weight:600}.pk{margin-bottom:-0.28em}.pq{padding-left:30px}.pr{line-height:40px}.ps{letter-spacing:-0.009em}.pt{font-weight:300}.pu{font-size:28px}.qa{font-style:inherit}.qb{line-height:1.18}.qp{margin-bottom:-0.31em}.qq{max-width:5654px}.qr{text-decoration:underline}.qs{font-style:italic}.qt{max-width:2298px}.qz{list-style-type:decimal}.ra{margin-left:30px}.rb{padding-left:0px}.rh{margin-top:32px}.ri{margin-bottom:14px}.rj{padding-top:24px}.rk{padding-bottom:10px}.rl{background-color:#000000}.rm{height:3px}.rn{width:3px}.ro{margin-right:20px}.rp{max-width:2020px}.rv{max-width:3375px}.rw{max-width:2266px}.rx{max-width:2163px}.ry{margin-bottom:26px}.rz{margin-top:6px}.sa{margin-top:8px}.sb{margin-right:8px}.sc{padding:8px 16px}.sd{border-radius:100px}.se{transition:background 300ms ease}.sg{white-space:nowrap}.sh{border-top:none}.sn{height:52px}.so{max-height:52px}.sp{box-sizing:content-box}.sq{position:static}.ss{max-width:155px}.td{margin-bottom:48px}.tr{border-radius:2px}.tt{height:64px}.tu{width:64px}.tv{align-self:flex-end}.tw{color:rgba(255, 255, 255, 1)}.tx{fill:rgba(255, 255, 255, 1)}.ty{background:rgba(25, 25, 25, 1)}.tz{border-color:rgba(25, 25, 25, 1)}.uc:disabled{opacity:0.1}.ud:disabled:hover{background:rgba(25, 25, 25, 1)}.ue:disabled:hover{border-color:rgba(25, 25, 25, 1)}.uf{flex:1 1 auto}.ul{padding-right:4px}.um{font-weight:500}.ut{margin-top:16px}.uu{height:0px}.uv{border-bottom:solid 1px #E5E5E5}.uw{margin-top:56px}.ux{margin-top:72px}.uy{padding:24px 0}.uz{margin-bottom:0px}.va{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(126, 101, 166, 1)}.eu:hover{border-color:rgba(126, 101, 166, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.iq:hover{text-decoration:underline}.iv:hover:not(:disabled){color:rgba(126, 101, 166, 1)}.iw:hover:not(:disabled){fill:rgba(126, 101, 166, 1)}.ld:hover{fill:rgba(8, 8, 8, 1)}.ls:hover{fill:#000000}.lt:hover p{color:#000000}.lw:hover{color:#000000}.mg:hover svg{color:#000000}.sf:hover{background-color:#F2F2F2}.ts:hover{background-color:none}.ua:hover{background:#000000}.ub:hover{border-color:#242424}.bd:focus-within path{fill:#242424}.lc:focus{fill:rgba(8, 8, 8, 1)}.mh:focus svg{color:#000000}.og:focus{transform:scale(1.01)}.lh:active{border-style:none}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:68px}.gc{max-width:680px}.hq{font-size:42px}.hr{margin-top:1.19em}.hs{margin-bottom:32px}.ht{line-height:52px}.hu{letter-spacing:-0.011em}.hz{align-items:center}.kb{border-top:solid 1px #F2F2F2}.kc{border-bottom:solid 1px #F2F2F2}.kd{margin:32px 0 0}.ke{padding:3px 8px}.kn> *{margin-right:24px}.ko> :last-child{margin-right:0}.lo{margin-top:0px}.mc{margin:0}.np{font-size:20px}.nq{margin-top:2.14em}.nr{line-height:32px}.ns{letter-spacing:-0.003em}.ob{margin-top:56px}.pg{font-size:24px}.ph{margin-top:1.95em}.pi{line-height:30px}.pj{letter-spacing:-0.016em}.pp{margin-top:0.94em}.pz{margin-top:1.75em}.qm{margin-top:2.11em}.qn{line-height:24px}.qo{letter-spacing:0}.qy{margin-top:1.72em}.rg{margin-top:1.14em}.ru{margin-top:1.25em}.sm{margin-bottom:88px}.sx{display:inline-block}.tc{padding-top:72px}.te{flex-direction:row}.th{margin-bottom:0}.ti{margin-right:20px}.ug{max-width:500px}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.ln{margin-top:0px}.ok{margin-left:auto}.ol{text-align:center}.sw{display:inline-block}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.lm{margin-top:0px}.sv{display:inline-block}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.lk{margin-top:0px}.ll{margin-right:0px}.su{display:inline-block}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{margin-bottom:24px}.gz{line-height:38px}.ha{letter-spacing:-0.014em}.hv{align-items:flex-start}.iy{flex-direction:column}.jb{margin-bottom:2px}.jp{margin:24px -24px 0}.jq{padding:0}.kf> *{margin-right:8px}.kg> :last-child{margin-right:24px}.kx{margin-left:0px}.li{margin-top:0px}.lj{margin-right:0px}.ly{margin:0}.mi{border:1px solid #F2F2F2}.mj{border-radius:99em}.mk{padding:0px 16px 0px 12px}.ml{height:38px}.mm{align-items:center}.mo svg{margin-right:8px}.mz{font-size:18px}.na{margin-top:1.56em}.nb{line-height:28px}.nc{letter-spacing:-0.003em}.nx{margin-top:40px}.oq{font-size:20px}.or{margin-top:1.2em}.os{line-height:24px}.ot{letter-spacing:0}.pl{margin-top:0.67em}.pv{margin-top:1.08em}.qc{font-size:16px}.qd{margin-top:1.57em}.qu{margin-top:1.23em}.rc{margin-top:1.34em}.rq{margin-top:0.93em}.si{margin-bottom:80px}.st{display:inline-block}.sy{padding-top:48px}.tp{margin-bottom:20px}.tq{margin-right:0}.uk{max-width:100%}.un{font-size:24px}.uo{line-height:30px}.up{letter-spacing:-0.016em}.mn:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hl{font-size:42px}.hm{margin-top:1.19em}.hn{margin-bottom:32px}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.hy{align-items:center}.jx{border-top:solid 1px #F2F2F2}.jy{border-bottom:solid 1px #F2F2F2}.jz{margin:32px 0 0}.ka{padding:3px 8px}.kl> *{margin-right:24px}.km> :last-child{margin-right:0}.mb{margin:0}.nl{font-size:20px}.nm{margin-top:2.14em}.nn{line-height:32px}.no{letter-spacing:-0.003em}.oa{margin-top:56px}.pc{font-size:24px}.pd{margin-top:1.95em}.pe{line-height:30px}.pf{letter-spacing:-0.016em}.po{margin-top:0.94em}.py{margin-top:1.75em}.qj{margin-top:2.11em}.qk{line-height:24px}.ql{letter-spacing:0}.qx{margin-top:1.72em}.rf{margin-top:1.14em}.rt{margin-top:1.25em}.sl{margin-bottom:88px}.tb{padding-top:72px}.tf{flex-direction:row}.tj{margin-bottom:0}.tk{margin-right:20px}.uh{max-width:500px}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:68px}.ga{max-width:680px}.hg{font-size:42px}.hh{margin-top:1.19em}.hi{margin-bottom:32px}.hj{line-height:52px}.hk{letter-spacing:-0.011em}.hx{align-items:center}.jt{border-top:solid 1px #F2F2F2}.ju{border-bottom:solid 1px #F2F2F2}.jv{margin:32px 0 0}.jw{padding:3px 8px}.kj> *{margin-right:24px}.kk> :last-child{margin-right:0}.ma{margin:0}.nh{font-size:20px}.ni{margin-top:2.14em}.nj{line-height:32px}.nk{letter-spacing:-0.003em}.nz{margin-top:56px}.oy{font-size:24px}.oz{margin-top:1.95em}.pa{line-height:30px}.pb{letter-spacing:-0.016em}.pn{margin-top:0.94em}.px{margin-top:1.75em}.qg{margin-top:2.11em}.qh{line-height:24px}.qi{letter-spacing:0}.qw{margin-top:1.72em}.re{margin-top:1.14em}.rs{margin-top:1.25em}.sk{margin-bottom:88px}.ta{padding-top:72px}.tg{flex-direction:row}.tl{margin-bottom:0}.tm{margin-right:20px}.ui{max-width:500px}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:4px}.hb{font-size:32px}.hc{margin-top:1.01em}.hd{margin-bottom:24px}.he{line-height:38px}.hf{letter-spacing:-0.014em}.hw{align-items:flex-start}.iz{flex-direction:column}.jc{margin-bottom:2px}.jr{margin:24px 0 0}.js{padding:0}.kh> *{margin-right:8px}.ki> :last-child{margin-right:8px}.ky{margin-left:0px}.lz{margin:0}.mp{border:1px solid #F2F2F2}.mq{border-radius:99em}.mr{padding:0px 16px 0px 12px}.ms{height:38px}.mt{align-items:center}.mv svg{margin-right:8px}.nd{font-size:18px}.ne{margin-top:1.56em}.nf{line-height:28px}.ng{letter-spacing:-0.003em}.ny{margin-top:40px}.ou{font-size:20px}.ov{margin-top:1.2em}.ow{line-height:24px}.ox{letter-spacing:0}.pm{margin-top:0.67em}.pw{margin-top:1.08em}.qe{font-size:16px}.qf{margin-top:1.57em}.qv{margin-top:1.23em}.rd{margin-top:1.34em}.rr{margin-top:0.93em}.sj{margin-bottom:80px}.sz{padding-top:48px}.tn{margin-bottom:20px}.to{margin-right:0}.uj{max-width:100%}.uq{font-size:24px}.ur{line-height:30px}.us{letter-spacing:-0.016em}.mu:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="print">.sr{display:none}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jm{max-height:none}</style><style type="text/css" data-fela-rehydration="572" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.od{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%2Fe037fdd3b196&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_layout_nav----------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" href="https://medium.com/?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav-----------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" href="https://medium.com/search?source=---top_nav_layout_nav----------------------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="a5bc" 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">Dissecting the Visual Design of Products through PINC Analysis</h1><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="hv hw hx hy hz ab"><div><div class="ab ia"><div><div class="bm" aria-hidden="false"><a href="https://sonalisa-patel.medium.com/?source=post_page---byline--e037fdd3b196--------------------------------" rel="noopener follow"><div class="l ib ic by id ie"><div class="l fj"><img alt="Sonalisa Patel" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*zGLtM2LTgNaX5fCfd0f3Qg.png" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="if by l dd de fs n ig ft"></div></div></div></a></div></div><div class="ih ab fj"><div><div class="bm" aria-hidden="false"><a href="https://design.zeta.in/?source=post_page---byline--e037fdd3b196--------------------------------" rel="noopener ugc nofollow"><div class="l ii ij by id ik"><div class="l fj"><img alt="Zeta Design" class="l fd by br il cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="if by l br il fs n ig ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="im ab q"><div class="ab q in"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b io ip bk"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" data-testid="authorName" href="https://sonalisa-patel.medium.com/?source=post_page---byline--e037fdd3b196--------------------------------" rel="noopener follow">Sonalisa Patel</a></p></div></div></div><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b io ip du"><span><a class="it iu ah ai aj ak al am an ao ap aq ar ex iv iw" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F6be01e1651c6&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=post_page-6be01e1651c6--byline--e037fdd3b196---------------------post_header-----------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l ix"><span class="bf b bg z du"><div class="ab cn iy iz ja"><div class="jb jc ab"><div class="bf b bg z du ab jd"><span class="je l ix">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar iq ab q" data-testid="publicationName" href="https://design.zeta.in/?source=post_page---byline--e037fdd3b196--------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jf jg jh ji jj jk jl jm bk">Zeta Design</p></a></div></div></div><div class="h k"><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">9 min read</span><div class="jn jo l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Apr 28, 2022</span></div></span></div></span></div></div></div><div class="ab cp jp jq jr js jt ju jv jw jx jy jz ka kb kc kd ke"><div class="h k w fg fh q"><div class="ku l"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fe037fdd3b196&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=---header_actions--e037fdd3b196---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao la lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lu"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div><div class="ab q kf kg kh ki kj kk kl km kn ko kp kq kr ks kt"><div class="lv k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe037fdd3b196&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=---header_actions--e037fdd3b196---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lw" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd lx cn"><div class="l ae"><div class="ab cb"><div class="ly lz ma mb mc md ci bh"><div class="ab"><div class="bm bh" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh mi mj mk ml s mm mn mo mp mq mr ms u mt mu mv"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh mi mj mk ml s mm mn mo mp mq mr ms u mt mu mv"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div><p id="49f4" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs. The trick lies in sticking to the first principles of visual design by focussing on presentation, interaction, navigation, and content.</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv nw"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*YeGjeBiysa57ng5UU0p3rg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*YeGjeBiysa57ng5UU0p3rg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*YeGjeBiysa57ng5UU0p3rg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*YeGjeBiysa57ng5UU0p3rg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*YeGjeBiysa57ng5UU0p3rg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*YeGjeBiysa57ng5UU0p3rg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*YeGjeBiysa57ng5UU0p3rg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*YeGjeBiysa57ng5UU0p3rg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="258" loading="eager" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span></figcaption></figure><h1 id="fdfa" class="on oo gu bf op oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk bk">Is “Simple” simple enough?</h1><p id="62f4" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">“We want to offer a simple and usable yet world-class product” — says every product company. And..why not! Aren’t we all suckers for simple and uncomplicated products? Be it physical or digital products, we want to experience simplicity in everything. But achieving this simplicity is rarely as simple as it seems. Chris Sacca, a renowned venture investor, and entrepreneur, popularly known for investing in Shark Tank products believes that<strong class="my gv">:</strong></p><blockquote class="pq"><p id="57ec" class="pr ps gu bf pt pu pv pw px py pz nt du"><em class="qa">“Simplicity is hard to build, easy to use, and hard to charge for. Complexity is easy to build, hard to use, and easy to charge for.”</em></p></blockquote><h2 id="8974" class="qb oo gu bf op qc qd dy ot qe qf ea ox nh qg qh qi nl qj qk ql np qm qn qo qp bk">Looking beyond ease of use</h2><p id="3c74" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">In the quest to make simple and usable products, creators often focus on resolving one aspect of complexity and end up ignoring the other elements that stitch the whole experience of the product. Some important questions to ask while designing a product should be:<br/>- Is it easy to learn and remember?<br/>- Is it efficient to use?<br/>- Is it engaging?<br/>- Is it error-tolerant?</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*N6iDccmYQGA57V5lpQx4xA.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*N6iDccmYQGA57V5lpQx4xA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*N6iDccmYQGA57V5lpQx4xA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*N6iDccmYQGA57V5lpQx4xA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*N6iDccmYQGA57V5lpQx4xA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*N6iDccmYQGA57V5lpQx4xA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*N6iDccmYQGA57V5lpQx4xA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*N6iDccmYQGA57V5lpQx4xA.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="361" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span></figcaption></figure><p id="7e13" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">One of the most important aspects of building a good product is understanding visual design and its core elements and principles. While there is no magic formula, there are four magical pillars of design that help us achieve this. To elaborate more on this, we, the designers of the <a class="af qr" rel="noopener ugc nofollow" target="_blank" href="/methodbee-the-initiative-thats-transforming-the-way-we-design-388d70989e06"><strong class="my gv"><em class="qs">Methodbee Initiative</em></strong></a> present to you — PINC analysis.</p><h1 id="52d7" class="on oo gu bf op oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk bk">PINC Analysis: 4 steps to mastering visual analysis</h1><p id="18ab" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">PINC stands for:</p><p id="b9b7" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">Presentation</strong> — tells about the ease with which the product may be understood.<br/><strong class="my gv">Interaction</strong> — shows how we interact with it.<br/><strong class="my gv">Navigation</strong> — shows how we navigate and locate what we need.<br/><strong class="my gv">Content</strong> — informs us what is it that we want to see.</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qt"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*PQy3cYhlY8Abo8oS_XOvCA.gif 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*PQy3cYhlY8Abo8oS_XOvCA.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*PQy3cYhlY8Abo8oS_XOvCA.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*PQy3cYhlY8Abo8oS_XOvCA.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*PQy3cYhlY8Abo8oS_XOvCA.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*PQy3cYhlY8Abo8oS_XOvCA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*PQy3cYhlY8Abo8oS_XOvCA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*PQy3cYhlY8Abo8oS_XOvCA.gif 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="396" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">PINC — the four pillars of Visual Design</figcaption></figure><p id="3b82" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Presentation, Interaction, Navigation, and Content form the four pillars of visual design. And these pillars aren’t completely self-contained. To create a fantastic user experience, they must all be in sync and integrate smoothly. While Presentation and Interaction connect users to the interface, Navigation and Content assist users in developing a better understanding of the products.</p><p id="a668" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">PINC analysis is incredibly useful in many aspects of the design life cycle. It can be used while conducting <strong class="my gv">competitor analysis</strong> and <strong class="my gv">visual testing</strong>.</p><h2 id="0210" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk">A team that learns together, stays together</h2><p id="d007" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">Before getting into the session, we had a small icebreaker with our team to get them warmed up for the session. We used this entertaining and educational UI errors game — <a class="af qr" href="https://cantunsee.space/" rel="noopener ugc nofollow" target="_blank"><strong class="my gv">Can’t Unsee</strong></a> — in which two design samples are shown and the player must find the correct one. We assume you’ve played this before, but if not, give it a shot. While we were pleased to see that our designers had an exceptional designer eye, we were surprised by our developer buddies who took the lead and scored the maximum points.</p><h1 id="0758" class="on oo gu bf op oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk bk">Diving into the P, I, N, and C of PINC analysis</h1><h2 id="958d" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk">Presentation</h2><p id="756d" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">What are the things to consider when understanding Presentation?</p><ol class=""><li id="89d8" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Visual perception</strong> — How we perceive the products i.e. what emotions do they invoke in us and how our mind reacts to them.</li><li id="155e" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">User’s attention</strong> — How can we engage users while they use a product.</li><li id="571a" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Layout</strong> — The consistency, structure, and hierarchical organisation of content.</li></ol><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*TLbmQ5BTidSL5ahD6dPRHw.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="361" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span></figcaption></figure><p id="8529" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">✍️ <strong class="my gv">Things to keep in mind</strong></p><p id="6663" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">1. Basic elements of Visual Design:<br/></strong>Before stepping into the visual aspects, it is essential to remember the basic elements of visual design — Line, Shapes, Color, Value (lightness and darkness of a color), Texture, Typography, Form, and White space (negative space).</p><p id="2c8f" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">2. Principles of Visual Design:<br/></strong>A visual design should have unity, balance, and hierarchy between all elements, follow Gestalt’s laws, and emphasise the elements with contrast and scale.</p></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="e6b4" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk"><strong class="al">Interaction</strong></h2><p id="2bb3" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">Interaction is how the user reacts to the visual design after it has been processed. The two factors that influence the interactions are:</p><ol class=""><li id="febd" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Interface</strong> — The forefront of a system where the user can interact with. It consists of an informative and intuitive set of UI components, user flows, and sequences that assist users in making decisions and completing tasks.</li><li id="18e6" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">UI Controls</strong> — The elements of the interface that allows users to perform actions. For ease of understanding and implementation, these elements are mostly consistent and generically defined.</li></ol><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="404" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span></figcaption></figure><p id="66df" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Interaction involves 5 dimensions: Words, Visuals, Objects/Space, Time, and Behavior.</p><ol class=""><li id="1f93" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Words</strong> — The written information provided to users.</li><li id="c73e" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Visuals</strong> — The graphical elements like images, typography, icon, etc. that helps us understand the interface better.</li><li id="dc10" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Objects/Space</strong> — The medium via which users interact with the interface, such as the mouse and keyboard. It also accounts for the user’s physical surroundings.</li><li id="d12f" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Time</strong> — How much time do users take to interact with the interface. It also includes media that vary over time, such as animations, videos, and sound.</li><li id="a80b" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Behavior</strong> — How users and the interface behave and react, i.e. how the product responds to user inputs and delivers feedback.</li></ol><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*BUzC4yzhnZxjL4iK1vPKPg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="404" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">The 5 dimensions of Interaction (Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span>)</figcaption></figure><p id="ccb2" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">✍️ <strong class="my gv">Things to keep in mind</strong></p><p id="5daa" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">1. Easy to recognise: </strong><br/>The design solution should be easily recognisable and actionable. The user should not get confused while interacting with the design.</p><p id="9f0f" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">2. Easy to navigate:</strong><br/>The interface should be intuitive and informative enough for the users to be able to navigate and accomplish tasks with ease.</p><p id="5604" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">3. Provide clear affordances:</strong><br/>The states of interaction should be distinct, consistent throughout the product, and have clear affordances to enhance usability.</p><p id="33e0" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">4. Handle errors efficiently:</strong><br/>The solution should be able to identify, avoid, and handle errors while also providing sufficient information to users in order to reduce their effort.</p></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="4fb1" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk">Navigation</h2><p id="6d0c" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">Navigation has a significant impact on how people interact with and use the products. It’s the least irritating route for your customer to get from point A to point B, and even point C. Largely, there are three types of Navigation:</p><ol class=""><li id="d4cd" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Lateral Navigation</strong> — It is moving between the same level of hierarchy. It allows users to navigate to other destinations inside the product, as well as pivot between related items in a set. Navigation drawers (sidebar menu), bottom navbar, and tabs are some examples.</li><li id="8703" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Forward Navigation</strong> — It’s switching across consecutive levels of hierarchy, steps in a flow, or across the product. It is frequently included in the content of the screen via a variety of components. Content containers, such as cards, lists; buttons that progress to another screen; search on one or more screens; and links inside the content are just a few examples.</li><li id="0f58" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Reverse Navigation</strong> — It is the backward movement between the screens. The navigation might be in reverse order of the most recently visited screens or one step upward in the hierarchy.</li></ol><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv rp"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*L46NvCUX754yEFMcWGcEzQ.gif 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*L46NvCUX754yEFMcWGcEzQ.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*L46NvCUX754yEFMcWGcEzQ.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*L46NvCUX754yEFMcWGcEzQ.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*L46NvCUX754yEFMcWGcEzQ.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*L46NvCUX754yEFMcWGcEzQ.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*L46NvCUX754yEFMcWGcEzQ.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*L46NvCUX754yEFMcWGcEzQ.gif 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="342" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Examples of Navigation</figcaption></figure><p id="9565" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">✍️ <strong class="my gv">Things to keep in mind</strong></p><p id="481b" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">1. Clarity: </strong><br/>The navigation should be clear and intuitive throughout the product.</p><p id="92ba" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">2. Effortless to use: </strong><br/>The user should be able to get to their destination with less or no effort.</p><p id="66e9" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">3. Easy movement:</strong><br/>The user should be able to return to a previous screen or action (unless restricted by security reasons).</p></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="6368" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk">Content</h2><p id="fee2" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">The language you choose and the way you tell your stories may make or break the user experience. Users want to discover the information they’re searching for quickly and with as little effort as possible. This is best achieved by prioritising and arranging your content such that the most critical information appears first on the page, followed by additional topic specifics, and last, any background information. This is easily illustrated with the Inverted Pyramid.</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv qq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="404" loading="eager" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">The Inverted Pyramid (Illustration by <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span>)</figcaption></figure><p id="aefd" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">✍️ <strong class="my gv">Things to keep in mind</strong></p><p id="379e" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">1. Scannability: </strong><br/>The content should be easy to scan and process. Wherever possible, acronyms should be avoided. The content should be brief and crisp, i.e. it should deliver instructions rather than lengthy descriptions. However, critical information should be included wherever possible.</p><p id="3211" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">2. Right usage of Active and Passive voice:</strong><br/>Active voice should be used most of the time, especially when writing instructions or labels that support user actions. It is observed that users tend to scan the first 7–11 characters while looking for relevant content. Passive voice can be used to emphasise important terms upfront in headers, sub-headings, captions, and so on.</p><p id="eaa8" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">3. Keep it basic:</strong><br/>In order to keep the content simple, jargon or complex technical terms should be avoided. Users consume and comprehend basic content faster.</p><p id="0d43" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk"><strong class="my gv">4. Consistent personality:</strong><br/>The personality of the content should be maintained while changing the tone to meet the user’s emotional state and the topic.</p></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="a6b6" class="on oo gu bf op oq rq os ot ou rr ow ox oy rs pa pb pc rt pe pf pg ru pi pj pk bk">But where do we use PINC?</h1><p id="f1ac" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">While the four pillars of visual design assist us immensely in building better and more usable products, they can also help us in identifying and analysing better designs. PINC Analysis can be majorly used in:</p><ol class=""><li id="febc" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Competitor Analysis:</strong><br/>It is essential to conduct routine analyses of our competitors to stay updated with market trends and product offerings. Comparing our business to our competition shows us where we can improve and excel. It may even assist you in identifying a new niche that you can capitalize on. PINC analysis for competitors may help us learn about current visual styles and interactions, better our understanding, and improve our product’s user experience.</li><li id="d54b" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Visual Testing:<br/></strong>It is the method of laying out the description and explanation of the visual structure of a product, as a whole or of specific flows. It is done in three phases: <br/>- Observing the visual attributes<br/>- Analysing the observations further<br/>- Interpreting and making statements about them<em class="qs"><br/></em>By applying PINC Analysis, we can peer review and analyse the visuals of the user flows and features introduced in the product. This will help us understand how we have integrated our visuals and flows into the current product.</li></ol><p id="e7e0" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">But we don’t say it just for the sake of it. We at Zeta Design have used PINC analysis in a variety of ways in our products and competitor analyses. One of our clients introduced us to this strategy, which gave us a new perspective on analysing the visual aspects of products and competitors. And we’ve found that this is our go-to approach for most projects. Here’s an example of how Zeta uses this technique:</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv rv"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*7SAwfpXAaayDzvEGNvaDjg.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*7SAwfpXAaayDzvEGNvaDjg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*7SAwfpXAaayDzvEGNvaDjg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*7SAwfpXAaayDzvEGNvaDjg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*7SAwfpXAaayDzvEGNvaDjg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*7SAwfpXAaayDzvEGNvaDjg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*7SAwfpXAaayDzvEGNvaDjg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*7SAwfpXAaayDzvEGNvaDjg.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="574" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">Examples of PINC analysis applied at Zeta</figcaption></figure><h1 id="0389" class="on oo gu bf op oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk bk">Implementing PINC Analysis in your design process</h1><p id="53bf" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">Thank you for sticking with us all the way through. Here’s a tiny treat for your patience. Now that you have established a firm grip on the four pillars of design, you can confidently proceed to perform PINC analysis with these simple steps:</p><ol class=""><li id="1430" class="mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt qz ra rb bk"><strong class="my gv">Pick the products (internal or of competitors) and collate the screens.</strong><br/>Assemble the screens or mock-ups of the products you want to analyse.</li><li id="b416" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Categorize them and select the journeys to focus on.</strong><br/>Create categories for specific user flows or journeys. This will provide better context.</li><li id="a5f3" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Color code the four pillars and document your observations under each pillar.</strong><br/>Take 4 color cards (we recommend: red, blue, green, and yellow) and assign them to each of the four pillars. Once done, start adding your notes/observations.</li><li id="ec91" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><strong class="my gv">Create the final analysis — collectively for all products or individually for each product.</strong><br/>Create a final analysis of your observations by highlighting the important points.</li></ol><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv rw"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*qYP3WWrztMhTK_60cc4lmw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*qYP3WWrztMhTK_60cc4lmw.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*qYP3WWrztMhTK_60cc4lmw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*qYP3WWrztMhTK_60cc4lmw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*qYP3WWrztMhTK_60cc4lmw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*qYP3WWrztMhTK_60cc4lmw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*qYP3WWrztMhTK_60cc4lmw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*qYP3WWrztMhTK_60cc4lmw.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*qYP3WWrztMhTK_60cc4lmw.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="379" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">PINC Analysis Framework</figcaption></figure><p id="0a14" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">You can also find our <a class="af qr" href="https://www.figma.com/community/file/1101083833374244133" rel="noopener ugc nofollow" target="_blank"><strong class="my gv">Figma template</strong></a> to help you start with your PINC Analysis.</p><h1 id="02fd" class="on oo gu bf op oq or os ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk bk">Closing the session with a quick activity</h1><p id="ab2f" class="pw-post-body-paragraph mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt gn bk">After an intense and information-packed session, we intended to de-stress our team with a short and light activity. We asked them to choose an app and do a short PINC Analysis on it. And they all agreed on the bold and modern app — CRED.</p><p id="e760" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">We divided our team into four smaller groups and distributed the template to each. Here are a few observations made by our teammates:</p><figure class="nx ny nz oa ob oc nu nv paragraph-image"><div role="button" tabindex="0" class="od oe fj of bh og"><div class="nu nv rx"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*lb8vI5x-9nyPHznolDzAbQ.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*lb8vI5x-9nyPHznolDzAbQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*lb8vI5x-9nyPHznolDzAbQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*lb8vI5x-9nyPHznolDzAbQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*lb8vI5x-9nyPHznolDzAbQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*lb8vI5x-9nyPHznolDzAbQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*lb8vI5x-9nyPHznolDzAbQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*lb8vI5x-9nyPHznolDzAbQ.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh md oh c" width="700" height="686" loading="lazy" role="presentation"/></picture></div></div><figcaption class="oi ff oj nu nv ok ol bf b bg z du">MethodBee Activity: Applying PINC analysis on the CRED app</figcaption></figure></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="00d3" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">We hope you use this method in your workspaces soon and share your experiences with us. We have also shared the link to a few important resources below.</p><p id="902b" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">And that’s a wrap.</p><p id="ecc7" class="pw-post-body-paragraph mw mx gu my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt gn bk">Thank you <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/36d75014eccd?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Lavanya Gopalaswamy</a></span></span>, <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/e2b1ef30fdc0?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Ramakrishna V</a></span></span>, <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/c89f0f029bca?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Kshitij Pandey</a></span></span>, and <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/be81c98d078e?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Nupur vats</a></span></span> for your valuable feedback and support. A huge shoutout to <span class="is"><span class="is" aria-hidden="false"><a class="om it fe" href="https://medium.com/u/a94240008425?source=post_page---user_mention--e037fdd3b196--------------------------------" rel="noopener" target="_blank">Aakansha Menon</a></span></span> for her lovely illustrations.</p></div></div></div><div class="ab cb rh ri rj rk" role="separator"><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn ro"></span><span class="rl by bm rm rn"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="7caa" class="qb oo gu bf op qc qu dy ot qe qv ea ox nh qw qh qi nl qx qk ql np qy qn qo qp bk">Links to Resources:</h2><ol class=""><li id="8cf5" class="mw mx gu my b mz pl nb nc nd pm nf ng nh pn nj nk nl po nn no np pp nr ns nt qz ra rb bk"><a class="af qr" href="https://www.wqusability.com/articles/more-than-ease-of-use.html" rel="noopener ugc nofollow" target="_blank">https://www.wqusability.com/articles/more-than-ease-of-use.html</a></li><li id="a83a" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><a class="af qr" href="https://www.tothenew.com/blog/4-pillars-of-design-part-1/" rel="noopener ugc nofollow" target="_blank">https://www.tothenew.com/blog/4-pillars-of-design-part-1/</a></li><li id="7dac" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><a class="af qr" href="https://www.tothenew.com/blog/4-pillars-of-design-part-2/" rel="noopener ugc nofollow" target="_blank">https://www.tothenew.com/blog/4-pillars-of-design-part-2/</a></li><li id="f042" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><a class="af qr" href="https://museum.cornell.edu/sites/default/files/Johnson%20Museum%20Visual%20Analysis%20101.pdf" rel="noopener ugc nofollow" target="_blank">https://museum.cornell.edu/sites/default/files/Johnson%20Museum%20Visual%20Analysis%20101.pdf</a></li><li id="efb9" class="mw mx gu my b mz rc nb nc nd rd nf ng nh re nj nk nl rf nn no np rg nr ns nt qz ra rb bk"><a class="af qr" href="https://medium.com/ideas-by-crema/it-is-difficult-to-keep-it-simple-452d1fe24646" rel="noopener">https://medium.com/ideas-by-crema/it-is-difficult-to-keep-it-simple-452d1fe24646</a></li></ol></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ry rz ab ja"><div class="sa ab"><a class="sb ay am ao" href="https://medium.com/tag/ux-design?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><div class="sc fj cx sd ge se sf bf b bg z bk sg">UX Design</div></a></div><div class="sa ab"><a class="sb ay am ao" href="https://medium.com/tag/ux-design-process?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><div class="sc fj cx sd ge se sf bf b bg z bk sg">Ux Design Process</div></a></div><div class="sa ab"><a class="sb ay am ao" href="https://medium.com/tag/design-methods?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><div class="sc fj cx sd ge se sf bf b bg z bk sg">Design Methods</div></a></div><div class="sa ab"><a class="sb ay am ao" href="https://medium.com/tag/visual-analysis?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><div class="sc fj cx sd ge se sf bf b bg z bk sg">Visual Analysis</div></a></div><div class="sa ab"><a class="sb ay am ao" href="https://medium.com/tag/visual-design?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><div class="sc fj cx sd ge se sf bf b bg z bk sg">Visual Design</div></a></div></div></div></div><div class="l"></div><footer class="sh si sj sk sl sm sn so sp ab q sq ik c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp sr"><div class="ab q kv"><div class="ss l"><span class="l st su sv e d"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fe037fdd3b196&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=---footer_actions--e037fdd3b196---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></span><span class="l h g f sw sx"><div class="ab q kv kw"><div class="pw-multi-vote-icon fj je kx ky kz"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fe037fdd3b196&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=---footer_actions--e037fdd3b196---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="la ao lb lc ld le am lf lg lh kz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l li lj lk ll lm ln lo"><p class="bf b dv z du"><span class="lp">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao la lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lu"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div></div><div class="ab q"><div class="ro l ix"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe037fdd3b196&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&source=---footer_actions--e037fdd3b196---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lw" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="ro l ix"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al me an ao ap ex mf mg lt mh"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="sy sz ta tb tc l bx"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="td l"><div class="ab te tf tg iz iy"><div class="th ti tj tk tl tm tn to tp tq ab cp"><div class="h k"><a href="https://design.zeta.in/?source=post_page---post_publication_info--e037fdd3b196--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="tr ib ic cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="48" height="48" loading="lazy"/><div class="tr l ic ib fs n fr ts"></div></div></a></div><div class="j i d"><a href="https://design.zeta.in/?source=post_page---post_publication_info--e037fdd3b196--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="tr tu tt cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="64" height="64" loading="lazy"/><div class="tr l tt tu fs n fr ts"></div></div></a></div><div class="j i d tv ix"><div class="ab"><span><a class="bf b bg z tw sc tx ty tz ua ub ev ew uc ud ue fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--e037fdd3b196---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co uf"><div class="ug uh ui uj uk l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://design.zeta.in/?source=post_page---post_publication_info--e037fdd3b196--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf um un uo up uq ur us nh qh qi nl qk ql np qn qo bk"><span class="gn ul">Published in <!-- -->Zeta Design</span></h2></a><div class="sa ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/followers?source=post_page---post_publication_info--e037fdd3b196--------------------------------">2K Followers</a></span></div><div class="bf b bg z du ab jd"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142?source=post_page---post_publication_info--e037fdd3b196--------------------------------">Last published <span>Sep 6, 2024</span></a></div></div><div class="ut l"><p class="bf b bg z bk"><span class="gn">Perspectives on designing & building digital products for India</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z tw sc tx ty tz ua ub ev ew uc ud ue fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--e037fdd3b196---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab te tf tg iz iy"><div class="th ti tj tk tl tm tn to tp tq ab cp"><div class="h k"><a tabindex="0" href="https://sonalisa-patel.medium.com/?source=post_page---post_author_info--e037fdd3b196--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Sonalisa Patel" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*zGLtM2LTgNaX5fCfd0f3Qg.png" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay ts"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://sonalisa-patel.medium.com/?source=post_page---post_author_info--e037fdd3b196--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Sonalisa Patel" class="l fd by tt tu cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*zGLtM2LTgNaX5fCfd0f3Qg.png" width="64" height="64" loading="lazy"/><div class="fr by l tt tu fs n ay ts"></div></div></a></div><div class="j i d tv ix"><div class="ab"><span><a class="bf b bg z tw sc tx ty tz ua ub ev ew uc ud ue fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F6be01e1651c6&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=post_page-6be01e1651c6--post_author_info--e037fdd3b196---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co uf"><div class="ug uh ui uj uk l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://sonalisa-patel.medium.com/?source=post_page---post_author_info--e037fdd3b196--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf um un uo up uq ur us nh qh qi nl qk ql np qn qo bk"><span class="gn ul">Written by <!-- -->Sonalisa Patel</span></h2></a><div class="sa ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://sonalisa-patel.medium.com/followers?source=post_page---post_author_info--e037fdd3b196--------------------------------" rel="noopener follow">52 Followers</a></span></div><div class="bf b bg z du ab jd"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://medium.com/@sonalisa-patel/following?source=post_page---post_author_info--e037fdd3b196--------------------------------" rel="noopener follow">48 Following</a></div></div><div class="ut l"><p class="bf b bg z bk"><span class="gn">Product Designer at Intuit | Learning and exploring the unknown</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z tw sc tx ty tz ua ub ev ew uc ud ue fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F6be01e1651c6&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196&user=Sonalisa+Patel&userId=6be01e1651c6&source=post_page-6be01e1651c6--post_author_info--e037fdd3b196---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="uu bh uv uw"></div></div></div><div class="h k j"><div class="uu bh uv ux"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="uy ab kv ja"><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="uz va l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/about?autoplay=1&source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="uz va l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="uz va 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-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="uz l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=post_page-----e037fdd3b196--------------------------------" rel="noopener follow"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241122-185319-7bcdc08639"</script><script>window.__GRAPHQL_URI__ = "https://design.zeta.in/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"This request is not using the cache middleware worker","group":"disabled","tags":["group-edgeCachePosts","post-e037fdd3b196","user-6be01e1651c6","collection-b1d9ef1bb1cd"],"serverVariantState":"","middlewareEnabled":false,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"COLLECTION","id":"b1d9ef1bb1cd","explicit":true},"viewerIsBot":false},"debug":{"requestId":"5428adb5-06f0-49f8-8738-5dd2bf0d0c67","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-ee3222696747c704ce185daf2ca63efe-a2fa444604c917e0-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fdesign.zeta.in\u002Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196","host":"design.zeta.in","hostname":"design.zeta.in","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---------0-------------6be01e1651c6---------------"},"config":{"nodeEnv":"production","version":"main-20241122-185319-7bcdc08639","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20241122-185319-7bcdc08639","commit":"7bcdc08639c179dc5172558201a3fd3abc1b5db6"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","variantFlags":[{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagNumber","value":1}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"collectionByDomainOrSlug({\"domainOrSlug\":\"design.zeta.in\"})":{"__ref":"Collection:b1d9ef1bb1cd"},"viewer":null,"postResult({\"id\":\"e037fdd3b196\"})":{"__ref":"Post:e037fdd3b196"}},"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png":{"__typename":"ImageMetadata","id":"1*7FG4sDTdzgBNYQL3onKlXQ.png"},"Collection:b1d9ef1bb1cd":{"__typename":"Collection","id":"b1d9ef1bb1cd","favicon":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF8EEFF","point":0},{"__typename":"ColorPoint","color":"#FFF7ECFF","point":0.1},{"__typename":"ColorPoint","color":"#FFF6E9FF","point":0.2},{"__typename":"ColorPoint","color":"#FFF5E6FF","point":0.3},{"__typename":"ColorPoint","color":"#FFF4E4FF","point":0.4},{"__typename":"ColorPoint","color":"#FFF3E1FF","point":0.5},{"__typename":"ColorPoint","color":"#FFF1DEFF","point":0.6},{"__typename":"ColorPoint","color":"#FFF0DBFF","point":0.7},{"__typename":"ColorPoint","color":"#FFEFD9FF","point":0.8},{"__typename":"ColorPoint","color":"#FFEED6FF","point":0.9},{"__typename":"ColorPoint","color":"#FFEDD3FF","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF9474C6","point":0},{"__typename":"ColorPoint","color":"#FF896CB6","point":0.1},{"__typename":"ColorPoint","color":"#FF7E65A6","point":0.2},{"__typename":"ColorPoint","color":"#FF735D96","point":0.3},{"__typename":"ColorPoint","color":"#FF685586","point":0.4},{"__typename":"ColorPoint","color":"#FF5C4C76","point":0.5},{"__typename":"ColorPoint","color":"#FF504366","point":0.6},{"__typename":"ColorPoint","color":"#FF443956","point":0.7},{"__typename":"ColorPoint","color":"#FF382F46","point":0.8},{"__typename":"ColorPoint","color":"#FF2A2435","point":0.9},{"__typename":"ColorPoint","color":"#FF1C1824","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF4B2878","colorPoints":[{"__typename":"ColorPoint","color":"#FF4B2878","point":0},{"__typename":"ColorPoint","color":"#FF61448C","point":0.1},{"__typename":"ColorPoint","color":"#FF765D9E","point":0.2},{"__typename":"ColorPoint","color":"#FF8A73AF","point":0.3},{"__typename":"ColorPoint","color":"#FF9D89BE","point":0.4},{"__typename":"ColorPoint","color":"#FFB09DCD","point":0.5},{"__typename":"ColorPoint","color":"#FFC1B1DB","point":0.6},{"__typename":"ColorPoint","color":"#FFD3C4E8","point":0.7},{"__typename":"ColorPoint","color":"#FFE4D7F5","point":0.8},{"__typename":"ColorPoint","color":"#FFF4E9FF","point":0.9},{"__typename":"ColorPoint","color":"#FFFFFBFF","point":1}]}},"domain":"design.zeta.in","slug":"zeta-design","googleAnalyticsId":null,"editors":[{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:c89f0f029bca"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:4acc1a4e4abb"}}],"name":"Zeta Design","avatar":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"description":"Perspectives on designing & building digital products for India","subscriberCount":2026,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:b107f857e142"}]},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_259e62e5e125"},"twitterUsername":"zetaindia","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"User:c89f0f029bca":{"__typename":"User","id":"c89f0f029bca"},"User:4acc1a4e4abb":{"__typename":"User","id":"4acc1a4e4abb"},"User:f4782ea9c444":{"__typename":"User","id":"f4782ea9c444","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"creativetechie.medium.com"}},"hasSubdomain":true,"username":"creativetechie"},"Post:b107f857e142":{"__typename":"Post","id":"b107f857e142","firstPublishedAt":1725604078487,"creator":{"__ref":"User:f4782ea9c444"},"collection":{"__ref":"Collection:b1d9ef1bb1cd"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Frocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142","sequence":null,"uniqueSlug":"rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142"},"LinkedAccounts:6be01e1651c6":{"__typename":"LinkedAccounts","mastodon":null,"id":"6be01e1651c6"},"UserViewerEdge:userId:6be01e1651c6-viewerId:lo_259e62e5e125":{"__typename":"UserViewerEdge","id":"userId:6be01e1651c6-viewerId:lo_259e62e5e125","isFollowing":false,"isUser":false,"isMuting":false},"User:6be01e1651c6":{"__typename":"User","id":"6be01e1651c6","linkedAccounts":{"__ref":"LinkedAccounts:6be01e1651c6"},"isSuspended":false,"imageId":"1*zGLtM2LTgNaX5fCfd0f3Qg.png","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"name":"Sonalisa Patel","socialStats":{"__typename":"SocialStats","followerCount":52,"followingCount":44,"collectionFollowingCount":4},"username":"sonalisa-patel","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"sonalisa-patel.medium.com"}},"hasSubdomain":true,"bio":"Product Designer at Intuit | Learning and exploring the unknown","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:6be01e1651c6-viewerId:lo_259e62e5e125"},"viewerIsUser":false,"newsletterV3":null,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":true,"twitterScreenName":""},"Paragraph:8ec58c547ee7_0":{"__typename":"Paragraph","id":"8ec58c547ee7_0","name":"a5bc","type":"H3","href":null,"layout":null,"metadata":null,"text":"Dissecting the Visual Design of Products through PINC Analysis","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_1":{"__typename":"Paragraph","id":"8ec58c547ee7_1","name":"49f4","type":"P","href":null,"layout":null,"metadata":null,"text":"Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs. The trick lies in sticking to the first principles of visual design by focussing on presentation, interaction, navigation, and content.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*YeGjeBiysa57ng5UU0p3rg.jpeg":{"__typename":"ImageMetadata","id":"1*YeGjeBiysa57ng5UU0p3rg.jpeg","originalHeight":2680,"originalWidth":7288,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_2":{"__typename":"Paragraph","id":"8ec58c547ee7_2","name":"7b52","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*YeGjeBiysa57ng5UU0p3rg.jpeg"},"text":"Illustration by Aakansha Menon","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":30,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_3":{"__typename":"Paragraph","id":"8ec58c547ee7_3","name":"fdfa","type":"H3","href":null,"layout":null,"metadata":null,"text":"Is “Simple” simple enough?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_4":{"__typename":"Paragraph","id":"8ec58c547ee7_4","name":"62f4","type":"P","href":null,"layout":null,"metadata":null,"text":"“We want to offer a simple and usable yet world-class product” — says every product company. And..why not! Aren’t we all suckers for simple and uncomplicated products? Be it physical or digital products, we want to experience simplicity in everything. But achieving this simplicity is rarely as simple as it seems. Chris Sacca, a renowned venture investor, and entrepreneur, popularly known for investing in Shark Tank products believes that:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":441,"end":442,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_5":{"__typename":"Paragraph","id":"8ec58c547ee7_5","name":"57ec","type":"PQ","href":null,"layout":null,"metadata":null,"text":"“Simplicity is hard to build, easy to use, and hard to charge for. Complexity is easy to build, hard to use, and easy to charge for.”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":133,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_6":{"__typename":"Paragraph","id":"8ec58c547ee7_6","name":"8974","type":"H4","href":null,"layout":null,"metadata":null,"text":"Looking beyond ease of use","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_7":{"__typename":"Paragraph","id":"8ec58c547ee7_7","name":"3c74","type":"P","href":null,"layout":null,"metadata":null,"text":"In the quest to make simple and usable products, creators often focus on resolving one aspect of complexity and end up ignoring the other elements that stitch the whole experience of the product. Some important questions to ask while designing a product should be:\n- Is it easy to learn and remember?\n- Is it efficient to use?\n- Is it engaging?\n- Is it error-tolerant?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*N6iDccmYQGA57V5lpQx4xA.jpeg":{"__typename":"ImageMetadata","id":"1*N6iDccmYQGA57V5lpQx4xA.jpeg","originalHeight":2912,"originalWidth":5654,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_8":{"__typename":"Paragraph","id":"8ec58c547ee7_8","name":"02af","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*N6iDccmYQGA57V5lpQx4xA.jpeg"},"text":"Illustration by Aakansha Menon","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":30,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_9":{"__typename":"Paragraph","id":"8ec58c547ee7_9","name":"7e13","type":"P","href":null,"layout":null,"metadata":null,"text":"One of the most important aspects of building a good product is understanding visual design and its core elements and principles. While there is no magic formula, there are four magical pillars of design that help us achieve this. To elaborate more on this, we, the designers of the Methodbee Initiative present to you — PINC analysis.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":283,"end":303,"href":"https:\u002F\u002Fdesign.zeta.in\u002Fmethodbee-the-initiative-thats-transforming-the-way-we-design-388d70989e06","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":283,"end":303,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":283,"end":303,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_10":{"__typename":"Paragraph","id":"8ec58c547ee7_10","name":"52d7","type":"H3","href":null,"layout":null,"metadata":null,"text":"PINC Analysis: 4 steps to mastering visual analysis","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_11":{"__typename":"Paragraph","id":"8ec58c547ee7_11","name":"18ab","type":"P","href":null,"layout":null,"metadata":null,"text":"PINC stands for:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_12":{"__typename":"Paragraph","id":"8ec58c547ee7_12","name":"b9b7","type":"P","href":null,"layout":null,"metadata":null,"text":"Presentation — tells about the ease with which the product may be understood.\nInteraction — shows how we interact with it.\nNavigation — shows how we navigate and locate what we need.\nContent — informs us what is it that we want to see.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":12,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":78,"end":89,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":123,"end":133,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":183,"end":190,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*PQy3cYhlY8Abo8oS_XOvCA.gif":{"__typename":"ImageMetadata","id":"1*PQy3cYhlY8Abo8oS_XOvCA.gif","originalHeight":1300,"originalWidth":2298,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_13":{"__typename":"Paragraph","id":"8ec58c547ee7_13","name":"4c9d","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*PQy3cYhlY8Abo8oS_XOvCA.gif"},"text":"PINC — the four pillars of Visual Design","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_14":{"__typename":"Paragraph","id":"8ec58c547ee7_14","name":"3b82","type":"P","href":null,"layout":null,"metadata":null,"text":"Presentation, Interaction, Navigation, and Content form the four pillars of visual design. And these pillars aren’t completely self-contained. To create a fantastic user experience, they must all be in sync and integrate smoothly. While Presentation and Interaction connect users to the interface, Navigation and Content assist users in developing a better understanding of the products.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_15":{"__typename":"Paragraph","id":"8ec58c547ee7_15","name":"a668","type":"P","href":null,"layout":null,"metadata":null,"text":"PINC analysis is incredibly useful in many aspects of the design life cycle. It can be used while conducting competitor analysis and visual testing.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":109,"end":128,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":133,"end":147,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_16":{"__typename":"Paragraph","id":"8ec58c547ee7_16","name":"0210","type":"H4","href":null,"layout":null,"metadata":null,"text":"A team that learns together, stays together","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_17":{"__typename":"Paragraph","id":"8ec58c547ee7_17","name":"d007","type":"P","href":null,"layout":null,"metadata":null,"text":"Before getting into the session, we had a small icebreaker with our team to get them warmed up for the session. We used this entertaining and educational UI errors game — Can’t Unsee — in which two design samples are shown and the player must find the correct one. We assume you’ve played this before, but if not, give it a shot. While we were pleased to see that our designers had an exceptional designer eye, we were surprised by our developer buddies who took the lead and scored the maximum points.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":171,"end":182,"href":"https:\u002F\u002Fcantunsee.space\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":171,"end":182,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_18":{"__typename":"Paragraph","id":"8ec58c547ee7_18","name":"0758","type":"H3","href":null,"layout":null,"metadata":null,"text":"Diving into the P, I, N, and C of PINC analysis","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_19":{"__typename":"Paragraph","id":"8ec58c547ee7_19","name":"958d","type":"H4","href":null,"layout":null,"metadata":null,"text":"Presentation","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_20":{"__typename":"Paragraph","id":"8ec58c547ee7_20","name":"756d","type":"P","href":null,"layout":null,"metadata":null,"text":"What are the things to consider when understanding Presentation?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_21":{"__typename":"Paragraph","id":"8ec58c547ee7_21","name":"89d8","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Visual perception — How we perceive the products i.e. what emotions do they invoke in us and how our mind reacts to them.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_22":{"__typename":"Paragraph","id":"8ec58c547ee7_22","name":"155e","type":"OLI","href":null,"layout":null,"metadata":null,"text":"User’s attention — How can we engage users while they use a product.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":16,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_23":{"__typename":"Paragraph","id":"8ec58c547ee7_23","name":"571a","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Layout — The consistency, structure, and hierarchical organisation of content.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":6,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*TLbmQ5BTidSL5ahD6dPRHw.jpeg":{"__typename":"ImageMetadata","id":"1*TLbmQ5BTidSL5ahD6dPRHw.jpeg","originalHeight":2912,"originalWidth":5654,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_24":{"__typename":"Paragraph","id":"8ec58c547ee7_24","name":"cc00","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*TLbmQ5BTidSL5ahD6dPRHw.jpeg"},"text":"Illustration by Aakansha Menon","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":30,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_25":{"__typename":"Paragraph","id":"8ec58c547ee7_25","name":"8529","type":"P","href":null,"layout":null,"metadata":null,"text":"✍️ Things to keep in mind","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":3,"end":25,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_26":{"__typename":"Paragraph","id":"8ec58c547ee7_26","name":"6663","type":"P","href":null,"layout":null,"metadata":null,"text":"1. Basic elements of Visual Design:\nBefore stepping into the visual aspects, it is essential to remember the basic elements of visual design — Line, Shapes, Color, Value (lightness and darkness of a color), Texture, Typography, Form, and White space (negative space).","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":36,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_27":{"__typename":"Paragraph","id":"8ec58c547ee7_27","name":"2c8f","type":"P","href":null,"layout":null,"metadata":null,"text":"2. Principles of Visual Design:\nA visual design should have unity, balance, and hierarchy between all elements, follow Gestalt’s laws, and emphasise the elements with contrast and scale.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":32,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_28":{"__typename":"Paragraph","id":"8ec58c547ee7_28","name":"e6b4","type":"H4","href":null,"layout":null,"metadata":null,"text":"Interaction","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:8ec58c547ee7_29":{"__typename":"Paragraph","id":"8ec58c547ee7_29","name":"2bb3","type":"P","href":null,"layout":null,"metadata":null,"text":"Interaction is how the user reacts to the visual design after it has been processed. The two factors that influence the interactions are:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_30":{"__typename":"Paragraph","id":"8ec58c547ee7_30","name":"febd","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Interface — The forefront of a system where the user can interact with. It consists of an informative and intuitive set of UI components, user flows, and sequences that assist users in making decisions and completing tasks.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":9,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_31":{"__typename":"Paragraph","id":"8ec58c547ee7_31","name":"18e6","type":"OLI","href":null,"layout":null,"metadata":null,"text":"UI Controls — The elements of the interface that allows users to perform actions. For ease of understanding and implementation, these elements are mostly consistent and generically defined.","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},"ImageMetadata:1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg":{"__typename":"ImageMetadata","id":"1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg","originalHeight":3262,"originalWidth":5654,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_32":{"__typename":"Paragraph","id":"8ec58c547ee7_32","name":"a9c5","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*BuPsK46Fmtpm5qmFob6Q0Q.jpeg"},"text":"Illustration by Aakansha Menon","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":16,"end":30,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_33":{"__typename":"Paragraph","id":"8ec58c547ee7_33","name":"66df","type":"P","href":null,"layout":null,"metadata":null,"text":"Interaction involves 5 dimensions: Words, Visuals, Objects\u002FSpace, Time, and Behavior.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_34":{"__typename":"Paragraph","id":"8ec58c547ee7_34","name":"1f93","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Words — The written information provided to users.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":5,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_35":{"__typename":"Paragraph","id":"8ec58c547ee7_35","name":"c73e","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Visuals — The graphical elements like images, typography, icon, etc. that helps us understand the interface better.","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:8ec58c547ee7_36":{"__typename":"Paragraph","id":"8ec58c547ee7_36","name":"dc10","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Objects\u002FSpace — The medium via which users interact with the interface, such as the mouse and keyboard. It also accounts for the user’s physical surroundings.","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:8ec58c547ee7_37":{"__typename":"Paragraph","id":"8ec58c547ee7_37","name":"d12f","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Time — How much time do users take to interact with the interface. It also includes media that vary over time, such as animations, videos, and sound.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":4,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_38":{"__typename":"Paragraph","id":"8ec58c547ee7_38","name":"a80b","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Behavior — How users and the interface behave and react, i.e. how the product responds to user inputs and delivers feedback.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*BUzC4yzhnZxjL4iK1vPKPg.jpeg":{"__typename":"ImageMetadata","id":"1*BUzC4yzhnZxjL4iK1vPKPg.jpeg","originalHeight":3262,"originalWidth":5654,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_39":{"__typename":"Paragraph","id":"8ec58c547ee7_39","name":"a887","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*BUzC4yzhnZxjL4iK1vPKPg.jpeg"},"text":"The 5 dimensions of Interaction (Illustration by Aakansha Menon)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":49,"end":63,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_40":{"__typename":"Paragraph","id":"8ec58c547ee7_40","name":"ccb2","type":"P","href":null,"layout":null,"metadata":null,"text":"✍️ Things to keep in mind","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":3,"end":25,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_41":{"__typename":"Paragraph","id":"8ec58c547ee7_41","name":"5daa","type":"P","href":null,"layout":null,"metadata":null,"text":"1. Easy to recognise: \nThe design solution should be easily recognisable and actionable. The user should not get confused while interacting with the design.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_42":{"__typename":"Paragraph","id":"8ec58c547ee7_42","name":"9f0f","type":"P","href":null,"layout":null,"metadata":null,"text":"2. Easy to navigate:\nThe interface should be intuitive and informative enough for the users to be able to navigate and accomplish tasks with ease.","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:8ec58c547ee7_43":{"__typename":"Paragraph","id":"8ec58c547ee7_43","name":"5604","type":"P","href":null,"layout":null,"metadata":null,"text":"3. Provide clear affordances:\nThe states of interaction should be distinct, consistent throughout the product, and have clear affordances to enhance usability.","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:8ec58c547ee7_44":{"__typename":"Paragraph","id":"8ec58c547ee7_44","name":"33e0","type":"P","href":null,"layout":null,"metadata":null,"text":"4. Handle errors efficiently:\nThe solution should be able to identify, avoid, and handle errors while also providing sufficient information to users in order to reduce their effort.","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:8ec58c547ee7_45":{"__typename":"Paragraph","id":"8ec58c547ee7_45","name":"4fb1","type":"H4","href":null,"layout":null,"metadata":null,"text":"Navigation","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_46":{"__typename":"Paragraph","id":"8ec58c547ee7_46","name":"6d0c","type":"P","href":null,"layout":null,"metadata":null,"text":"Navigation has a significant impact on how people interact with and use the products. It’s the least irritating route for your customer to get from point A to point B, and even point C. Largely, there are three types of Navigation:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_47":{"__typename":"Paragraph","id":"8ec58c547ee7_47","name":"d4cd","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Lateral Navigation — It is moving between the same level of hierarchy. It allows users to navigate to other destinations inside the product, as well as pivot between related items in a set. Navigation drawers (sidebar menu), bottom navbar, and tabs are some examples.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":18,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_48":{"__typename":"Paragraph","id":"8ec58c547ee7_48","name":"8703","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Forward Navigation — It’s switching across consecutive levels of hierarchy, steps in a flow, or across the product. It is frequently included in the content of the screen via a variety of components. Content containers, such as cards, lists; buttons that progress to another screen; search on one or more screens; and links inside the content are just a few examples.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":18,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_49":{"__typename":"Paragraph","id":"8ec58c547ee7_49","name":"0f58","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Reverse Navigation — It is the backward movement between the screens. The navigation might be in reverse order of the most recently visited screens or one step upward in the hierarchy.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":18,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*L46NvCUX754yEFMcWGcEzQ.gif":{"__typename":"ImageMetadata","id":"1*L46NvCUX754yEFMcWGcEzQ.gif","originalHeight":986,"originalWidth":2020,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_50":{"__typename":"Paragraph","id":"8ec58c547ee7_50","name":"656c","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*L46NvCUX754yEFMcWGcEzQ.gif"},"text":"Examples of Navigation","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_51":{"__typename":"Paragraph","id":"8ec58c547ee7_51","name":"9565","type":"P","href":null,"layout":null,"metadata":null,"text":"✍️ Things to keep in mind","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":3,"end":25,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_52":{"__typename":"Paragraph","id":"8ec58c547ee7_52","name":"481b","type":"P","href":null,"layout":null,"metadata":null,"text":"1. Clarity: \nThe navigation should be clear and intuitive throughout the product.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":12,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_53":{"__typename":"Paragraph","id":"8ec58c547ee7_53","name":"92ba","type":"P","href":null,"layout":null,"metadata":null,"text":"2. Effortless to use: \nThe user should be able to get to their destination with less or no effort.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_54":{"__typename":"Paragraph","id":"8ec58c547ee7_54","name":"66e9","type":"P","href":null,"layout":null,"metadata":null,"text":"3. Easy movement:\nThe user should be able to return to a previous screen or action (unless restricted by security reasons).","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_55":{"__typename":"Paragraph","id":"8ec58c547ee7_55","name":"6368","type":"H4","href":null,"layout":null,"metadata":null,"text":"Content","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_56":{"__typename":"Paragraph","id":"8ec58c547ee7_56","name":"fee2","type":"P","href":null,"layout":null,"metadata":null,"text":"The language you choose and the way you tell your stories may make or break the user experience. Users want to discover the information they’re searching for quickly and with as little effort as possible. This is best achieved by prioritising and arranging your content such that the most critical information appears first on the page, followed by additional topic specifics, and last, any background information. This is easily illustrated with the Inverted Pyramid.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg":{"__typename":"ImageMetadata","id":"1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg","originalHeight":3262,"originalWidth":5654,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_57":{"__typename":"Paragraph","id":"8ec58c547ee7_57","name":"7d28","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Tt5A_rwHXf-Rx2sB5R6Vmg.jpeg"},"text":"The Inverted Pyramid (Illustration by Aakansha Menon)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":38,"end":52,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_58":{"__typename":"Paragraph","id":"8ec58c547ee7_58","name":"aefd","type":"P","href":null,"layout":null,"metadata":null,"text":"✍️ Things to keep in mind","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":3,"end":25,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_59":{"__typename":"Paragraph","id":"8ec58c547ee7_59","name":"379e","type":"P","href":null,"layout":null,"metadata":null,"text":"1. Scannability: \nThe content should be easy to scan and process. Wherever possible, acronyms should be avoided. The content should be brief and crisp, i.e. it should deliver instructions rather than lengthy descriptions. However, critical information should be included wherever possible.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_60":{"__typename":"Paragraph","id":"8ec58c547ee7_60","name":"3211","type":"P","href":null,"layout":null,"metadata":null,"text":"2. Right usage of Active and Passive voice:\nActive voice should be used most of the time, especially when writing instructions or labels that support user actions. It is observed that users tend to scan the first 7–11 characters while looking for relevant content. Passive voice can be used to emphasise important terms upfront in headers, sub-headings, captions, and so on.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":43,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_61":{"__typename":"Paragraph","id":"8ec58c547ee7_61","name":"eaa8","type":"P","href":null,"layout":null,"metadata":null,"text":"3. Keep it basic:\nIn order to keep the content simple, jargon or complex technical terms should be avoided. Users consume and comprehend basic content faster.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":17,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_62":{"__typename":"Paragraph","id":"8ec58c547ee7_62","name":"0d43","type":"P","href":null,"layout":null,"metadata":null,"text":"4. Consistent personality:\nThe personality of the content should be maintained while changing the tone to meet the user’s emotional state and the topic.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":26,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_63":{"__typename":"Paragraph","id":"8ec58c547ee7_63","name":"a6b6","type":"H3","href":null,"layout":null,"metadata":null,"text":"But where do we use PINC?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_64":{"__typename":"Paragraph","id":"8ec58c547ee7_64","name":"f1ac","type":"P","href":null,"layout":null,"metadata":null,"text":"While the four pillars of visual design assist us immensely in building better and more usable products, they can also help us in identifying and analysing better designs. PINC Analysis can be majorly used in:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_65":{"__typename":"Paragraph","id":"8ec58c547ee7_65","name":"febc","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Competitor Analysis:\nIt is essential to conduct routine analyses of our competitors to stay updated with market trends and product offerings. Comparing our business to our competition shows us where we can improve and excel. It may even assist you in identifying a new niche that you can capitalize on. PINC analysis for competitors may help us learn about current visual styles and interactions, better our understanding, and improve our product’s user experience.","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:8ec58c547ee7_66":{"__typename":"Paragraph","id":"8ec58c547ee7_66","name":"d54b","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Visual Testing:\nIt is the method of laying out the description and explanation of the visual structure of a product, as a whole or of specific flows. It is done in three phases: \n- Observing the visual attributes\n- Analysing the observations further\n- Interpreting and making statements about them\nBy applying PINC Analysis, we can peer review and analyse the visuals of the user flows and features introduced in the product. This will help us understand how we have integrated our visuals and flows into the current product.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":16,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":297,"end":298,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_67":{"__typename":"Paragraph","id":"8ec58c547ee7_67","name":"e7e0","type":"P","href":null,"layout":null,"metadata":null,"text":"But we don’t say it just for the sake of it. We at Zeta Design have used PINC analysis in a variety of ways in our products and competitor analyses. One of our clients introduced us to this strategy, which gave us a new perspective on analysing the visual aspects of products and competitors. And we’ve found that this is our go-to approach for most projects. Here’s an example of how Zeta uses this technique:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*7SAwfpXAaayDzvEGNvaDjg.png":{"__typename":"ImageMetadata","id":"1*7SAwfpXAaayDzvEGNvaDjg.png","originalHeight":2765,"originalWidth":3375,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_68":{"__typename":"Paragraph","id":"8ec58c547ee7_68","name":"7e8f","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*7SAwfpXAaayDzvEGNvaDjg.png"},"text":"Examples of PINC analysis applied at Zeta","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_69":{"__typename":"Paragraph","id":"8ec58c547ee7_69","name":"0389","type":"H3","href":null,"layout":null,"metadata":null,"text":"Implementing PINC Analysis in your design process","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_70":{"__typename":"Paragraph","id":"8ec58c547ee7_70","name":"53bf","type":"P","href":null,"layout":null,"metadata":null,"text":"Thank you for sticking with us all the way through. Here’s a tiny treat for your patience. Now that you have established a firm grip on the four pillars of design, you can confidently proceed to perform PINC analysis with these simple steps:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_71":{"__typename":"Paragraph","id":"8ec58c547ee7_71","name":"1430","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Pick the products (internal or of competitors) and collate the screens.\nAssemble the screens or mock-ups of the products you want to analyse.","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:8ec58c547ee7_72":{"__typename":"Paragraph","id":"8ec58c547ee7_72","name":"b416","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Categorize them and select the journeys to focus on.\nCreate categories for specific user flows or journeys. This will provide better context.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":52,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_73":{"__typename":"Paragraph","id":"8ec58c547ee7_73","name":"a5f3","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Color code the four pillars and document your observations under each pillar.\nTake 4 color cards (we recommend: red, blue, green, and yellow) and assign them to each of the four pillars. Once done, start adding your notes\u002Fobservations.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":77,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_74":{"__typename":"Paragraph","id":"8ec58c547ee7_74","name":"ec91","type":"OLI","href":null,"layout":null,"metadata":null,"text":"Create the final analysis — collectively for all products or individually for each product.\nCreate a final analysis of your observations by highlighting the important points.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":91,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*qYP3WWrztMhTK_60cc4lmw.png":{"__typename":"ImageMetadata","id":"1*qYP3WWrztMhTK_60cc4lmw.png","originalHeight":1226,"originalWidth":2266,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_75":{"__typename":"Paragraph","id":"8ec58c547ee7_75","name":"db20","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*qYP3WWrztMhTK_60cc4lmw.png"},"text":"PINC Analysis Framework","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_76":{"__typename":"Paragraph","id":"8ec58c547ee7_76","name":"0a14","type":"P","href":null,"layout":null,"metadata":null,"text":"You can also find our Figma template to help you start with your PINC Analysis.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":22,"end":36,"href":"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1101083833374244133","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":22,"end":36,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_77":{"__typename":"Paragraph","id":"8ec58c547ee7_77","name":"02fd","type":"H3","href":null,"layout":null,"metadata":null,"text":"Closing the session with a quick activity","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_78":{"__typename":"Paragraph","id":"8ec58c547ee7_78","name":"ab2f","type":"P","href":null,"layout":null,"metadata":null,"text":"After an intense and information-packed session, we intended to de-stress our team with a short and light activity. We asked them to choose an app and do a short PINC Analysis on it. And they all agreed on the bold and modern app — CRED.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_79":{"__typename":"Paragraph","id":"8ec58c547ee7_79","name":"e760","type":"P","href":null,"layout":null,"metadata":null,"text":"We divided our team into four smaller groups and distributed the template to each. Here are a few observations made by our teammates:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*lb8vI5x-9nyPHznolDzAbQ.png":{"__typename":"ImageMetadata","id":"1*lb8vI5x-9nyPHznolDzAbQ.png","originalHeight":2119,"originalWidth":2163,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:8ec58c547ee7_80":{"__typename":"Paragraph","id":"8ec58c547ee7_80","name":"c44e","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*lb8vI5x-9nyPHznolDzAbQ.png"},"text":"MethodBee Activity: Applying PINC analysis on the CRED app","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_81":{"__typename":"Paragraph","id":"8ec58c547ee7_81","name":"00d3","type":"P","href":null,"layout":null,"metadata":null,"text":"We hope you use this method in your workspaces soon and share your experiences with us. We have also shared the link to a few important resources below.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_82":{"__typename":"Paragraph","id":"8ec58c547ee7_82","name":"902b","type":"P","href":null,"layout":null,"metadata":null,"text":"And that’s a wrap.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_83":{"__typename":"Paragraph","id":"8ec58c547ee7_83","name":"ecc7","type":"P","href":null,"layout":null,"metadata":null,"text":"Thank you Lavanya Gopalaswamy, Ramakrishna V, Kshitij Pandey, and Nupur vats for your valuable feedback and support. A huge shoutout to Aakansha Menon for her lovely illustrations.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":10,"end":29,"href":null,"anchorType":"USER","userId":"36d75014eccd","linkMetadata":null},{"__typename":"Markup","type":"A","start":31,"end":44,"href":null,"anchorType":"USER","userId":"e2b1ef30fdc0","linkMetadata":null},{"__typename":"Markup","type":"A","start":46,"end":60,"href":null,"anchorType":"USER","userId":"c89f0f029bca","linkMetadata":null},{"__typename":"Markup","type":"A","start":66,"end":76,"href":null,"anchorType":"USER","userId":"be81c98d078e","linkMetadata":null},{"__typename":"Markup","type":"A","start":136,"end":150,"href":null,"anchorType":"USER","userId":"a94240008425","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_84":{"__typename":"Paragraph","id":"8ec58c547ee7_84","name":"7caa","type":"H4","href":null,"layout":null,"metadata":null,"text":"Links to Resources:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_85":{"__typename":"Paragraph","id":"8ec58c547ee7_85","name":"8cf5","type":"OLI","href":null,"layout":null,"metadata":null,"text":"https:\u002F\u002Fwww.wqusability.com\u002Farticles\u002Fmore-than-ease-of-use.html","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":63,"href":"https:\u002F\u002Fwww.wqusability.com\u002Farticles\u002Fmore-than-ease-of-use.html","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_86":{"__typename":"Paragraph","id":"8ec58c547ee7_86","name":"a83a","type":"OLI","href":null,"layout":null,"metadata":null,"text":"https:\u002F\u002Fwww.tothenew.com\u002Fblog\u002F4-pillars-of-design-part-1\u002F","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":57,"href":"https:\u002F\u002Fwww.tothenew.com\u002Fblog\u002F4-pillars-of-design-part-1\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_87":{"__typename":"Paragraph","id":"8ec58c547ee7_87","name":"7dac","type":"OLI","href":null,"layout":null,"metadata":null,"text":"https:\u002F\u002Fwww.tothenew.com\u002Fblog\u002F4-pillars-of-design-part-2\u002F","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":57,"href":"https:\u002F\u002Fwww.tothenew.com\u002Fblog\u002F4-pillars-of-design-part-2\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_88":{"__typename":"Paragraph","id":"8ec58c547ee7_88","name":"f042","type":"OLI","href":null,"layout":null,"metadata":null,"text":"https:\u002F\u002Fmuseum.cornell.edu\u002Fsites\u002Fdefault\u002Ffiles\u002FJohnson%20Museum%20Visual%20Analysis%20101.pdf","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":93,"href":"https:\u002F\u002Fmuseum.cornell.edu\u002Fsites\u002Fdefault\u002Ffiles\u002FJohnson%20Museum%20Visual%20Analysis%20101.pdf","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:8ec58c547ee7_89":{"__typename":"Paragraph","id":"8ec58c547ee7_89","name":"efb9","type":"OLI","href":null,"layout":null,"metadata":null,"text":"https:\u002F\u002Fmedium.com\u002Fideas-by-crema\u002Fit-is-difficult-to-keep-it-simple-452d1fe24646","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":80,"href":"https:\u002F\u002Fmedium.com\u002Fideas-by-crema\u002Fit-is-difficult-to-keep-it-simple-452d1fe24646","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_259e62e5e125":{"__typename":"CollectionViewerEdge","id":"collectionId:b1d9ef1bb1cd-viewerId:lo_259e62e5e125","isEditor":false,"isMuting":false},"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png":{"__typename":"ImageMetadata","id":"1*Vjz4OlxhDF68YL7pwRL-Rg.png","originalWidth":600,"originalHeight":120},"PostViewerEdge:postId:e037fdd3b196-viewerId:lo_259e62e5e125":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:e037fdd3b196-viewerId:lo_259e62e5e125"},"Tag:ux-design":{"__typename":"Tag","id":"ux-design","displayTitle":"UX Design","normalizedTagSlug":"ux-design"},"Tag:ux-design-process":{"__typename":"Tag","id":"ux-design-process","displayTitle":"Ux Design Process","normalizedTagSlug":"ux-design-process"},"Tag:design-methods":{"__typename":"Tag","id":"design-methods","displayTitle":"Design Methods","normalizedTagSlug":"design-methods"},"Tag:visual-analysis":{"__typename":"Tag","id":"visual-analysis","displayTitle":"Visual Analysis","normalizedTagSlug":"visual-analysis"},"Tag:visual-design":{"__typename":"Tag","id":"visual-design","displayTitle":"Visual Design","normalizedTagSlug":"visual-design"},"Post:e037fdd3b196":{"__typename":"Post","id":"e037fdd3b196","collection":{"__ref":"Collection:b1d9ef1bb1cd"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"a9a2","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"0f8f","startIndex":28,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"42db","startIndex":45,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"58d1","startIndex":55,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"9f5f","startIndex":63,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"80b0","startIndex":81,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"3a2b","startIndex":84,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:8ec58c547ee7_0"},{"__ref":"Paragraph:8ec58c547ee7_1"},{"__ref":"Paragraph:8ec58c547ee7_2"},{"__ref":"Paragraph:8ec58c547ee7_3"},{"__ref":"Paragraph:8ec58c547ee7_4"},{"__ref":"Paragraph:8ec58c547ee7_5"},{"__ref":"Paragraph:8ec58c547ee7_6"},{"__ref":"Paragraph:8ec58c547ee7_7"},{"__ref":"Paragraph:8ec58c547ee7_8"},{"__ref":"Paragraph:8ec58c547ee7_9"},{"__ref":"Paragraph:8ec58c547ee7_10"},{"__ref":"Paragraph:8ec58c547ee7_11"},{"__ref":"Paragraph:8ec58c547ee7_12"},{"__ref":"Paragraph:8ec58c547ee7_13"},{"__ref":"Paragraph:8ec58c547ee7_14"},{"__ref":"Paragraph:8ec58c547ee7_15"},{"__ref":"Paragraph:8ec58c547ee7_16"},{"__ref":"Paragraph:8ec58c547ee7_17"},{"__ref":"Paragraph:8ec58c547ee7_18"},{"__ref":"Paragraph:8ec58c547ee7_19"},{"__ref":"Paragraph:8ec58c547ee7_20"},{"__ref":"Paragraph:8ec58c547ee7_21"},{"__ref":"Paragraph:8ec58c547ee7_22"},{"__ref":"Paragraph:8ec58c547ee7_23"},{"__ref":"Paragraph:8ec58c547ee7_24"},{"__ref":"Paragraph:8ec58c547ee7_25"},{"__ref":"Paragraph:8ec58c547ee7_26"},{"__ref":"Paragraph:8ec58c547ee7_27"},{"__ref":"Paragraph:8ec58c547ee7_28"},{"__ref":"Paragraph:8ec58c547ee7_29"},{"__ref":"Paragraph:8ec58c547ee7_30"},{"__ref":"Paragraph:8ec58c547ee7_31"},{"__ref":"Paragraph:8ec58c547ee7_32"},{"__ref":"Paragraph:8ec58c547ee7_33"},{"__ref":"Paragraph:8ec58c547ee7_34"},{"__ref":"Paragraph:8ec58c547ee7_35"},{"__ref":"Paragraph:8ec58c547ee7_36"},{"__ref":"Paragraph:8ec58c547ee7_37"},{"__ref":"Paragraph:8ec58c547ee7_38"},{"__ref":"Paragraph:8ec58c547ee7_39"},{"__ref":"Paragraph:8ec58c547ee7_40"},{"__ref":"Paragraph:8ec58c547ee7_41"},{"__ref":"Paragraph:8ec58c547ee7_42"},{"__ref":"Paragraph:8ec58c547ee7_43"},{"__ref":"Paragraph:8ec58c547ee7_44"},{"__ref":"Paragraph:8ec58c547ee7_45"},{"__ref":"Paragraph:8ec58c547ee7_46"},{"__ref":"Paragraph:8ec58c547ee7_47"},{"__ref":"Paragraph:8ec58c547ee7_48"},{"__ref":"Paragraph:8ec58c547ee7_49"},{"__ref":"Paragraph:8ec58c547ee7_50"},{"__ref":"Paragraph:8ec58c547ee7_51"},{"__ref":"Paragraph:8ec58c547ee7_52"},{"__ref":"Paragraph:8ec58c547ee7_53"},{"__ref":"Paragraph:8ec58c547ee7_54"},{"__ref":"Paragraph:8ec58c547ee7_55"},{"__ref":"Paragraph:8ec58c547ee7_56"},{"__ref":"Paragraph:8ec58c547ee7_57"},{"__ref":"Paragraph:8ec58c547ee7_58"},{"__ref":"Paragraph:8ec58c547ee7_59"},{"__ref":"Paragraph:8ec58c547ee7_60"},{"__ref":"Paragraph:8ec58c547ee7_61"},{"__ref":"Paragraph:8ec58c547ee7_62"},{"__ref":"Paragraph:8ec58c547ee7_63"},{"__ref":"Paragraph:8ec58c547ee7_64"},{"__ref":"Paragraph:8ec58c547ee7_65"},{"__ref":"Paragraph:8ec58c547ee7_66"},{"__ref":"Paragraph:8ec58c547ee7_67"},{"__ref":"Paragraph:8ec58c547ee7_68"},{"__ref":"Paragraph:8ec58c547ee7_69"},{"__ref":"Paragraph:8ec58c547ee7_70"},{"__ref":"Paragraph:8ec58c547ee7_71"},{"__ref":"Paragraph:8ec58c547ee7_72"},{"__ref":"Paragraph:8ec58c547ee7_73"},{"__ref":"Paragraph:8ec58c547ee7_74"},{"__ref":"Paragraph:8ec58c547ee7_75"},{"__ref":"Paragraph:8ec58c547ee7_76"},{"__ref":"Paragraph:8ec58c547ee7_77"},{"__ref":"Paragraph:8ec58c547ee7_78"},{"__ref":"Paragraph:8ec58c547ee7_79"},{"__ref":"Paragraph:8ec58c547ee7_80"},{"__ref":"Paragraph:8ec58c547ee7_81"},{"__ref":"Paragraph:8ec58c547ee7_82"},{"__ref":"Paragraph:8ec58c547ee7_83"},{"__ref":"Paragraph:8ec58c547ee7_84"},{"__ref":"Paragraph:8ec58c547ee7_85"},{"__ref":"Paragraph:8ec58c547ee7_86"},{"__ref":"Paragraph:8ec58c547ee7_87"},{"__ref":"Paragraph:8ec58c547ee7_88"},{"__ref":"Paragraph:8ec58c547ee7_89"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:6be01e1651c6"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Fdissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"8ec58c547ee7","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":0},"clapCount":417,"allowResponses":true,"isLimitedState":false,"title":"Dissecting the Visual Design of Products through PINC Analysis","isSeries":false,"sequence":null,"uniqueSlug":"dissecting-the-visual-design-of-products-through-pinc-analysis-e037fdd3b196","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1651127847436,"readingTime":8.99811320754717,"previewContent":{"__typename":"PreviewContent","subtitle":"Designing carefully crafted interfaces can sometimes be difficult. We constantly seek inspiration and make efforts to better our designs…"},"previewImage":{"__ref":"ImageMetadata:1*YeGjeBiysa57ng5UU0p3rg.jpeg"},"isShortform":false,"seoTitle":"","firstPublishedAt":1651127847436,"updatedAt":1651284872001,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:e037fdd3b196-viewerId:lo_259e62e5e125"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:ux-design"},{"__ref":"Tag:ux-design-process"},{"__ref":"Tag:design-methods"},{"__ref":"Tag:visual-analysis"},{"__ref":"Tag:visual-design"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":2040,"layerCake":4,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.b2314f6d.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.24534aeb.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.b071a958.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7079.67349d50.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.a2d9f6a1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.cd03f950.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.08de95de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2420.2a5e2d95.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.ca7937c2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.d195c6f1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2106.21ff89d3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7394.3d049572.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2961.00a48598.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.c4082863.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4391.59acaed3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.c8a11795.chunk.js"></script><script>window.main();</script></body></html>