CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Fingcar : UI/UX case study of my conceptual app | by Muthu Nathan (MuNa) | Muzli - Design Inspiration</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="2018-03-20T19:00:31.799Z"/><meta data-rh="true" name="title" content="Fingcar : UI/UX case study of my conceptual app | by Muthu Nathan (MuNa) | Muzli - Design Inspiration"/><meta data-rh="true" property="og:title" content="Fingcar : UI/UX case study of my conceptual app"/><meta data-rh="true" property="al:android:url" content="medium://p/bf1af686a1c8"/><meta data-rh="true" property="al:ios:url" content="medium://p/bf1af686a1c8"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="Lets Starts with Some Stats, The total number of smartphone users worldwide has increased from 1.57 Billion in 2014 to 2.53 Billion in 2018 and is predicted to reach 2.87 Billion in 2020.😱 According…"/><meta data-rh="true" property="og:description" content="The way of transforming my Idea into Interaction Design"/><meta data-rh="true" property="og:url" content="https://medium.muz.li/fingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8"/><meta data-rh="true" property="al:web:url" content="https://medium.muz.li/fingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fill:1200:632/g:fp:0.5:0.45/1*YCobnpjuvKx-GbJopjYSJQ.png"/><meta data-rh="true" property="article:author" content="https://medium.com/@munarun"/><meta data-rh="true" name="author" content="Muthu Nathan (MuNa)"/><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="Fingcar : UI/UX case study of my conceptual app"/><meta data-rh="true" name="twitter:site" content="@usemuzli"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/bf1af686a1c8"/><meta data-rh="true" property="twitter:description" content="The way of transforming my Idea into Interaction Design"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fill:1200:632/g:fp:0.5:0.45/1*YCobnpjuvKx-GbJopjYSJQ.png"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@MuNaRuN"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="6 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*s4WR99AygKl-pz-aaQ31gw.png"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://medium.com/@munarun"/><link data-rh="true" rel="canonical" href="https://medium.muz.li/fingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/bf1af686a1c8"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fill:1200:675\u002Fg:fp:0.5:0.45\u002F1*YCobnpjuvKx-GbJopjYSJQ.png","https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fill:1200:900\u002Fg:fp:0.5:0.45\u002F1*YCobnpjuvKx-GbJopjYSJQ.png","https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fill:1200:1200\u002Fg:fp:0.5:0.45\u002F1*YCobnpjuvKx-GbJopjYSJQ.png"],"url":"https:\u002F\u002Fmedium.muz.li\u002Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8","dateCreated":"2018-03-12T13:46:55.115Z","datePublished":"2018-03-12T13:46:55.115Z","dateModified":"2018-06-19T12:30:01.637Z","headline":"Fingcar : UI\u002FUX case study of my conceptual app - Muzli - Design Inspiration","name":"Fingcar : UI\u002FUX case study of my conceptual app - Muzli - Design Inspiration","description":"Lets Starts with Some Stats, The total number of smartphone users worldwide has increased from 1.57 Billion in 2014 to 2.53 Billion in 2018 and is predicted to reach 2.87 Billion in 2020.😱 According…","identifier":"bf1af686a1c8","author":{"@type":"Person","name":"Muthu Nathan (MuNa)","url":"https:\u002F\u002Fmedium.muz.li\u002F@munarun"},"creator":["Muthu Nathan (MuNa)"],"publisher":{"@type":"Organization","name":"Muzli - Design Inspiration","url":"medium.muz.li","logo":{"@type":"ImageObject","width":195,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:390\u002F1*OmMHUNYn0EG7dMP57zEi6Q.png"}},"mainEntityOfPage":"https:\u002F\u002Fmedium.muz.li\u002Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8"}</script><style type="text/css" data-fela-rehydration="599" 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="599" 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="599" 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(133, 132, 132, 1)}.es{border-color:rgba(133, 132, 132, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(133, 132, 132, 1)}.ez:disabled:hover{border-color:rgba(133, 132, 132, 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{clear:both}.gt{margin-top:0px}.gu{max-width:100%}.gv{height:auto}.gw{line-height:1.23}.gx{letter-spacing:0}.gy{font-style:normal}.gz{font-weight:700}.hu{margin-bottom:-0.27em}.hv{line-height:1.394}.iq{align-items:baseline}.ir{width:48px}.is{height:48px}.it{border:2px solid rgba(255, 255, 255, 1)}.iu{z-index:0}.iv{box-shadow:none}.iw{border:1px solid rgba(0, 0, 0, 0.05)}.ix{margin-left:-12px}.iy{width:28px}.iz{height:28px}.ja{z-index:1}.jb{width:24px}.jc{margin-bottom:2px}.jd{flex-wrap:nowrap}.je{font-size:16px}.jf{line-height:24px}.jh{margin:0 8px}.ji{display:inline}.jj{color:rgba(133, 132, 132, 1)}.jk{fill:rgba(133, 132, 132, 1)}.jn{flex:0 0 auto}.jq{flex-wrap:wrap}.jt{white-space:pre-wrap}.ju{margin-right:4px}.jv{overflow:hidden}.jw{max-height:20px}.jx{text-overflow:ellipsis}.jy{display:-webkit-box}.jz{-webkit-line-clamp:1}.ka{-webkit-box-orient:vertical}.kb{word-break:break-all}.kd{padding-left:8px}.ke{padding-right:8px}.lf> *{flex-shrink:0}.lg{overflow-x:scroll}.lh::-webkit-scrollbar{display:none}.li{scrollbar-width:none}.lj{-ms-overflow-style:none}.lk{width:74px}.ll{flex-direction:row}.lm{z-index:2}.lp{-webkit-user-select:none}.lq{border:0}.lr{fill:rgba(117, 117, 117, 1)}.lu{outline:0}.lv{user-select:none}.lw> svg{pointer-events:none}.mf{cursor:progress}.mg{margin-left:4px}.mh{opacity:1}.mi{padding:4px 0}.ml{width:16px}.mn{display:inline-flex}.mt{padding:8px 2px}.mu svg{color:#6B6B6B}.nq{margin:auto}.nr{padding-bottom:50%}.ns{height:0}.nt{line-height:1.58}.nu{letter-spacing:-0.004em}.nv{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.oo{margin-bottom:-0.46em}.op{padding-left:30px}.oq{line-height:40px}.or{letter-spacing:-0.009em}.os{font-weight:300}.ot{font-size:28px}.oz{font-style:inherit}.pa{margin-left:auto}.pb{margin-right:auto}.pc{max-width:1000px}.pj{cursor:zoom-in}.pk{z-index:auto}.pm{margin-top:10px}.pn{max-width:728px}.pq{max-width:3000px}.pr{margin-top:32px}.ps{margin-bottom:14px}.pt{padding-top:24px}.pu{padding-bottom:10px}.pv{background-color:#000000}.pw{height:3px}.px{width:3px}.py{margin-right:20px}.qe{line-height:1.12}.qf{letter-spacing:-0.022em}.qg{font-weight:600}.qz{margin-bottom:-0.28em}.rf{list-style-type:disc}.rg{margin-left:30px}.rh{padding-left:0px}.rn{line-height:1.18}.sb{margin-bottom:-0.31em}.sc{max-width:800px}.sd{text-decoration:underline}.se{box-shadow:inset 3px 0 0 0 #242424}.sf{padding-left:23px}.sg{margin-left:-20px}.sh{font-style:italic}.sn{max-width:3200px}.so{padding-top:5px}.sp{padding-bottom:5px}.sv{max-width:2326px}.sw{width:44.44%}.sx{margin-right:10px}.sy:last-of-type{margin-right:0}.sz{width:11.11%}.ta{max-width:1192px}.tb{margin-bottom:26px}.tc{margin-top:6px}.td{margin-top:8px}.te{margin-right:8px}.tf{padding:8px 16px}.tg{border-radius:100px}.th{transition:background 300ms ease}.tj{white-space:nowrap}.tk{border-top:none}.tq{height:52px}.tr{max-height:52px}.ts{box-sizing:content-box}.tt{position:static}.tv{max-width:155px}.ug{margin-bottom:48px}.uu{border-radius:2px}.uw{height:64px}.ux{width:64px}.uy{align-self:flex-end}.uz{color:rgba(255, 255, 255, 1)}.va{fill:rgba(255, 255, 255, 1)}.vb{background:rgba(25, 25, 25, 1)}.vc{border-color:rgba(25, 25, 25, 1)}.vf:disabled{opacity:0.1}.vg:disabled:hover{background:rgba(25, 25, 25, 1)}.vh:disabled:hover{border-color:rgba(25, 25, 25, 1)}.vi{flex:1 1 auto}.vm{padding-right:4px}.vn{font-weight:500}.vu{margin-top:16px}.vv{height:0px}.vw{border-bottom:solid 1px #E5E5E5}.vx{margin-top:56px}.vy{margin-top:72px}.vz{padding:24px 0}.wa{margin-bottom:0px}.wb{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(115, 113, 113, 1)}.eu:hover{border-color:rgba(115, 113, 113, 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)}.jg:hover{text-decoration:underline}.jl:hover:not(:disabled){color:rgba(115, 113, 113, 1)}.jm:hover:not(:disabled){fill:rgba(115, 113, 113, 1)}.lt:hover{fill:rgba(8, 8, 8, 1)}.mj:hover{fill:#000000}.mk:hover p{color:#000000}.mm:hover{color:#000000}.mv:hover svg{color:#000000}.ti:hover{background-color:#F2F2F2}.uv:hover{background-color:none}.vd:hover{background:#000000}.ve:hover{border-color:#242424}.bd:focus-within path{fill:#242424}.ls:focus{fill:rgba(8, 8, 8, 1)}.mw:focus svg{color:#000000}.pl:focus{transform:scale(1.01)}.lx:active{border-style:none}</style><style type="text/css" data-fela-rehydration="599" 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:1em}.hs{line-height:52px}.ht{letter-spacing:-0.011em}.ii{font-size:22px}.ij{margin-top:0.92em}.ik{line-height:28px}.ip{align-items:center}.kr{border-top:solid 1px #F2F2F2}.ks{border-bottom:solid 1px #F2F2F2}.kt{margin:32px 0 0}.ku{padding:3px 8px}.ld> *{margin-right:24px}.le> :last-child{margin-right:0}.me{margin-top:0px}.ms{margin:0}.np{margin-top:56px}.ok{font-size:20px}.ol{margin-top:2.14em}.om{line-height:32px}.on{letter-spacing:-0.003em}.oy{margin-top:1.75em}.ph{margin-top:66px}.qd{margin-top:2.64em}.qv{font-size:24px}.qw{margin-top:1.95em}.qx{line-height:30px}.qy{letter-spacing:-0.016em}.re{margin-top:0.94em}.rm{margin-top:1.14em}.ry{margin-top:1.72em}.rz{line-height:24px}.sa{letter-spacing:0}.sm{max-width:1192px}.su{margin-top:1.25em}.tp{margin-bottom:88px}.ua{display:inline-block}.uf{padding-top:72px}.uh{flex-direction:row}.uk{margin-bottom:0}.ul{margin-right:20px}.vj{max-width:500px}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.md{margin-top:0px}.po{margin-left:auto}.pp{text-align:center}.tz{display:inline-block}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.mc{margin-top:0px}.ty{display:inline-block}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.ma{margin-top:0px}.mb{margin-right:0px}.tx{display:inline-block}</style><style type="text/css" data-fela-rehydration="599" 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}.ha{font-size:32px}.hb{margin-top:1.01em}.hc{line-height:38px}.hd{letter-spacing:-0.014em}.hw{font-size:18px}.hx{margin-top:0.79em}.hy{line-height:24px}.il{align-items:flex-start}.jo{flex-direction:column}.jr{margin-bottom:2px}.kf{margin:24px -24px 0}.kg{padding:0}.kv> *{margin-right:8px}.kw> :last-child{margin-right:24px}.ln{margin-left:0px}.ly{margin-top:0px}.lz{margin-right:0px}.mo{margin:0}.mx{border:1px solid #F2F2F2}.my{border-radius:99em}.mz{padding:0px 16px 0px 12px}.na{height:38px}.nb{align-items:center}.nd svg{margin-right:8px}.nl{margin-top:40px}.nw{margin-top:1.56em}.nx{line-height:28px}.ny{letter-spacing:-0.003em}.ou{margin-top:1.08em}.pd{margin-top:48px}.pz{margin-top:2em}.qh{font-size:20px}.qi{margin-top:1.2em}.qj{letter-spacing:0}.ra{margin-top:0.67em}.ri{margin-top:1.34em}.ro{font-size:16px}.rp{margin-top:1.23em}.si{max-width:100%}.sq{margin-top:0.93em}.tl{margin-bottom:80px}.tw{display:inline-block}.ub{padding-top:48px}.us{margin-bottom:20px}.ut{margin-right:0}.vo{font-size:24px}.vp{line-height:30px}.vq{letter-spacing:-0.016em}.nc:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="599" 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}.hm{font-size:42px}.hn{margin-top:1em}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.if{font-size:22px}.ig{margin-top:0.92em}.ih{line-height:28px}.io{align-items:center}.kn{border-top:solid 1px #F2F2F2}.ko{border-bottom:solid 1px #F2F2F2}.kp{margin:32px 0 0}.kq{padding:3px 8px}.lb> *{margin-right:24px}.lc> :last-child{margin-right:0}.mr{margin:0}.no{margin-top:56px}.og{font-size:20px}.oh{margin-top:2.14em}.oi{line-height:32px}.oj{letter-spacing:-0.003em}.ox{margin-top:1.75em}.pg{margin-top:66px}.qc{margin-top:2.64em}.qr{font-size:24px}.qs{margin-top:1.95em}.qt{line-height:30px}.qu{letter-spacing:-0.016em}.rd{margin-top:0.94em}.rl{margin-top:1.14em}.rv{margin-top:1.72em}.rw{line-height:24px}.rx{letter-spacing:0}.sl{max-width:1192px}.st{margin-top:1.25em}.to{margin-bottom:88px}.ue{padding-top:72px}.ui{flex-direction:row}.um{margin-bottom:0}.un{margin-right:20px}.vk{max-width:500px}</style><style type="text/css" data-fela-rehydration="599" 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}.hi{font-size:42px}.hj{margin-top:1em}.hk{line-height:52px}.hl{letter-spacing:-0.011em}.ic{font-size:22px}.id{margin-top:0.92em}.ie{line-height:28px}.in{align-items:center}.kj{border-top:solid 1px #F2F2F2}.kk{border-bottom:solid 1px #F2F2F2}.kl{margin:32px 0 0}.km{padding:3px 8px}.kz> *{margin-right:24px}.la> :last-child{margin-right:0}.mq{margin:0}.nn{margin-top:56px}.oc{font-size:20px}.od{margin-top:2.14em}.oe{line-height:32px}.of{letter-spacing:-0.003em}.ow{margin-top:1.75em}.pf{margin-top:66px}.qb{margin-top:2.64em}.qn{font-size:24px}.qo{margin-top:1.95em}.qp{line-height:30px}.qq{letter-spacing:-0.016em}.rc{margin-top:0.94em}.rk{margin-top:1.14em}.rs{margin-top:1.72em}.rt{line-height:24px}.ru{letter-spacing:0}.sk{max-width:100%}.ss{margin-top:1.25em}.tn{margin-bottom:88px}.ud{padding-top:72px}.uj{flex-direction:row}.uo{margin-bottom:0}.up{margin-right:20px}.vl{max-width:500px}</style><style type="text/css" data-fela-rehydration="599" 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}.he{font-size:32px}.hf{margin-top:1.01em}.hg{line-height:38px}.hh{letter-spacing:-0.014em}.hz{font-size:18px}.ia{margin-top:0.79em}.ib{line-height:24px}.im{align-items:flex-start}.jp{flex-direction:column}.js{margin-bottom:2px}.kh{margin:24px 0 0}.ki{padding:0}.kx> *{margin-right:8px}.ky> :last-child{margin-right:8px}.lo{margin-left:0px}.mp{margin:0}.ne{border:1px solid #F2F2F2}.nf{border-radius:99em}.ng{padding:0px 16px 0px 12px}.nh{height:38px}.ni{align-items:center}.nk svg{margin-right:8px}.nm{margin-top:40px}.nz{margin-top:1.56em}.oa{line-height:28px}.ob{letter-spacing:-0.003em}.ov{margin-top:1.08em}.pe{margin-top:48px}.qa{margin-top:2em}.qk{font-size:20px}.ql{margin-top:1.2em}.qm{letter-spacing:0}.rb{margin-top:0.67em}.rj{margin-top:1.34em}.rq{font-size:16px}.rr{margin-top:1.23em}.sj{max-width:100%}.sr{margin-top:0.93em}.tm{margin-bottom:80px}.uc{padding-top:48px}.uq{margin-bottom:20px}.ur{margin-right:0}.vr{font-size:24px}.vs{line-height:30px}.vt{letter-spacing:-0.016em}.nj:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="print">.tu{display:none}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.kc{max-height:none}</style><style type="text/css" data-fela-rehydration="599" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.pi{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%2Fbf1af686a1c8&%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%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&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%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&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%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&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%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&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="gs bh"><figure class="gt gs bh paragraph-image"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 1100w, https://miro.medium.com/v2/resize:fit:4800/format:webp/1*YCobnpjuvKx-GbJopjYSJQ.png 4800w" 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, 100vw" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*YCobnpjuvKx-GbJopjYSJQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*YCobnpjuvKx-GbJopjYSJQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*YCobnpjuvKx-GbJopjYSJQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*YCobnpjuvKx-GbJopjYSJQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*YCobnpjuvKx-GbJopjYSJQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*YCobnpjuvKx-GbJopjYSJQ.png 1100w, https://miro.medium.com/v2/resize:fit:4800/1*YCobnpjuvKx-GbJopjYSJQ.png 4800w" 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, 100vw"/><img alt="" class="bh gu gv c" width="2400" height="1846" loading="eager" role="presentation"/></picture></figure></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="38b0" class="pw-post-title gw gx gy bf 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">Fingcar : UI/UX case study of my conceptual app</h1></div><div><h2 id="c795" class="pw-subtitle-paragraph hv gx gy bf b hw hx hy hz ia ib ic id ie if ig ih ii ij ik cq du">The way of transforming my Idea into Interaction Design</h2><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="il im in io ip ab"><div><div class="ab iq"><div><div class="bm" aria-hidden="false"><a href="https://medium.com/@munarun?source=post_page---byline--bf1af686a1c8--------------------------------" rel="noopener follow"><div class="l ir is by it iu"><div class="l fj"><img alt="Muthu Nathan (MuNa)" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*7yQiJL8pOCFPygvPmNvA9w.png" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="iv by l dd de fs n iw ft"></div></div></div></a></div></div><div class="ix ab fj"><div><div class="bm" aria-hidden="false"><a href="https://medium.muz.li/?source=post_page---byline--bf1af686a1c8--------------------------------" rel="noopener ugc nofollow"><div class="l iy iz by it ja"><div class="l fj"><img alt="Muzli - Design Inspiration" class="l fd by br jb cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*s4WR99AygKl-pz-aaQ31gw.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="iv by l br jb fs n iw 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="jc ab q"><div class="ab q jd"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b je jf bk"><a class="af ag ah ai aj ak al am an ao ap aq ar jg" data-testid="authorName" href="https://medium.com/@munarun?source=post_page---byline--bf1af686a1c8--------------------------------" rel="noopener follow">Muthu Nathan (MuNa)</a></p></div></div></div><span class="jh ji" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b je jf du"><span><a class="jj jk ah ai aj ak al am an ao ap aq ar ex jl jm" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fa8dfca87848f&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=post_page-a8dfca87848f--byline--bf1af686a1c8---------------------post_header-----------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l jn"><span class="bf b bg z du"><div class="ab cn jo jp jq"><div class="jr js ab"><div class="bf b bg z du ab jt"><span class="ju l jn">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 jg ab q" data-testid="publicationName" href="https://medium.muz.li/?source=post_page---byline--bf1af686a1c8--------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jv jw jx jy jz ka kb kc bk">Muzli - Design Inspiration</p></a></div></div></div><div class="h k"><span class="jh ji" 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">6 min read</span><div class="kd ke l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Mar 12, 2018</span></div></span></div></span></div></div></div><div class="ab cp kf kg kh ki kj kk kl km kn ko kp kq kr ks kt ku"><div class="h k w fg fh q"><div class="lk l"><div class="ab q ll lm"><div class="pw-multi-vote-icon fj ju ln lo lp"><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%2Fmuzli-design-inspiration%2Fbf1af686a1c8&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=---header_actions--bf1af686a1c8---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lq ao lr ls lt lu am lv lw lx lp"><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 ly lz ma mb mc md me"><p class="bf b dv z du"><span class="mf">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao lq mh mi ab q fk mj mk" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="gt"><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><p class="bf b dv z du"><span class="pw-responses-count mg gt">11</span></p></button></div></div></div><div class="ab q kv kw kx ky kz la lb lc ld le lf lg lh li lj"><div class="ml 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%2Fbf1af686a1c8&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&source=---header_actions--bf1af686a1c8---------------------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 mm" 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 mn cn"><div class="l ae"><div class="ab cb"><div class="mo mp mq mr ms gu 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 mt an ao ap ex mu mv mk mw mx my mz na s nb nc nd ne nf ng nh u ni nj nk"><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 mt an ao ap ex mu mv mk mw mx my mz na s nb nc nd ne nf ng nh u ni nj nk"><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><figure class="nl nm nn no np gs"><div class="nq jv l fj"><div class="nr ns l"></div></div></figure><p id="f138" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Lets Starts with Some Stats, The total number of smartphone users worldwide has increased from 1.57 Billion in 2014 to 2.53 Billion in 2018 and is predicted to reach 2.87 Billion in 2020.😱</p><p id="751f" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">According to Apple, an average iPhone user unlocks the device 80 times per day and 89% uses their Touch ID for unlocking their device. In an average Android phone is unlocked 110 time per day. Since the users have moved to biometrics from passwords, they are having fun while unlocking their smartphones without any hesitation.</p><blockquote class="op"><p id="a6ae" class="oq or gy bf os ot ou ov ow ox oy oo du">S<em class="oz">tatement 1: “It shows that the average smartphone user touches their mobile at-least once in ~10 minutes. Nowadays, mobile phones acts like their third hand which reduces the chance of losing their mobile”</em></p></blockquote><figure class="pd pe pf pg ph gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb pc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*_Zlfn7b-EJC7Vp9iLAldVA.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*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*_Zlfn7b-EJC7Vp9iLAldVA.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 gu gv c" width="700" height="467" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">Credit: Shutterstock.com</figcaption></figure><p id="4ab0" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">We are living in an era where we have all informations in our pocket but still we feel difficult to remember some of our basic needs right? Particularly we often forget to bring our Car key while leaving from office or party hall.</p><blockquote class="op"><p id="3669" class="oq or gy bf os ot ou ov ow ox oy oo du">Statement 2: “<em class="oz">Pretty sure roughly most of us would have wandered like Sherlock Holmes around our home, wondering where we kept our Car key?</em>?”</p></blockquote><figure class="pd pe pf pg ph gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb pq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*K6S-ojwHfHpb-LmvqBlZjQ.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*K6S-ojwHfHpb-LmvqBlZjQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*K6S-ojwHfHpb-LmvqBlZjQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*K6S-ojwHfHpb-LmvqBlZjQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*K6S-ojwHfHpb-LmvqBlZjQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*K6S-ojwHfHpb-LmvqBlZjQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*K6S-ojwHfHpb-LmvqBlZjQ.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*K6S-ojwHfHpb-LmvqBlZjQ.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 gu gv c" width="700" height="347" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">Sherlock From Shutterstock</figcaption></figure></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><blockquote class="op"><p id="643b" class="oq or gy bf os ot ou ov ow ox oy oo du">Statement 1 + Statement 2 : Biometric unlock + Car Key</p></blockquote><p id="3b3f" class="pw-post-body-paragraph nt nu gy nv b hw pz nx ny hz qa oa ob oc qb oe of og qc oi oj ok qd om on oo gn bk">Yes, <strong class="nv gz">Why can’t we use our smartphone as our Car key?</strong> This idea triggered me to design a conceptual all in one mobile app for vehicle handling like Unlocking with Fingerprint, Locator, Vehicle driving mode stats, Fuel/Battery/Tyre pressure info, etc.</p><h1 id="69da" class="qe qf gy bf qg qh qi hy qj qk ql ib qm qn qo qp qq qr qs qt qu qv qw qx qy qz bk">Challenges & Requirements</h1><ul class=""><li id="5c26" class="nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo rf rg rh bk">The vehicle should be connected with mobile via any means, likely IoT type smart car. Tesla type 😍</li><li id="9272" class="nt nu gy nv b hw ri nx ny hz rj oa ob oc rk oe of og rl oi oj ok rm om on oo rf rg rh bk">User should have a Smartphone with Fingerprint sensor in it 😎</li><li id="2aad" class="nt nu gy nv b hw ri nx ny hz rj oa ob oc rk oe of og rl oi oj ok rm om on oo rf rg rh bk">Users must be able to open an app without any hesitation for unlocking his car 😉</li><li id="11c3" class="nt nu gy nv b hw ri nx ny hz rj oa ob oc rk oe of og rl oi oj ok rm om on oo rf rg rh bk">And mainly the user shouldn’t forget to bring his/her mobile. 😅</li></ul><h1 id="c31c" class="qe qf gy bf qg qh qi hy qj qk ql ib qm qn qo qp qq qr qs qt qu qv qw qx qy qz bk">Pain points</h1><p id="5073" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">I have found 2 major pain points and handled in my design</p><ul class=""><li id="4839" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk">For unlocking a car, user must be nearer to the vehicle at-least 5 meter radius (For safety concern 🤗)</li><li id="e678" class="nt nu gy nv b hw ri nx ny hz rj oa ob oc rk oe of og rl oi oj ok rm om on oo rf rg rh bk">User should be able to locate his/her the car.</li></ul><h1 id="101f" class="qe qf gy bf qg qh qi hy qj qk ql ib qm qn qo qp qq qr qs qt qu qv qw qx qy qz bk">Design Process</h1><p id="7764" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">Although my design starts with an Idea, I scribbled it in a paper so that I can solve all the UX problems at the earliest.</p><blockquote class="op"><p id="e364" class="oq or gy bf os ot ou ov ow ox oy oo du"><strong class="al">Wireframe(UX) — Visual Design (UI) — Interaction Design(IxD)</strong></p></blockquote><figure class="pd pe pf pg ph gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb pq"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*mOuKx1VlADR329P7dm5WwA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*mOuKx1VlADR329P7dm5WwA.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*mOuKx1VlADR329P7dm5WwA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*mOuKx1VlADR329P7dm5WwA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*mOuKx1VlADR329P7dm5WwA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*mOuKx1VlADR329P7dm5WwA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*mOuKx1VlADR329P7dm5WwA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*mOuKx1VlADR329P7dm5WwA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:1400/1*mOuKx1VlADR329P7dm5WwA.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 gu gv c" width="700" height="468" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">Snapshot of Fingcar wireframes.</figcaption></figure><h1 id="453f" class="qe qf gy bf qg qh qi hy qj qk ql ib qm qn qo qp qq qr qs qt qu qv qw qx qy qz bk">Design Execution</h1><h2 id="1be2" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">1. Onboarding</h2><p id="95d7" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">Onboarding should be very minimal with lesser elements. Because every new user have an eagerness to try out the functionality of the app. So it should not give the feel of filling unwanted form fields.</p><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*RjuqaDmbbUqya_D1rWLZfA.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*RjuqaDmbbUqya_D1rWLZfA.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*RjuqaDmbbUqya_D1rWLZfA.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*RjuqaDmbbUqya_D1rWLZfA.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*RjuqaDmbbUqya_D1rWLZfA.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*RjuqaDmbbUqya_D1rWLZfA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*RjuqaDmbbUqya_D1rWLZfA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*RjuqaDmbbUqya_D1rWLZfA.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/3771329-Interactive-version-of-Fingcar-Concept-Mobile-app-onboarding" rel="noopener ugc nofollow" target="_blank">Fingcar App Onboarding</a></figcaption></figure><h2 id="9bd6" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">2. Locator Screen</h2><p id="485a" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">Let’s discuss about some use cases.</p><p id="eae0" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Case 1: Consider a guy who is inside a shopping mall, especially in parking area. He/She forgot where they have parked their car.</p><p id="1f29" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Case 2: Consider the car was parked by the owner but his/her friend wants to pick it up which essentially means that he/she has to locate it.</p><blockquote class="op"><p id="d7cc" class="oq or gy bf os ot ou ov ow ox oy oo du">The funny thing is that some time we have to play a maze game to reach our car.</p></blockquote><p id="c00d" class="pw-post-body-paragraph nt nu gy nv b hw pz nx ny hz qa oa ob oc qb oe of og qc oi oj ok qd om on oo gn bk">So we got the 2nd pain point i.e. User should be able to locate the car. I handled this problem by implementing locator in this app. Consider the user is going to unlock the car but it shows the message “Not in Range” as he is beyond the reachable radius, then it automatically shows the path from user to the car by using traditional GPS-Map routing. You can visualise the scenario through the below interaction.</p><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*fOvSz-ZznvL_8de3kZq9CA.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*fOvSz-ZznvL_8de3kZq9CA.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*fOvSz-ZznvL_8de3kZq9CA.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*fOvSz-ZznvL_8de3kZq9CA.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*fOvSz-ZznvL_8de3kZq9CA.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*fOvSz-ZznvL_8de3kZq9CA.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*fOvSz-ZznvL_8de3kZq9CA.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*fOvSz-ZznvL_8de3kZq9CA.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/4241825-Car-Keyless-Entry-locator-Interaction" rel="noopener ugc nofollow" target="_blank">Fingcar app Locator</a></figcaption></figure><h2 id="975d" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">3. Unlocker screen</h2><p id="1f40" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">Use case : Consider a guy who is little faraway from the car If he is able to unlock his car, then it would become a safety issue as the car might be accessible by others. So we got the 1st pain point i.e. the user must be very close to the vehicle (at-least 5 meter radius). I handled this problem by implementing a radar type interaction, so that the user can view the safe unlocking range from the car. Once the user enters into the safe range it throws the message of “Place your finger in the sensor”. Refer below interaction.</p><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.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*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*rQ9d7s-Zxx3lJ0XDL6vt-Q.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/4244880-Car-Keyless-Entry-Fingerprint-unlocker-Interaction" rel="noopener ugc nofollow" target="_blank">Fingcar app Unlocker</a></figcaption></figure></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h2 id="c62a" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">4. Other screens</h2><p id="1c6b" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">In addition to the above mentioned major pain points, I have included some other features as well. Car drive mode stats and Dashboard screens.</p><blockquote class="op"><p id="9b89" class="oq or gy bf os ot ou ov ow ox oy oo du">“The goal is to turn boring Data into specific Information, and specific Information into useful Insight through visualisation”</p></blockquote><ul class=""><li id="57de" class="nt nu gy nv b hw pz nx ny hz qa oa ob oc qb oe of og qc oi oj ok qd om on oo rf rg rh bk"><strong class="nv gz">Car drive mode stats</strong> — Date wise kms coverage in different types of drive modes like Terrain, Highway, City</li></ul><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*JFmcyusKwYItIcPnHALHlw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*JFmcyusKwYItIcPnHALHlw.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*JFmcyusKwYItIcPnHALHlw.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*JFmcyusKwYItIcPnHALHlw.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*JFmcyusKwYItIcPnHALHlw.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*JFmcyusKwYItIcPnHALHlw.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*JFmcyusKwYItIcPnHALHlw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*JFmcyusKwYItIcPnHALHlw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*JFmcyusKwYItIcPnHALHlw.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/3774483-Pie-chart-version-for-Car-drive-mode-stats" rel="noopener ugc nofollow" target="_blank">Fingcar Drive mode stats</a></figcaption></figure></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><ul class=""><li id="062b" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk"><strong class="nv gz">Dashboard</strong> — Car engine temperature meter, Battery status, Fuel Gauge & Tyre pressure</li></ul><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*Ly-DEZIIQ-FMbVGzWOHZtg.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*Ly-DEZIIQ-FMbVGzWOHZtg.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*Ly-DEZIIQ-FMbVGzWOHZtg.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*Ly-DEZIIQ-FMbVGzWOHZtg.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 gu gv c" width="700" height="525" loading="eager" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/4253531-Fingcar-app-Dashboard-minimal-interaction" rel="noopener ugc nofollow" target="_blank">Fingcar Dashboard</a></figcaption></figure><h2 id="252b" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">5. Micro interactions</h2><p id="0e4c" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">In addition to the pain points and features I have designed some micro interactions for following screens</p><ul class=""><li id="d780" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk"><strong class="nv gz">Drive mode Graph/Table view</strong> — The user can view drive mode stats in different types of data visualisation like switching between graph view and table view.</li></ul><blockquote class="se sf sg"><p id="945e" class="nt nu sh nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk"><em class="gy">Here the check boxes itself changes into radio buttons without compromising the layout</em>.</p></blockquote><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*7S49Tmq8wYMfmnsXmNs6pw.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*7S49Tmq8wYMfmnsXmNs6pw.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*7S49Tmq8wYMfmnsXmNs6pw.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*7S49Tmq8wYMfmnsXmNs6pw.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*7S49Tmq8wYMfmnsXmNs6pw.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*7S49Tmq8wYMfmnsXmNs6pw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*7S49Tmq8wYMfmnsXmNs6pw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*7S49Tmq8wYMfmnsXmNs6pw.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/3777690-Graph-Table-view-toggle-interaction" rel="noopener ugc nofollow" target="_blank">Fingcar Drive mode stats toggle</a></figcaption></figure><ul class=""><li id="c876" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk"><strong class="nv gz">Pull to refresh in table view </strong>— If the user wants to refresh the data in table view, he can pull the data table to refresh.</li></ul><blockquote class="se sf sg"><p id="4f15" class="nt nu sh nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Here the radio buttons itself transform into the loading indicator.</p></blockquote><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*oW9aplRe9YtbKmgwuhPE2Q.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*oW9aplRe9YtbKmgwuhPE2Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*oW9aplRe9YtbKmgwuhPE2Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*oW9aplRe9YtbKmgwuhPE2Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*oW9aplRe9YtbKmgwuhPE2Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*oW9aplRe9YtbKmgwuhPE2Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*oW9aplRe9YtbKmgwuhPE2Q.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*oW9aplRe9YtbKmgwuhPE2Q.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du"><a class="af sd" href="https://dribbble.com/shots/3798250-Pull-to-refresh-simple-Interaction" rel="noopener ugc nofollow" target="_blank">Fincar Pull to refresh table</a></figcaption></figure><ul class=""><li id="309e" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk"><strong class="nv gz">App trial over screen</strong> — Consider this is a paid app, and user is in end of Trial period.</li></ul><blockquote class="se sf sg"><p id="e965" class="nt nu sh nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Since the app is related to vehicle handling so as to keep it relevant I designed Fuel empty’ like screen for trial period end notification.</p></blockquote><figure class="nl nm nn no np gs pa pb paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*cXpJXNtJ2H-8z8hSjHNguw.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*cXpJXNtJ2H-8z8hSjHNguw.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*cXpJXNtJ2H-8z8hSjHNguw.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*cXpJXNtJ2H-8z8hSjHNguw.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*cXpJXNtJ2H-8z8hSjHNguw.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*cXpJXNtJ2H-8z8hSjHNguw.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*cXpJXNtJ2H-8z8hSjHNguw.gif 1100w, https://miro.medium.com/v2/resize:fit:1400/1*cXpJXNtJ2H-8z8hSjHNguw.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 gu gv c" width="700" height="525" loading="lazy" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">Fingcar Trail over</figcaption></figure><h2 id="e967" class="rn qf gy bf qg ro rp dy qj rq rr ea qm oc rs rt ru og rv rw rx ok ry rz sa sb bk">6. Bonus Screens</h2><p id="5bb5" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">It doesn’t end there. For the final touch I have designed the empty & error state screens.</p><blockquote class="op"><p id="286d" class="oq or gy bf os ot ou ov ow ox oy oo du">“Empty states doesn’t mean the entire screen should be empty”</p></blockquote></div></div><div class="gs"><div class="ab cb"><div class="mo si mp sj mq sk cf sl cg sm ci bh"><figure class="pd pe pf pg ph gs so sp paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sn"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*Ash7r1D_2lL1d-dE5jUyOQ.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*Ash7r1D_2lL1d-dE5jUyOQ.png 640w, https://miro.medium.com/v2/resize:fit:720/1*Ash7r1D_2lL1d-dE5jUyOQ.png 720w, https://miro.medium.com/v2/resize:fit:750/1*Ash7r1D_2lL1d-dE5jUyOQ.png 750w, https://miro.medium.com/v2/resize:fit:786/1*Ash7r1D_2lL1d-dE5jUyOQ.png 786w, https://miro.medium.com/v2/resize:fit:828/1*Ash7r1D_2lL1d-dE5jUyOQ.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*Ash7r1D_2lL1d-dE5jUyOQ.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*Ash7r1D_2lL1d-dE5jUyOQ.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh gu gv c" width="1000" height="458" loading="eager" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">Fingcar app Empty/Error state screens</figcaption></figure></div></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="9034" class="qe qf gy bf qg qh sq hy qj qk sr ib qm qn ss qp qq qr st qt qu qv su qx qy qz bk"><strong class="al">Future Predictions/Pain points & Improvisation</strong>s</h1><p id="04e3" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">However some of our designs are not future proof, since the app depends upon the advancement of Automotive technology.</p><ul class=""><li id="567d" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk">In Locator screen, the car itself will reach you safely. So user don’t have to go near the car for unlocking.</li></ul><blockquote class="se sf sg"><p id="8000" class="nt nu sh nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Need to re-design this app to make it compatible with self driven/flying car .</p></blockquote><ul class=""><li id="f785" class="nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo rf rg rh bk">Since the car is not an individual mobiliser, the app should have the capability of adding the family members as users, so that every person in a family can unlock/handle the car by using this app.</li></ul><blockquote class="se sf sg"><p id="ce5d" class="nt nu sh nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Need to include admin panel in this app.</p></blockquote></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="2853" class="qe qf gy bf qg qh sq hy qj qk sr ib qm qn ss qp qq qr st qt qu qv su qx qy qz bk">Conclusion</h1><p id="8997" class="pw-post-body-paragraph nt nu gy nv b hw ra nx ny hz rb oa ob oc rc oe of og rd oi oj ok re om on oo gn bk">Overall this app design is based on my own idea, I have covered only few use cases and might have missed some.</p><p id="6a21" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">Thank you so much for your time by reading this whole Article! If you found this article useful, kindly share it.</p><p id="a931" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">And this one is my very own First Article I ever wrote. So please <strong class="nv gz">comment your views / suggestions if any / highlight any mistakes</strong> so that I can improve this app as well as my skill. Hope I will share more Use Cases in future.</p></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="8348" class="pw-post-body-paragraph nt nu gy nv b hw nw nx ny hz nz oa ob oc od oe of og oh oi oj ok ol om on oo gn bk">View full project files here <a class="af sd" href="https://dribbble.com/munarun/projects/653945-Fingcar-Vehicle-Keyless-Entry-app" rel="noopener ugc nofollow" target="_blank">Fingcar </a>— A Conceptual Design project by MuNa</p></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="gs"><div class="ab cb"><div class="mo si mp sj mq sk cf sl cg sm ci bh"><figure class="nl nm nn no np gs so sp paragraph-image"><div role="button" tabindex="0" class="pi pj fj pk bh pl"><div class="pa pb sv"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*2QymAzycOmBzMKhngGdhEA.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*2QymAzycOmBzMKhngGdhEA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*2QymAzycOmBzMKhngGdhEA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*2QymAzycOmBzMKhngGdhEA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*2QymAzycOmBzMKhngGdhEA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*2QymAzycOmBzMKhngGdhEA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*2QymAzycOmBzMKhngGdhEA.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*2QymAzycOmBzMKhngGdhEA.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh gu gv c" width="1000" height="103" loading="eager" role="presentation"/></picture></div></div><figcaption class="pm ff pn pa pb po pp bf b bg z du">You can follow my updates on</figcaption></figure></div></div></div><div class="gs"><div class="ab cb"><div class="mo si mp sj mq sk cf sl cg sm ci bh"><div class="ab ll"><figure class="gt gs sw sx so sp sy paragraph-image"><a href="http://dribbble.com/munarun"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 1100w, https://miro.medium.com/v2/resize:fit:890/format:webp/1*6Aub5ceItSVfxN-HLfsWoA.png 890w" 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, 445px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*6Aub5ceItSVfxN-HLfsWoA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*6Aub5ceItSVfxN-HLfsWoA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*6Aub5ceItSVfxN-HLfsWoA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*6Aub5ceItSVfxN-HLfsWoA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*6Aub5ceItSVfxN-HLfsWoA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*6Aub5ceItSVfxN-HLfsWoA.png 1100w, https://miro.medium.com/v2/resize:fit:890/1*6Aub5ceItSVfxN-HLfsWoA.png 890w" 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, 445px"/><img alt="" class="bh gu gv c" width="445" height="400" loading="eager" role="presentation"/></picture></a></figure><figure class="gt gs sz sx so sp sy paragraph-image"><a href="https://www.facebook.com/MUNARUN"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 1100w, https://miro.medium.com/v2/resize:fit:224/format:webp/1*9swWH0XpLi7z2ZEeVlZY-A.png 224w" 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, 112px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*9swWH0XpLi7z2ZEeVlZY-A.png 640w, https://miro.medium.com/v2/resize:fit:720/1*9swWH0XpLi7z2ZEeVlZY-A.png 720w, https://miro.medium.com/v2/resize:fit:750/1*9swWH0XpLi7z2ZEeVlZY-A.png 750w, https://miro.medium.com/v2/resize:fit:786/1*9swWH0XpLi7z2ZEeVlZY-A.png 786w, https://miro.medium.com/v2/resize:fit:828/1*9swWH0XpLi7z2ZEeVlZY-A.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*9swWH0XpLi7z2ZEeVlZY-A.png 1100w, https://miro.medium.com/v2/resize:fit:224/1*9swWH0XpLi7z2ZEeVlZY-A.png 224w" 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, 112px"/><img alt="" class="bh gu gv c" width="112" height="400" loading="eager" role="presentation"/></picture></a></figure><figure class="gt gs sw sx so sp sy paragraph-image"><a href="https://www.linkedin.com/in/munarun/"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 1100w, https://miro.medium.com/v2/resize:fit:890/format:webp/1*kJ4zrSSQSP77zHJwOZB0VA.png 890w" 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, 445px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*kJ4zrSSQSP77zHJwOZB0VA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*kJ4zrSSQSP77zHJwOZB0VA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*kJ4zrSSQSP77zHJwOZB0VA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*kJ4zrSSQSP77zHJwOZB0VA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*kJ4zrSSQSP77zHJwOZB0VA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*kJ4zrSSQSP77zHJwOZB0VA.png 1100w, https://miro.medium.com/v2/resize:fit:890/1*kJ4zrSSQSP77zHJwOZB0VA.png 890w" 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, 445px"/><img alt="" class="bh gu gv c" width="445" height="400" loading="eager" role="presentation"/></picture></a></figure></div></div></div></div></div><div class="ab cb pr ps pt pu" role="separator"><span class="pv by bm pw px py"></span><span class="pv by bm pw px py"></span><span class="pv by bm pw px"></span></div><div class="gn go gp gq gr"><div class="gs"><div class="ab cb"><div class="mo si mp sj mq sk cf sl cg sm ci bh"><figure class="nl nm nn no np gs so sp paragraph-image"><a href="https://muz.li"><div class="pa pb ta"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*kBBb0Yj_PHq8r-ynU9bwJw.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*kBBb0Yj_PHq8r-ynU9bwJw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*kBBb0Yj_PHq8r-ynU9bwJw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*kBBb0Yj_PHq8r-ynU9bwJw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*kBBb0Yj_PHq8r-ynU9bwJw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*kBBb0Yj_PHq8r-ynU9bwJw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*kBBb0Yj_PHq8r-ynU9bwJw.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*kBBb0Yj_PHq8r-ynU9bwJw.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh gu gv c" width="1000" height="465" loading="eager" role="presentation"/></picture></div></a></figure></div></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="tb tc ab jq"><div class="td ab"><a class="te ay am ao" href="https://medium.com/tag/ui?source=post_page-----bf1af686a1c8--------------------------------" rel="noopener follow"><div class="tf fj cx tg ge th ti bf b bg z bk tj">UI</div></a></div><div class="td ab"><a class="te ay am ao" href="https://medium.com/tag/ux?source=post_page-----bf1af686a1c8--------------------------------" rel="noopener follow"><div class="tf fj cx tg ge th ti bf b bg z bk tj">UX</div></a></div><div class="td ab"><a class="te ay am ao" href="https://medium.com/tag/case-study?source=post_page-----bf1af686a1c8--------------------------------" rel="noopener follow"><div class="tf fj cx tg ge th ti bf b bg z bk tj">Case Study</div></a></div><div class="td ab"><a class="te ay am ao" href="https://medium.com/tag/mobile?source=post_page-----bf1af686a1c8--------------------------------" rel="noopener follow"><div class="tf fj cx tg ge th ti bf b bg z bk tj">Mobile</div></a></div><div class="td ab"><a class="te ay am ao" href="https://medium.com/tag/apps?source=post_page-----bf1af686a1c8--------------------------------" rel="noopener follow"><div class="tf fj cx tg ge th ti bf b bg z bk tj">Apps</div></a></div></div></div></div><div class="l"></div><footer class="tk tl tm tn to tp tq tr ts ab q tt ja c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp tu"><div class="ab q ll"><div class="tv l"><span class="l tw tx ty e d"><div class="ab q ll lm"><div class="pw-multi-vote-icon fj ju ln lo lp"><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%2Fmuzli-design-inspiration%2Fbf1af686a1c8&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=---footer_actions--bf1af686a1c8---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lq ao lr ls lt lu am lv lw lx lp"><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 ly lz ma mb mc md me"><p class="bf b dv z du"><span class="mf">--</span></p></div></div></span><span class="l h g f tz ua"><div class="ab q ll lm"><div class="pw-multi-vote-icon fj ju ln lo lp"><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%2Fmuzli-design-inspiration%2Fbf1af686a1c8&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=---footer_actions--bf1af686a1c8---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lq ao lr ls lt lu am lv lw lx lp"><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 ly lz ma mb mc md me"><p class="bf b dv z du"><span class="mf">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao lq mh mi ab q fk mj mk" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="gt"><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><p class="bf b bg z du"><span class="pw-responses-count mg gt">11</span></p></button></div></div></div></div><div class="ab q"><div class="py l jn"><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%2Fbf1af686a1c8&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&source=---footer_actions--bf1af686a1c8---------------------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 mm" 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="py l jn"><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 mt an ao ap ex mu mv mk mw"><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="ub uc ud ue uf l bx"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ug l"><div class="ab uh ui uj jp jo"><div class="uk ul um un uo up uq ur us ut ab cp"><div class="h k"><a href="https://medium.muz.li/?source=post_page---post_publication_info--bf1af686a1c8--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Muzli - Design Inspiration" class="uu ir is cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*s4WR99AygKl-pz-aaQ31gw.png" width="48" height="48" loading="lazy"/><div class="uu l is ir fs n fr uv"></div></div></a></div><div class="j i d"><a href="https://medium.muz.li/?source=post_page---post_publication_info--bf1af686a1c8--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Muzli - Design Inspiration" class="uu ux uw cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*s4WR99AygKl-pz-aaQ31gw.png" width="64" height="64" loading="lazy"/><div class="uu l uw ux fs n fr uv"></div></div></a></div><div class="j i d uy jn"><div class="ab"><span><a class="bf b bg z uz tf va vb vc vd ve ev ew vf vg vh fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fmuzli-design-inspiration&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&collection=Muzli+-+Design+Inspiration&collectionId=5969bf7021a3&source=post_page---post_publication_info--bf1af686a1c8---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co vi"><div class="vj vk vl sj si l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.muz.li/?source=post_page---post_publication_info--bf1af686a1c8--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf vn vo vp vq vr vs vt oc rt ru og rw rx ok rz sa bk"><span class="gn vm">Published in <!-- -->Muzli - Design Inspiration</span></h2></a><div class="td ab iq"><div class="l jn"><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 jg" rel="noopener follow" href="/followers?source=post_page---post_publication_info--bf1af686a1c8--------------------------------">212K Followers</a></span></div><div class="bf b bg z du ab jt"><span class="jh 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 jg" rel="noopener follow" href="/the-power-of-gamification-in-mobile-learning-for-saas-users-18c7c1f362a9?source=post_page---post_publication_info--bf1af686a1c8--------------------------------">Last published <!-- -->1 day ago</a></div></div><div class="vu l"><p class="bf b bg z bk"><span class="gn">All the design inspiration you need. It's like crack for designers. And good for you too! #design #ux #ui #inspiration #creativity #art #startup</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z uz tf va vb vc vd ve ev ew vf vg vh fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fmuzli-design-inspiration&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&collection=Muzli+-+Design+Inspiration&collectionId=5969bf7021a3&source=post_page---post_publication_info--bf1af686a1c8---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab uh ui uj jp jo"><div class="uk ul um un uo up uq ur us ut ab cp"><div class="h k"><a tabindex="0" href="https://medium.com/@munarun?source=post_page---post_author_info--bf1af686a1c8--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Muthu Nathan (MuNa)" class="l fd by is ir cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7yQiJL8pOCFPygvPmNvA9w.png" width="48" height="48" loading="lazy"/><div class="fr by l is ir fs n ay uv"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://medium.com/@munarun?source=post_page---post_author_info--bf1af686a1c8--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Muthu Nathan (MuNa)" class="l fd by uw ux cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7yQiJL8pOCFPygvPmNvA9w.png" width="64" height="64" loading="lazy"/><div class="fr by l uw ux fs n ay uv"></div></div></a></div><div class="j i d uy jn"><div class="ab"><span><a class="bf b bg z uz tf va vb vc vd ve ev ew vf vg vh fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fa8dfca87848f&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=post_page-a8dfca87848f--post_author_info--bf1af686a1c8---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co vi"><div class="vj vk vl sj si l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.com/@munarun?source=post_page---post_author_info--bf1af686a1c8--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf vn vo vp vq vr vs vt oc rt ru og rw rx ok rz sa bk"><span class="gn vm">Written by <!-- -->Muthu Nathan (MuNa)</span></h2></a><div class="td ab iq"><div class="l jn"><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 jg" href="https://medium.com/@munarun/followers?source=post_page---post_author_info--bf1af686a1c8--------------------------------" rel="noopener follow">357 Followers</a></span></div><div class="bf b bg z du ab jt"><span class="jh 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 jg" href="https://medium.com/@munarun/following?source=post_page---post_author_info--bf1af686a1c8--------------------------------" rel="noopener follow">501 Following</a></div></div><div class="vu l"><p class="bf b bg z bk">Designer at Zeta — Directi, Loves to Craft UI/UX for Humans.. <a class="af ag ah ai aj ak al am an ao ap aq ar sd go" href="https://muthunathan.com/" rel="noopener ugc nofollow">https://muthunathan.com/</a></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z uz tf va vb vc vd ve ev ew vf vg vh fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Fa8dfca87848f&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8&user=Muthu+Nathan+%28MuNa%29&userId=a8dfca87848f&source=post_page-a8dfca87848f--post_author_info--bf1af686a1c8---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="vv bh vw vx"></div></div></div><div class="h k j"><div class="vv bh vw vy"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="vz ab ll jq"><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="wa wb 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-----bf1af686a1c8--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="wa 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-----bf1af686a1c8--------------------------------" 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://medium.muz.li/_/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-bf1af686a1c8","user-a8dfca87848f","collection-5969bf7021a3"],"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":"5969bf7021a3","explicit":true},"viewerIsBot":false},"debug":{"requestId":"d25e1cce-bfad-42d3-9bf8-14f914294c83","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-82a7811d4b22ad2fe735f8c62ecab742-8ba437021b2a097a-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.muz.li\u002Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8","host":"medium.muz.li","hostname":"medium.muz.li","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---------0-------------a8dfca87848f---------------"},"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","viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"medium.muz.li\"})":{"__ref":"Collection:5969bf7021a3"},"variantFlags":[{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__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_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagNumber","value":1}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","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":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","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":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"postResult({\"id\":\"bf1af686a1c8\"})":{"__ref":"Post:bf1af686a1c8"}},"ImageMetadata:1*s4WR99AygKl-pz-aaQ31gw.png":{"__typename":"ImageMetadata","id":"1*s4WR99AygKl-pz-aaQ31gw.png"},"Collection:5969bf7021a3":{"__typename":"Collection","id":"5969bf7021a3","favicon":{"__ref":"ImageMetadata:1*s4WR99AygKl-pz-aaQ31gw.png"},"customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF5F2F1","point":0},{"__typename":"ColorPoint","color":"#FFF3F0EF","point":0.1},{"__typename":"ColorPoint","color":"#FFF1EEEE","point":0.2},{"__typename":"ColorPoint","color":"#FFEFECEC","point":0.3},{"__typename":"ColorPoint","color":"#FFEDEAEA","point":0.4},{"__typename":"ColorPoint","color":"#FFEBE8E8","point":0.5},{"__typename":"ColorPoint","color":"#FFE9E6E6","point":0.6},{"__typename":"ColorPoint","color":"#FFE7E5E4","point":0.7},{"__typename":"ColorPoint","color":"#FFE5E3E2","point":0.8},{"__typename":"ColorPoint","color":"#FFE3E1E0","point":0.9},{"__typename":"ColorPoint","color":"#FFE1DFDE","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF858484","point":0},{"__typename":"ColorPoint","color":"#FF7C7B7B","point":0.1},{"__typename":"ColorPoint","color":"#FF737171","point":0.2},{"__typename":"ColorPoint","color":"#FF696868","point":0.3},{"__typename":"ColorPoint","color":"#FF5F5E5E","point":0.4},{"__typename":"ColorPoint","color":"#FF555454","point":0.5},{"__typename":"ColorPoint","color":"#FF4A4949","point":0.6},{"__typename":"ColorPoint","color":"#FF3F3E3E","point":0.7},{"__typename":"ColorPoint","color":"#FF343333","point":0.8},{"__typename":"ColorPoint","color":"#FF272727","point":0.9},{"__typename":"ColorPoint","color":"#FF1A1A1A","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF101010","colorPoints":[{"__typename":"ColorPoint","color":"#FF101010","point":0},{"__typename":"ColorPoint","color":"#FF303030","point":0.1},{"__typename":"ColorPoint","color":"#FF4C4B4B","point":0.2},{"__typename":"ColorPoint","color":"#FF656464","point":0.3},{"__typename":"ColorPoint","color":"#FF7D7B7B","point":0.4},{"__typename":"ColorPoint","color":"#FF939191","point":0.5},{"__typename":"ColorPoint","color":"#FFA8A6A6","point":0.6},{"__typename":"ColorPoint","color":"#FFBDBBBA","point":0.7},{"__typename":"ColorPoint","color":"#FFD1CFCE","point":0.8},{"__typename":"ColorPoint","color":"#FFE5E2E1","point":0.9},{"__typename":"ColorPoint","color":"#FFF8F5F4","point":1}]}},"domain":"medium.muz.li","slug":"muzli-design-inspiration","googleAnalyticsId":"UA-53926383-2","editors":[{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:609b0670a89e"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:c6fbb86f1069"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:523a7bde1eef"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:b220ed86cd3"}}],"name":"Muzli - Design Inspiration","avatar":{"__ref":"ImageMetadata:1*s4WR99AygKl-pz-aaQ31gw.png"},"description":"All the design inspiration you need. It's like crack for designers. And good for you too! #design #ux #ui #inspiration #creativity #art #startup","subscriberCount":212708,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:18c7c1f362a9"}]},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:5969bf7021a3-viewerId:lo_417267c2bd05"},"twitterUsername":"usemuzli","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*OmMHUNYn0EG7dMP57zEi6Q.png"}},"User:609b0670a89e":{"__typename":"User","id":"609b0670a89e"},"User:c6fbb86f1069":{"__typename":"User","id":"c6fbb86f1069"},"User:523a7bde1eef":{"__typename":"User","id":"523a7bde1eef"},"User:b220ed86cd3":{"__typename":"User","id":"b220ed86cd3"},"User:377f9e6ec09b":{"__typename":"User","id":"377f9e6ec09b","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"blog.ungrammary.com"}},"hasSubdomain":false,"username":"ungrammary"},"Post:18c7c1f362a9":{"__typename":"Post","id":"18c7c1f362a9","firstPublishedAt":1732177865683,"creator":{"__ref":"User:377f9e6ec09b"},"collection":{"__ref":"Collection:5969bf7021a3"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fmedium.muz.li\u002Fthe-power-of-gamification-in-mobile-learning-for-saas-users-18c7c1f362a9","sequence":null,"uniqueSlug":"the-power-of-gamification-in-mobile-learning-for-saas-users-18c7c1f362a9"},"LinkedAccounts:a8dfca87848f":{"__typename":"LinkedAccounts","mastodon":null,"id":"a8dfca87848f"},"UserViewerEdge:userId:a8dfca87848f-viewerId:lo_417267c2bd05":{"__typename":"UserViewerEdge","id":"userId:a8dfca87848f-viewerId:lo_417267c2bd05","isFollowing":false,"isUser":false,"isMuting":false},"User:a8dfca87848f":{"__typename":"User","id":"a8dfca87848f","linkedAccounts":{"__ref":"LinkedAccounts:a8dfca87848f"},"isSuspended":false,"imageId":"1*7yQiJL8pOCFPygvPmNvA9w.png","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"name":"Muthu Nathan (MuNa)","socialStats":{"__typename":"SocialStats","followerCount":357,"followingCount":493,"collectionFollowingCount":8},"username":"munarun","customDomainState":null,"hasSubdomain":false,"bio":"Designer at Zeta — Directi, Loves to Craft UI\u002FUX for Humans.. https:\u002F\u002Fmuthunathan.com\u002F","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:a8dfca87848f-viewerId:lo_417267c2bd05"},"viewerIsUser":false,"newsletterV3":null,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":true,"twitterScreenName":"MuNaRuN"},"ImageMetadata:1*YCobnpjuvKx-GbJopjYSJQ.png":{"__typename":"ImageMetadata","id":"1*YCobnpjuvKx-GbJopjYSJQ.png","originalHeight":1846,"originalWidth":3200,"focusPercentX":50,"focusPercentY":45,"alt":null},"Paragraph:dcb1384dd72b_0":{"__typename":"Paragraph","id":"dcb1384dd72b_0","name":"c5f6","type":"IMG","href":null,"layout":"FULL_WIDTH","metadata":{"__ref":"ImageMetadata:1*YCobnpjuvKx-GbJopjYSJQ.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_1":{"__typename":"Paragraph","id":"dcb1384dd72b_1","name":"38b0","type":"H3","href":null,"layout":null,"metadata":null,"text":"Fingcar : UI\u002FUX case study of my conceptual app","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_2":{"__typename":"Paragraph","id":"dcb1384dd72b_2","name":"c795","type":"H4","href":null,"layout":null,"metadata":null,"text":"The way of transforming my Idea into Interaction Design","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:365d4e2e268702353cc960e6b5f12046":{"__typename":"MediaResource","id":"365d4e2e268702353cc960e6b5f12046","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fupscri.be%2F8153c7%3Fas_embed%3Dtrue&url=https%3A%2F%2Fupscri.be%2F8153c7&image=https%3A%2F%2Fupscri.be%2Fmedia%2Fform.jpg&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=upscri","iframeHeight":400,"iframeWidth":800,"title":"Sign up for our weekly newsletter"},"Paragraph:dcb1384dd72b_3":{"__typename":"Paragraph","id":"dcb1384dd72b_3","name":"ed24","type":"IFRAME","href":null,"layout":"INSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:365d4e2e268702353cc960e6b5f12046"}},"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_4":{"__typename":"Paragraph","id":"dcb1384dd72b_4","name":"f138","type":"P","href":null,"layout":null,"metadata":null,"text":"Lets Starts with Some Stats, The total number of smartphone users worldwide has increased from 1.57 Billion in 2014 to 2.53 Billion in 2018 and is predicted to reach 2.87 Billion in 2020.😱","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_5":{"__typename":"Paragraph","id":"dcb1384dd72b_5","name":"751f","type":"P","href":null,"layout":null,"metadata":null,"text":"According to Apple, an average iPhone user unlocks the device 80 times per day and 89% uses their Touch ID for unlocking their device. In an average Android phone is unlocked 110 time per day. Since the users have moved to biometrics from passwords, they are having fun while unlocking their smartphones without any hesitation.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_6":{"__typename":"Paragraph","id":"dcb1384dd72b_6","name":"a6ae","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Statement 1: “It shows that the average smartphone user touches their mobile at-least once in ~10 minutes. Nowadays, mobile phones acts like their third hand which reduces the chance of losing their mobile”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":1,"end":206,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg":{"__typename":"ImageMetadata","id":"1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg","originalHeight":667,"originalWidth":1000,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_7":{"__typename":"Paragraph","id":"dcb1384dd72b_7","name":"3c7f","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*_Zlfn7b-EJC7Vp9iLAldVA.jpeg"},"text":"Credit: Shutterstock.com","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_8":{"__typename":"Paragraph","id":"dcb1384dd72b_8","name":"4ab0","type":"P","href":null,"layout":null,"metadata":null,"text":"We are living in an era where we have all informations in our pocket but still we feel difficult to remember some of our basic needs right? Particularly we often forget to bring our Car key while leaving from office or party hall.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_9":{"__typename":"Paragraph","id":"dcb1384dd72b_9","name":"3669","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Statement 2: “Pretty sure roughly most of us would have wandered like Sherlock Holmes around our home, wondering where we kept our Car key??”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":14,"end":139,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*K6S-ojwHfHpb-LmvqBlZjQ.png":{"__typename":"ImageMetadata","id":"1*K6S-ojwHfHpb-LmvqBlZjQ.png","originalHeight":1486,"originalWidth":3000,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_10":{"__typename":"Paragraph","id":"dcb1384dd72b_10","name":"f596","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*K6S-ojwHfHpb-LmvqBlZjQ.png"},"text":"Sherlock From Shutterstock","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_11":{"__typename":"Paragraph","id":"dcb1384dd72b_11","name":"643b","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Statement 1 + Statement 2 : Biometric unlock + Car Key","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_12":{"__typename":"Paragraph","id":"dcb1384dd72b_12","name":"3b3f","type":"P","href":null,"layout":null,"metadata":null,"text":"Yes, Why can’t we use our smartphone as our Car key? This idea triggered me to design a conceptual all in one mobile app for vehicle handling like Unlocking with Fingerprint, Locator, Vehicle driving mode stats, Fuel\u002FBattery\u002FTyre pressure info, etc.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":5,"end":52,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_13":{"__typename":"Paragraph","id":"dcb1384dd72b_13","name":"69da","type":"H3","href":null,"layout":null,"metadata":null,"text":"Challenges & Requirements","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_14":{"__typename":"Paragraph","id":"dcb1384dd72b_14","name":"5c26","type":"ULI","href":null,"layout":null,"metadata":null,"text":"The vehicle should be connected with mobile via any means, likely IoT type smart car. Tesla type 😍","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_15":{"__typename":"Paragraph","id":"dcb1384dd72b_15","name":"9272","type":"ULI","href":null,"layout":null,"metadata":null,"text":"User should have a Smartphone with Fingerprint sensor in it 😎","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_16":{"__typename":"Paragraph","id":"dcb1384dd72b_16","name":"2aad","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Users must be able to open an app without any hesitation for unlocking his car 😉","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_17":{"__typename":"Paragraph","id":"dcb1384dd72b_17","name":"11c3","type":"ULI","href":null,"layout":null,"metadata":null,"text":"And mainly the user shouldn’t forget to bring his\u002Fher mobile. 😅","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_18":{"__typename":"Paragraph","id":"dcb1384dd72b_18","name":"c31c","type":"H3","href":null,"layout":null,"metadata":null,"text":"Pain points","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_19":{"__typename":"Paragraph","id":"dcb1384dd72b_19","name":"5073","type":"P","href":null,"layout":null,"metadata":null,"text":"I have found 2 major pain points and handled in my design","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_20":{"__typename":"Paragraph","id":"dcb1384dd72b_20","name":"4839","type":"ULI","href":null,"layout":null,"metadata":null,"text":"For unlocking a car, user must be nearer to the vehicle at-least 5 meter radius (For safety concern 🤗)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_21":{"__typename":"Paragraph","id":"dcb1384dd72b_21","name":"e678","type":"ULI","href":null,"layout":null,"metadata":null,"text":"User should be able to locate his\u002Fher the car.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_22":{"__typename":"Paragraph","id":"dcb1384dd72b_22","name":"101f","type":"H3","href":null,"layout":null,"metadata":null,"text":"Design Process","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_23":{"__typename":"Paragraph","id":"dcb1384dd72b_23","name":"7764","type":"P","href":null,"layout":null,"metadata":null,"text":"Although my design starts with an Idea, I scribbled it in a paper so that I can solve all the UX problems at the earliest.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_24":{"__typename":"Paragraph","id":"dcb1384dd72b_24","name":"e364","type":"PQ","href":null,"layout":null,"metadata":null,"text":"Wireframe(UX) — Visual Design (UI) — Interaction Design(IxD)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":60,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*mOuKx1VlADR329P7dm5WwA.jpeg":{"__typename":"ImageMetadata","id":"1*mOuKx1VlADR329P7dm5WwA.jpeg","originalHeight":2002,"originalWidth":3000,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_25":{"__typename":"Paragraph","id":"dcb1384dd72b_25","name":"13be","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*mOuKx1VlADR329P7dm5WwA.jpeg"},"text":"Snapshot of Fingcar wireframes.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_26":{"__typename":"Paragraph","id":"dcb1384dd72b_26","name":"453f","type":"H3","href":null,"layout":null,"metadata":null,"text":"Design Execution","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_27":{"__typename":"Paragraph","id":"dcb1384dd72b_27","name":"1be2","type":"H4","href":null,"layout":null,"metadata":null,"text":"1. Onboarding","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_28":{"__typename":"Paragraph","id":"dcb1384dd72b_28","name":"95d7","type":"P","href":null,"layout":null,"metadata":null,"text":"Onboarding should be very minimal with lesser elements. Because every new user have an eagerness to try out the functionality of the app. So it should not give the feel of filling unwanted form fields.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*RjuqaDmbbUqya_D1rWLZfA.gif":{"__typename":"ImageMetadata","id":"1*RjuqaDmbbUqya_D1rWLZfA.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_29":{"__typename":"Paragraph","id":"dcb1384dd72b_29","name":"6b47","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*RjuqaDmbbUqya_D1rWLZfA.gif"},"text":"Fingcar App Onboarding","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":22,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F3771329-Interactive-version-of-Fingcar-Concept-Mobile-app-onboarding","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_30":{"__typename":"Paragraph","id":"dcb1384dd72b_30","name":"9bd6","type":"H4","href":null,"layout":null,"metadata":null,"text":"2. Locator Screen","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_31":{"__typename":"Paragraph","id":"dcb1384dd72b_31","name":"485a","type":"P","href":null,"layout":null,"metadata":null,"text":"Let’s discuss about some use cases.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_32":{"__typename":"Paragraph","id":"dcb1384dd72b_32","name":"eae0","type":"P","href":null,"layout":null,"metadata":null,"text":"Case 1: Consider a guy who is inside a shopping mall, especially in parking area. He\u002FShe forgot where they have parked their car.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_33":{"__typename":"Paragraph","id":"dcb1384dd72b_33","name":"1f29","type":"P","href":null,"layout":null,"metadata":null,"text":"Case 2: Consider the car was parked by the owner but his\u002Fher friend wants to pick it up which essentially means that he\u002Fshe has to locate it.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_34":{"__typename":"Paragraph","id":"dcb1384dd72b_34","name":"d7cc","type":"PQ","href":null,"layout":null,"metadata":null,"text":"The funny thing is that some time we have to play a maze game to reach our car.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_35":{"__typename":"Paragraph","id":"dcb1384dd72b_35","name":"c00d","type":"P","href":null,"layout":null,"metadata":null,"text":"So we got the 2nd pain point i.e. User should be able to locate the car. I handled this problem by implementing locator in this app. Consider the user is going to unlock the car but it shows the message “Not in Range” as he is beyond the reachable radius, then it automatically shows the path from user to the car by using traditional GPS-Map routing. You can visualise the scenario through the below interaction.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*fOvSz-ZznvL_8de3kZq9CA.gif":{"__typename":"ImageMetadata","id":"1*fOvSz-ZznvL_8de3kZq9CA.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_36":{"__typename":"Paragraph","id":"dcb1384dd72b_36","name":"1f50","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*fOvSz-ZznvL_8de3kZq9CA.gif"},"text":"Fingcar app Locator","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":19,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F4241825-Car-Keyless-Entry-locator-Interaction","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_37":{"__typename":"Paragraph","id":"dcb1384dd72b_37","name":"975d","type":"H4","href":null,"layout":null,"metadata":null,"text":"3. Unlocker screen","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_38":{"__typename":"Paragraph","id":"dcb1384dd72b_38","name":"1f40","type":"P","href":null,"layout":null,"metadata":null,"text":"Use case : Consider a guy who is little faraway from the car If he is able to unlock his car, then it would become a safety issue as the car might be accessible by others. So we got the 1st pain point i.e. the user must be very close to the vehicle (at-least 5 meter radius). I handled this problem by implementing a radar type interaction, so that the user can view the safe unlocking range from the car. Once the user enters into the safe range it throws the message of “Place your finger in the sensor”. Refer below interaction.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif":{"__typename":"ImageMetadata","id":"1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_39":{"__typename":"Paragraph","id":"dcb1384dd72b_39","name":"c89a","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*rQ9d7s-Zxx3lJ0XDL6vt-Q.gif"},"text":"Fingcar app Unlocker","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":20,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F4244880-Car-Keyless-Entry-Fingerprint-unlocker-Interaction","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_40":{"__typename":"Paragraph","id":"dcb1384dd72b_40","name":"c62a","type":"H4","href":null,"layout":null,"metadata":null,"text":"4. Other screens","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_41":{"__typename":"Paragraph","id":"dcb1384dd72b_41","name":"1c6b","type":"P","href":null,"layout":null,"metadata":null,"text":"In addition to the above mentioned major pain points, I have included some other features as well. Car drive mode stats and Dashboard screens.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_42":{"__typename":"Paragraph","id":"dcb1384dd72b_42","name":"9b89","type":"PQ","href":null,"layout":null,"metadata":null,"text":"“The goal is to turn boring Data into specific Information, and specific Information into useful Insight through visualisation”","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_43":{"__typename":"Paragraph","id":"dcb1384dd72b_43","name":"57de","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Car drive mode stats — Date wise kms coverage in different types of drive modes like Terrain, Highway, City","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},"ImageMetadata:1*JFmcyusKwYItIcPnHALHlw.gif":{"__typename":"ImageMetadata","id":"1*JFmcyusKwYItIcPnHALHlw.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_44":{"__typename":"Paragraph","id":"dcb1384dd72b_44","name":"5393","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*JFmcyusKwYItIcPnHALHlw.gif"},"text":"Fingcar Drive mode stats","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":24,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F3774483-Pie-chart-version-for-Car-drive-mode-stats","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_45":{"__typename":"Paragraph","id":"dcb1384dd72b_45","name":"062b","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Dashboard — Car engine temperature meter, Battery status, Fuel Gauge & Tyre pressure","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},"ImageMetadata:1*Ly-DEZIIQ-FMbVGzWOHZtg.gif":{"__typename":"ImageMetadata","id":"1*Ly-DEZIIQ-FMbVGzWOHZtg.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_46":{"__typename":"Paragraph","id":"dcb1384dd72b_46","name":"2c37","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Ly-DEZIIQ-FMbVGzWOHZtg.gif"},"text":"Fingcar Dashboard","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":17,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F4253531-Fingcar-app-Dashboard-minimal-interaction","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_47":{"__typename":"Paragraph","id":"dcb1384dd72b_47","name":"252b","type":"H4","href":null,"layout":null,"metadata":null,"text":"5. Micro interactions","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_48":{"__typename":"Paragraph","id":"dcb1384dd72b_48","name":"0e4c","type":"P","href":null,"layout":null,"metadata":null,"text":"In addition to the pain points and features I have designed some micro interactions for following screens","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_49":{"__typename":"Paragraph","id":"dcb1384dd72b_49","name":"d780","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Drive mode Graph\u002FTable view — The user can view drive mode stats in different types of data visualisation like switching between graph view and table view.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":27,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_50":{"__typename":"Paragraph","id":"dcb1384dd72b_50","name":"945e","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Here the check boxes itself changes into radio buttons without compromising the layout.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":86,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*7S49Tmq8wYMfmnsXmNs6pw.gif":{"__typename":"ImageMetadata","id":"1*7S49Tmq8wYMfmnsXmNs6pw.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_51":{"__typename":"Paragraph","id":"dcb1384dd72b_51","name":"c304","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*7S49Tmq8wYMfmnsXmNs6pw.gif"},"text":"Fingcar Drive mode stats toggle","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":31,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F3777690-Graph-Table-view-toggle-interaction","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_52":{"__typename":"Paragraph","id":"dcb1384dd72b_52","name":"c876","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Pull to refresh in table view — If the user wants to refresh the data in table view, he can pull the data table to refresh.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":30,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_53":{"__typename":"Paragraph","id":"dcb1384dd72b_53","name":"4f15","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Here the radio buttons itself transform into the loading indicator.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*oW9aplRe9YtbKmgwuhPE2Q.gif":{"__typename":"ImageMetadata","id":"1*oW9aplRe9YtbKmgwuhPE2Q.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_54":{"__typename":"Paragraph","id":"dcb1384dd72b_54","name":"29c1","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*oW9aplRe9YtbKmgwuhPE2Q.gif"},"text":"Fincar Pull to refresh table","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":28,"href":"https:\u002F\u002Fdribbble.com\u002Fshots\u002F3798250-Pull-to-refresh-simple-Interaction","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_55":{"__typename":"Paragraph","id":"dcb1384dd72b_55","name":"309e","type":"ULI","href":null,"layout":null,"metadata":null,"text":"App trial over screen — Consider this is a paid app, and user is in end of Trial period.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":21,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_56":{"__typename":"Paragraph","id":"dcb1384dd72b_56","name":"e965","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Since the app is related to vehicle handling so as to keep it relevant I designed Fuel empty’ like screen for trial period end notification.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*cXpJXNtJ2H-8z8hSjHNguw.gif":{"__typename":"ImageMetadata","id":"1*cXpJXNtJ2H-8z8hSjHNguw.gif","originalHeight":600,"originalWidth":800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_57":{"__typename":"Paragraph","id":"dcb1384dd72b_57","name":"72a6","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*cXpJXNtJ2H-8z8hSjHNguw.gif"},"text":"Fingcar Trail over","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":18,"href":"http:\u002F\u002FTrail over\u002F Upgrade screen - Fingcar","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_58":{"__typename":"Paragraph","id":"dcb1384dd72b_58","name":"e967","type":"H4","href":null,"layout":null,"metadata":null,"text":"6. Bonus Screens","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_59":{"__typename":"Paragraph","id":"dcb1384dd72b_59","name":"5bb5","type":"P","href":null,"layout":null,"metadata":null,"text":"It doesn’t end there. For the final touch I have designed the empty & error state screens.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_60":{"__typename":"Paragraph","id":"dcb1384dd72b_60","name":"286d","type":"PQ","href":null,"layout":null,"metadata":null,"text":"“Empty states doesn’t mean the entire screen should be empty”","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*Ash7r1D_2lL1d-dE5jUyOQ.png":{"__typename":"ImageMetadata","id":"1*Ash7r1D_2lL1d-dE5jUyOQ.png","originalHeight":1464,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_61":{"__typename":"Paragraph","id":"dcb1384dd72b_61","name":"1753","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Ash7r1D_2lL1d-dE5jUyOQ.png"},"text":"Fingcar app Empty\u002FError state screens","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_62":{"__typename":"Paragraph","id":"dcb1384dd72b_62","name":"9034","type":"H3","href":null,"layout":null,"metadata":null,"text":"Future Predictions\u002FPain points & Improvisations","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":46,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_63":{"__typename":"Paragraph","id":"dcb1384dd72b_63","name":"04e3","type":"P","href":null,"layout":null,"metadata":null,"text":"However some of our designs are not future proof, since the app depends upon the advancement of Automotive technology.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_64":{"__typename":"Paragraph","id":"dcb1384dd72b_64","name":"567d","type":"ULI","href":null,"layout":null,"metadata":null,"text":"In Locator screen, the car itself will reach you safely. So user don’t have to go near the car for unlocking.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_65":{"__typename":"Paragraph","id":"dcb1384dd72b_65","name":"8000","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Need to re-design this app to make it compatible with self driven\u002Fflying car .","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_66":{"__typename":"Paragraph","id":"dcb1384dd72b_66","name":"f785","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Since the car is not an individual mobiliser, the app should have the capability of adding the family members as users, so that every person in a family can unlock\u002Fhandle the car by using this app.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_67":{"__typename":"Paragraph","id":"dcb1384dd72b_67","name":"ce5d","type":"BQ","href":null,"layout":null,"metadata":null,"text":"Need to include admin panel in this app.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_68":{"__typename":"Paragraph","id":"dcb1384dd72b_68","name":"2853","type":"H3","href":null,"layout":null,"metadata":null,"text":"Conclusion","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_69":{"__typename":"Paragraph","id":"dcb1384dd72b_69","name":"8997","type":"P","href":null,"layout":null,"metadata":null,"text":"Overall this app design is based on my own idea, I have covered only few use cases and might have missed some.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_70":{"__typename":"Paragraph","id":"dcb1384dd72b_70","name":"6a21","type":"P","href":null,"layout":null,"metadata":null,"text":"Thank you so much for your time by reading this whole Article! If you found this article useful, kindly share it.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_71":{"__typename":"Paragraph","id":"dcb1384dd72b_71","name":"a931","type":"P","href":null,"layout":null,"metadata":null,"text":"And this one is my very own First Article I ever wrote. So please comment your views \u002F suggestions if any \u002F highlight any mistakes so that I can improve this app as well as my skill. Hope I will share more Use Cases in future.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":66,"end":130,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:dcb1384dd72b_72":{"__typename":"Paragraph","id":"dcb1384dd72b_72","name":"8348","type":"P","href":null,"layout":null,"metadata":null,"text":"View full project files here Fingcar — A Conceptual Design project by MuNa","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":29,"end":37,"href":"https:\u002F\u002Fdribbble.com\u002Fmunarun\u002Fprojects\u002F653945-Fingcar-Vehicle-Keyless-Entry-app","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*2QymAzycOmBzMKhngGdhEA.png":{"__typename":"ImageMetadata","id":"1*2QymAzycOmBzMKhngGdhEA.png","originalHeight":238,"originalWidth":2326,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_73":{"__typename":"Paragraph","id":"dcb1384dd72b_73","name":"0fc7","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*2QymAzycOmBzMKhngGdhEA.png"},"text":"You can follow my updates on","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*6Aub5ceItSVfxN-HLfsWoA.png":{"__typename":"ImageMetadata","id":"1*6Aub5ceItSVfxN-HLfsWoA.png","originalHeight":400,"originalWidth":1600,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_74":{"__typename":"Paragraph","id":"dcb1384dd72b_74","name":"8501","type":"IMG","href":"http:\u002F\u002Fdribbble.com\u002Fmunarun","layout":"OUTSET_ROW","metadata":{"__ref":"ImageMetadata:1*6Aub5ceItSVfxN-HLfsWoA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*9swWH0XpLi7z2ZEeVlZY-A.png":{"__typename":"ImageMetadata","id":"1*9swWH0XpLi7z2ZEeVlZY-A.png","originalHeight":400,"originalWidth":400,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_75":{"__typename":"Paragraph","id":"dcb1384dd72b_75","name":"1c72","type":"IMG","href":"https:\u002F\u002Fwww.facebook.com\u002FMUNARUN","layout":"OUTSET_ROW_CONTINUE","metadata":{"__ref":"ImageMetadata:1*9swWH0XpLi7z2ZEeVlZY-A.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*kJ4zrSSQSP77zHJwOZB0VA.png":{"__typename":"ImageMetadata","id":"1*kJ4zrSSQSP77zHJwOZB0VA.png","originalHeight":400,"originalWidth":1600,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_76":{"__typename":"Paragraph","id":"dcb1384dd72b_76","name":"135b","type":"IMG","href":"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmunarun\u002F","layout":"OUTSET_ROW_CONTINUE","metadata":{"__ref":"ImageMetadata:1*kJ4zrSSQSP77zHJwOZB0VA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*kBBb0Yj_PHq8r-ynU9bwJw.png":{"__typename":"ImageMetadata","id":"1*kBBb0Yj_PHq8r-ynU9bwJw.png","originalHeight":497,"originalWidth":1070,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:dcb1384dd72b_77":{"__typename":"Paragraph","id":"dcb1384dd72b_77","name":"c242","type":"IMG","href":"https:\u002F\u002Fmuz.li","layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*kBBb0Yj_PHq8r-ynU9bwJw.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:5969bf7021a3-viewerId:lo_417267c2bd05":{"__typename":"CollectionViewerEdge","id":"collectionId:5969bf7021a3-viewerId:lo_417267c2bd05","isEditor":false,"isMuting":false},"ImageMetadata:1*OmMHUNYn0EG7dMP57zEi6Q.png":{"__typename":"ImageMetadata","id":"1*OmMHUNYn0EG7dMP57zEi6Q.png","originalWidth":466,"originalHeight":143},"PostViewerEdge:postId:bf1af686a1c8-viewerId:lo_417267c2bd05":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:bf1af686a1c8-viewerId:lo_417267c2bd05"},"Tag:ui":{"__typename":"Tag","id":"ui","displayTitle":"UI","normalizedTagSlug":"ui"},"Tag:ux":{"__typename":"Tag","id":"ux","displayTitle":"UX","normalizedTagSlug":"ux"},"Tag:case-study":{"__typename":"Tag","id":"case-study","displayTitle":"Case Study","normalizedTagSlug":"case-study"},"Tag:mobile":{"__typename":"Tag","id":"mobile","displayTitle":"Mobile","normalizedTagSlug":"mobile"},"Tag:apps":{"__typename":"Tag","id":"apps","displayTitle":"Apps","normalizedTagSlug":"apps"},"Post:bf1af686a1c8":{"__typename":"Post","id":"bf1af686a1c8","collection":{"__ref":"Collection:5969bf7021a3"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"f50e","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"2cf7","startIndex":11,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"f87f","startIndex":40,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"bfeb","startIndex":45,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"c84e","startIndex":62,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"fbd2","startIndex":68,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"7c07","startIndex":72,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"2872","startIndex":73,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"65e0","startIndex":77,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:dcb1384dd72b_0"},{"__ref":"Paragraph:dcb1384dd72b_1"},{"__ref":"Paragraph:dcb1384dd72b_2"},{"__ref":"Paragraph:dcb1384dd72b_3"},{"__ref":"Paragraph:dcb1384dd72b_4"},{"__ref":"Paragraph:dcb1384dd72b_5"},{"__ref":"Paragraph:dcb1384dd72b_6"},{"__ref":"Paragraph:dcb1384dd72b_7"},{"__ref":"Paragraph:dcb1384dd72b_8"},{"__ref":"Paragraph:dcb1384dd72b_9"},{"__ref":"Paragraph:dcb1384dd72b_10"},{"__ref":"Paragraph:dcb1384dd72b_11"},{"__ref":"Paragraph:dcb1384dd72b_12"},{"__ref":"Paragraph:dcb1384dd72b_13"},{"__ref":"Paragraph:dcb1384dd72b_14"},{"__ref":"Paragraph:dcb1384dd72b_15"},{"__ref":"Paragraph:dcb1384dd72b_16"},{"__ref":"Paragraph:dcb1384dd72b_17"},{"__ref":"Paragraph:dcb1384dd72b_18"},{"__ref":"Paragraph:dcb1384dd72b_19"},{"__ref":"Paragraph:dcb1384dd72b_20"},{"__ref":"Paragraph:dcb1384dd72b_21"},{"__ref":"Paragraph:dcb1384dd72b_22"},{"__ref":"Paragraph:dcb1384dd72b_23"},{"__ref":"Paragraph:dcb1384dd72b_24"},{"__ref":"Paragraph:dcb1384dd72b_25"},{"__ref":"Paragraph:dcb1384dd72b_26"},{"__ref":"Paragraph:dcb1384dd72b_27"},{"__ref":"Paragraph:dcb1384dd72b_28"},{"__ref":"Paragraph:dcb1384dd72b_29"},{"__ref":"Paragraph:dcb1384dd72b_30"},{"__ref":"Paragraph:dcb1384dd72b_31"},{"__ref":"Paragraph:dcb1384dd72b_32"},{"__ref":"Paragraph:dcb1384dd72b_33"},{"__ref":"Paragraph:dcb1384dd72b_34"},{"__ref":"Paragraph:dcb1384dd72b_35"},{"__ref":"Paragraph:dcb1384dd72b_36"},{"__ref":"Paragraph:dcb1384dd72b_37"},{"__ref":"Paragraph:dcb1384dd72b_38"},{"__ref":"Paragraph:dcb1384dd72b_39"},{"__ref":"Paragraph:dcb1384dd72b_40"},{"__ref":"Paragraph:dcb1384dd72b_41"},{"__ref":"Paragraph:dcb1384dd72b_42"},{"__ref":"Paragraph:dcb1384dd72b_43"},{"__ref":"Paragraph:dcb1384dd72b_44"},{"__ref":"Paragraph:dcb1384dd72b_45"},{"__ref":"Paragraph:dcb1384dd72b_46"},{"__ref":"Paragraph:dcb1384dd72b_47"},{"__ref":"Paragraph:dcb1384dd72b_48"},{"__ref":"Paragraph:dcb1384dd72b_49"},{"__ref":"Paragraph:dcb1384dd72b_50"},{"__ref":"Paragraph:dcb1384dd72b_51"},{"__ref":"Paragraph:dcb1384dd72b_52"},{"__ref":"Paragraph:dcb1384dd72b_53"},{"__ref":"Paragraph:dcb1384dd72b_54"},{"__ref":"Paragraph:dcb1384dd72b_55"},{"__ref":"Paragraph:dcb1384dd72b_56"},{"__ref":"Paragraph:dcb1384dd72b_57"},{"__ref":"Paragraph:dcb1384dd72b_58"},{"__ref":"Paragraph:dcb1384dd72b_59"},{"__ref":"Paragraph:dcb1384dd72b_60"},{"__ref":"Paragraph:dcb1384dd72b_61"},{"__ref":"Paragraph:dcb1384dd72b_62"},{"__ref":"Paragraph:dcb1384dd72b_63"},{"__ref":"Paragraph:dcb1384dd72b_64"},{"__ref":"Paragraph:dcb1384dd72b_65"},{"__ref":"Paragraph:dcb1384dd72b_66"},{"__ref":"Paragraph:dcb1384dd72b_67"},{"__ref":"Paragraph:dcb1384dd72b_68"},{"__ref":"Paragraph:dcb1384dd72b_69"},{"__ref":"Paragraph:dcb1384dd72b_70"},{"__ref":"Paragraph:dcb1384dd72b_71"},{"__ref":"Paragraph:dcb1384dd72b_72"},{"__ref":"Paragraph:dcb1384dd72b_73"},{"__ref":"Paragraph:dcb1384dd72b_74"},{"__ref":"Paragraph:dcb1384dd72b_75"},{"__ref":"Paragraph:dcb1384dd72b_76"},{"__ref":"Paragraph:dcb1384dd72b_77"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:a8dfca87848f"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fmedium.muz.li\u002Ffingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"technology"}],"isPublished":true,"latestPublishedVersion":"dcb1384dd72b","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":11},"clapCount":2876,"allowResponses":true,"isLimitedState":false,"title":"Fingcar : UI\u002FUX case study of my conceptual app","isSeries":false,"sequence":null,"uniqueSlug":"fingcar-ui-ux-case-study-of-my-conceptual-app-bf1af686a1c8","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1521572431799,"readingTime":5.974528301886792,"previewContent":{"__typename":"PreviewContent","subtitle":"The way of transforming my Idea into Interaction Design"},"previewImage":{"__ref":"ImageMetadata:1*YCobnpjuvKx-GbJopjYSJQ.png"},"isShortform":false,"seoTitle":"","firstPublishedAt":1520862415115,"updatedAt":1529411401637,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:bf1af686a1c8-viewerId:lo_417267c2bd05"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:ui"},{"__ref":"Tag:ux"},{"__ref":"Tag:case-study"},{"__ref":"Tag:mobile"},{"__ref":"Tag:apps"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":1146,"layerCake":0,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.b2314f6d.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.24534aeb.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.b071a958.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7079.67349d50.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.a2d9f6a1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.cd03f950.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.08de95de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2420.2a5e2d95.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.ca7937c2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.d195c6f1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2106.21ff89d3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7394.3d049572.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2961.00a48598.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.c4082863.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4391.59acaed3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.c8a11795.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e6f9654fe54a12b',t:'MTczMjM0ODQyNS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>