{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/jPoIw1VajjtoFVsfStGx/FvWvD1S1xHY6GWZdBNMc/TBbWYZPJi.js", "ssg:https://framerusercontent.com/modules/9uzXXUPKPzibs2lB3m0S/1cbLc9TBjFDZtE1ZUiRh/G2qgkp8Bv.js", "ssg:https://framerusercontent.com/modules/PglHvDeSAC8lSWiRpxXF/J97uQy3xZq7lBvyssY3L/DmUGVujSl.js", "ssg:https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js"],
  "sourcesContent": ["// Generated by Framer (58c7c96)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"vYKU92Yqr\",\"JX1xXQmiJ\",\"OANEYr2OS\",\"RDpka6J5h\",\"PpVbehUlt\",\"NntHSlbwz\",\"OPTN7GMgD\",\"AG4Vmq196\",\"jwGTxcUYR\",\"WYsf9o6Or\",\"SdhlXK2HG\",\"XFCBBbwlD\",\"osXWBxdoA\",\"QUKu24dKV\"];const variantClassNames={AG4Vmq196:\"framer-v-hcminu\",jwGTxcUYR:\"framer-v-fthr5h\",JX1xXQmiJ:\"framer-v-1dxlygw\",NntHSlbwz:\"framer-v-146b6a1\",OANEYr2OS:\"framer-v-1filsdf\",OPTN7GMgD:\"framer-v-1yqi1iu\",osXWBxdoA:\"framer-v-1iwn2sd\",PpVbehUlt:\"framer-v-1p7wras\",QUKu24dKV:\"framer-v-gmhxcj\",RDpka6J5h:\"framer-v-1inl2oz\",SdhlXK2HG:\"framer-v-19qr0s0\",vYKU92Yqr:\"framer-v-145m58q\",WYsf9o6Or:\"framer-v-bsxtii\",XFCBBbwlD:\"framer-v-13khtgk\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={\"$spacing-10\":\"vYKU92Yqr\",\"$spacing-100\":\"OANEYr2OS\",\"$spacing-15\":\"osXWBxdoA\",\"$spacing-20\":\"XFCBBbwlD\",\"$spacing-200\":\"JX1xXQmiJ\",\"$spacing-25\":\"SdhlXK2HG\",\"$spacing-30\":\"WYsf9o6Or\",\"$spacing-40\":\"jwGTxcUYR\",\"$spacing-5\":\"QUKu24dKV\",\"$spacing-50\":\"AG4Vmq196\",\"$spacing-60\":\"OPTN7GMgD\",\"$spacing-70\":\"NntHSlbwz\",\"$spacing-80\":\"PpVbehUlt\",\"$spacing-90\":\"RDpka6J5h\"};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const BASE62=\"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";function useRandomID(){const ref=React.useRef(null);if(ref.current===null){ref.current=Array(5).fill(0).map(()=>BASE62[Math.floor(Math.random()*BASE62.length)]).join(\"\");}return ref.current;}const Component=/*#__PURE__*/ React.forwardRef(function({id,style:externalStyle={},className,width,height,layoutId,variant:outerVariant=\"vYKU92Yqr\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"vYKU92Yqr\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=useRandomID();const{pointerEvents,...style}=externalStyle;return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{\"data-framer-generated\":true,initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-1WGgD\",classNames),style:{display:\"contents\",pointerEvents:pointerEvents!==null&&pointerEvents!==void 0?pointerEvents:undefined},children:/*#__PURE__*/ _jsx(motion.div,{...restProps,className:cx(\"framer-145m58q\",className),\"data-framer-name\":\"$spacing-10\",layoutDependency:layoutDependency,layoutId:\"vYKU92Yqr\",ref:ref,style:{...style},transition:transition,...addPropertyOverrides({AG4Vmq196:{\"data-framer-name\":\"$spacing-50\"},jwGTxcUYR:{\"data-framer-name\":\"$spacing-40\"},JX1xXQmiJ:{\"data-framer-name\":\"$spacing-200\"},NntHSlbwz:{\"data-framer-name\":\"$spacing-70\"},OANEYr2OS:{\"data-framer-name\":\"$spacing-100\"},OPTN7GMgD:{\"data-framer-name\":\"$spacing-60\"},osXWBxdoA:{\"data-framer-name\":\"$spacing-15\"},PpVbehUlt:{\"data-framer-name\":\"$spacing-80\"},QUKu24dKV:{\"data-framer-name\":\"$spacing-5\"},RDpka6J5h:{\"data-framer-name\":\"$spacing-90\"},SdhlXK2HG:{\"data-framer-name\":\"$spacing-25\"},WYsf9o6Or:{\"data-framer-name\":\"$spacing-30\"},XFCBBbwlD:{\"data-framer-name\":\"$spacing-20\"}},baseVariant,gestureVariant)})})});});const css=['.framer-1WGgD [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-1WGgD * { box-sizing: border-box; }\",\".framer-1WGgD .framer-mrw1g2 { display: block; }\",\".framer-1WGgD .framer-145m58q { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 10px; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 10px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-1WGgD .framer-145m58q { gap: 0px; } .framer-1WGgD .framer-145m58q > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-1WGgD .framer-145m58q > :first-child { margin-top: 0px; } .framer-1WGgD .framer-145m58q > :last-child { margin-bottom: 0px; } }\",\".framer-1WGgD.framer-v-1dxlygw .framer-145m58q { height: 200px; width: 200px; }\",\".framer-1WGgD.framer-v-1filsdf .framer-145m58q { height: 100px; width: 100px; }\",\".framer-1WGgD.framer-v-1inl2oz .framer-145m58q { height: 90px; width: 90px; }\",\".framer-1WGgD.framer-v-1p7wras .framer-145m58q { height: 80px; width: 80px; }\",\".framer-1WGgD.framer-v-146b6a1 .framer-145m58q { height: 70px; width: 70px; }\",\".framer-1WGgD.framer-v-1yqi1iu .framer-145m58q { height: 60px; width: 60px; }\",\".framer-1WGgD.framer-v-hcminu .framer-145m58q { height: 50px; width: 50px; }\",\".framer-1WGgD.framer-v-fthr5h .framer-145m58q { height: 40px; width: 40px; }\",\".framer-1WGgD.framer-v-bsxtii .framer-145m58q { height: 30px; width: 30px; }\",\".framer-1WGgD.framer-v-19qr0s0 .framer-145m58q { height: 25px; width: 25px; }\",\".framer-1WGgD.framer-v-13khtgk .framer-145m58q { height: 20px; width: 20px; }\",\".framer-1WGgD.framer-v-1iwn2sd .framer-145m58q { height: 15px; width: 15px; }\",\".framer-1WGgD.framer-v-gmhxcj .framer-145m58q { height: 5px; width: 5px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 10\n * @framerIntrinsicWidth 10\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"JX1xXQmiJ\":{\"layout\":[\"fixed\",\"fixed\"]},\"OANEYr2OS\":{\"layout\":[\"fixed\",\"fixed\"]},\"RDpka6J5h\":{\"layout\":[\"fixed\",\"fixed\"]},\"PpVbehUlt\":{\"layout\":[\"fixed\",\"fixed\"]},\"NntHSlbwz\":{\"layout\":[\"fixed\",\"fixed\"]},\"OPTN7GMgD\":{\"layout\":[\"fixed\",\"fixed\"]},\"AG4Vmq196\":{\"layout\":[\"fixed\",\"fixed\"]},\"jwGTxcUYR\":{\"layout\":[\"fixed\",\"fixed\"]},\"WYsf9o6Or\":{\"layout\":[\"fixed\",\"fixed\"]},\"SdhlXK2HG\":{\"layout\":[\"fixed\",\"fixed\"]},\"XFCBBbwlD\":{\"layout\":[\"fixed\",\"fixed\"]},\"osXWBxdoA\":{\"layout\":[\"fixed\",\"fixed\"]},\"QUKu24dKV\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n */ const FramerTBbWYZPJi=withCSS(Component,css);export default FramerTBbWYZPJi;FramerTBbWYZPJi.displayName=\"Spacing\";FramerTBbWYZPJi.defaultProps={height:10,width:10};addPropertyControls(FramerTBbWYZPJi,{variant:{options:[\"vYKU92Yqr\",\"JX1xXQmiJ\",\"OANEYr2OS\",\"RDpka6J5h\",\"PpVbehUlt\",\"NntHSlbwz\",\"OPTN7GMgD\",\"AG4Vmq196\",\"jwGTxcUYR\",\"WYsf9o6Or\",\"SdhlXK2HG\",\"XFCBBbwlD\",\"osXWBxdoA\",\"QUKu24dKV\"],optionTitles:[\"$spacing-10\",\"$spacing-200\",\"$spacing-100\",\"$spacing-90\",\"$spacing-80\",\"$spacing-70\",\"$spacing-60\",\"$spacing-50\",\"$spacing-40\",\"$spacing-30\",\"$spacing-25\",\"$spacing-20\",\"$spacing-15\",\"$spacing-5\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerTBbWYZPJi,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerTBbWYZPJi\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"JX1xXQmiJ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"OANEYr2OS\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"RDpka6J5h\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PpVbehUlt\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"NntHSlbwz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"OPTN7GMgD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"AG4Vmq196\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"jwGTxcUYR\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"WYsf9o6Or\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SdhlXK2HG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XFCBBbwlD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"osXWBxdoA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"QUKu24dKV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"10\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"10\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TBbWYZPJi.map", "// Generated by Framer (3d65904)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/PglHvDeSAC8lSWiRpxXF/J97uQy3xZq7lBvyssY3L/DmUGVujSl.js\";const enabledGestures={B2KHIHB0Z:{hover:true}};const cycleOrder=[\"B2KHIHB0Z\"];const variantClassNames={B2KHIHB0Z:\"framer-v-1i96umi\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const BASE62=\"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";function useRandomID(){const ref=React.useRef(null);if(ref.current===null){ref.current=Array(5).fill(0).map(()=>BASE62[Math.floor(Math.random()*BASE62.length)]).join(\"\");}return ref.current;}const Component=/*#__PURE__*/ React.forwardRef(function({id,style:externalStyle={},className,width,height,layoutId,variant:outerVariant=\"B2KHIHB0Z\",link:mSSMRQqXQ,category:kFJtDNWsq=\"Apps\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"B2KHIHB0Z\",enabledGestures,transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=useRandomID();const{pointerEvents,...style}=externalStyle;return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{\"data-framer-generated\":true,initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-VAM2N\",sharedStyle.className,classNames),style:{display:\"contents\",pointerEvents:pointerEvents!==null&&pointerEvents!==void 0?pointerEvents:\"auto\"},children:/*#__PURE__*/ _jsx(Link,{href:mSSMRQqXQ,openInNewTab:false,children:/*#__PURE__*/ _jsx(motion.a,{...restProps,className:`${cx(\"framer-1i96umi\",className)} framer-1fhhhr0`,\"data-framer-name\":\"v1\",layoutDependency:layoutDependency,layoutId:\"B2KHIHB0Z\",ref:ref,style:{backgroundColor:\"var(--token-9d4e2f6b-a2b9-4c9d-a1b7-a140ee1fc1d9, rgb(250, 250, 250))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,...style},transition:transition,variants:{\"B2KHIHB0Z-hover\":{backgroundColor:\"var(--token-b343876e-c5ad-4b88-a31d-69399d409c3f, rgb(230, 230, 230))\"}},...addPropertyOverrides({\"B2KHIHB0Z-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{className:\"framer-styles-preset-qkvsbi\",\"data-styles-preset\":\"DmUGVujSl\",children:\"Apps\"})}),className:\"framer-16fp5oc\",\"data-framer-name\":\"Category\",layoutDependency:layoutDependency,layoutId:\"hmBqbKNw8\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:kFJtDNWsq,transition:transition,verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=['.framer-VAM2N [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-VAM2N * { box-sizing: border-box; }\",\".framer-VAM2N .framer-1fhhhr0 { display: block; }\",\".framer-VAM2N .framer-1i96umi { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 7px 14px 7px 14px; position: relative; text-decoration: none; width: min-content; }\",\".framer-VAM2N .framer-16fp5oc { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-VAM2N .framer-v-1i96umi .framer-1i96umi { cursor: pointer; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-VAM2N .framer-1i96umi { gap: 0px; } .framer-VAM2N .framer-1i96umi > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-VAM2N .framer-1i96umi > :first-child { margin-left: 0px; } .framer-VAM2N .framer-1i96umi > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 35\n * @framerIntrinsicWidth 60\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"TEgF7O2t2\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"mSSMRQqXQ\":\"link\",\"kFJtDNWsq\":\"category\"}\n */ const FramerG2qgkp8Bv=withCSS(Component,css);export default FramerG2qgkp8Bv;FramerG2qgkp8Bv.displayName=\"Chip\";FramerG2qgkp8Bv.defaultProps={height:35,width:60};addPropertyControls(FramerG2qgkp8Bv,{mSSMRQqXQ:{title:\"Link\",type:ControlType.Link},kFJtDNWsq:{defaultValue:\"Apps\",title:\"Category\",type:ControlType.String}});addFonts(FramerG2qgkp8Bv,[...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerG2qgkp8Bv\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"TEgF7O2t2\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"mSSMRQqXQ\\\":\\\"link\\\",\\\"kFJtDNWsq\\\":\\\"category\\\"}\",\"framerIntrinsicHeight\":\"35\",\"framerIntrinsicWidth\":\"60\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./G2qgkp8Bv.map", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;IBM Plex Sans-regular\"]);export const fonts=[{family:\"IBM Plex Sans\",moduleAsset:{localModuleIdentifier:\"local-module:css/DmUGVujSl:default\",url:\"https://fonts.gstatic.com/s/ibmplexsans/v14/zYXgKVElMYYaJe8bpLHnCwDKtdbUFI5NadY.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/ibmplexsans/v14/zYXgKVElMYYaJe8bpLHnCwDKtdbUFI5NadY.ttf\",weight:\"400\"}];export const css=['.framer-ss7co .framer-styles-preset-qkvsbi:not(.rich-text-wrapper), .framer-ss7co .framer-styles-preset-qkvsbi.rich-text-wrapper p, .framer-ss7co .framer-styles-preset-qkvsbi.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"IBM Plex Sans\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.5em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-6f286720-c046-4b1a-ae36-29b3719ec712, #292929); --framer-text-decoration: none; --framer-text-transform: none; }'];export const className=\"framer-ss7co\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Link}from\"framer\";import*as React from\"react\";/**\n * @framerRecordIdKey id\n * @framerSlug qxqfzpV3b\n * @framerData\n */ const data=[{DD3znCvdO:\"2022-11-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/anneshlee\",FSBRHbyNn:{alt:\"Anne Lee\",src:new URL(\"assets/FEnxhp9pcO0fe8Szmz55UYNBqC8.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/FEnxhp9pcO0fe8Szmz55UYNBqC8.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/FEnxhp9pcO0fe8Szmz55UYNBqC8.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 593w`},gblEufo0g:\"How designers estimate the impact of UX?\",hYDLYsm8B:\"Anne Lee\",I9BhUYGS2:\"Yum Yum\",id:\"t9h0lQDtl\",K7P5LKS37:\"Designers wear many hats, the first one being a moderator.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/Yb3rk6xo7Bbn6E91vB8rBCnBU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/Yb3rk6xo7Bbn6E91vB8rBCnBU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/1024/Yb3rk6xo7Bbn6E91vB8rBCnBU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1024w, ${new URL(\"assets/Yb3rk6xo7Bbn6E91vB8rBCnBU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1502w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Designers aren\u2019t purely focused on aesthetics \u2014 their role encompasses broader business aspects and technology, while carefully evaluating those by estimating the return on investment for each solution. In short, designers ensure that the end value of the specific solution, or product as a whole, brings gains to the client\u2019s business as expected and a significant return against the initial investment.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"At intive, our designers maintain this awareness by developing across three core areas: business, technology, and user-centric design practices. For each vertical, they keep ROI in mind, taking care to estimate and realize the impact of UX on the client\u2019s budget, goals, and wider technical framework.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Different companies are experts in their specific verticals, but if we think of business as a tree, the digital transformation of companies comes from a design branch that connects to the main trunk. Designers are therefore the tree surgeons who know what design stages to prioritize, when to do so, and how to lay the strongest roots to grow the tree.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Yes, designers make seamless, attractive virtual experiences. Still, they also have deep knowledge about how clients and end users psychologically and behaviorally respond to a journey, as well as how to lay the path toward greater business success. Here\u2019s how designers estimate the impact of UX and ultimately ROI.\"})]}),qxqfzpV3b:\"how-designers-estimate-the-impact-of-ux\",VUsssi95b:\"Fintech\",wTTReUpJl:\"Product Lead / Designer at Framer\"},{DD3znCvdO:\"2022-09-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/JhnCshmn\",FSBRHbyNn:{alt:\"John Cashman\",src:new URL(\"assets/hdCc2k7S7jZagjYXiBbzpT0Y.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Growing a Distributed Product Design Team\",hYDLYsm8B:\"John Cashman\",I9BhUYGS2:\"Yum Yum\",id:\"xhlzJ7SGv\",K7P5LKS37:\"The pandemic presented us with a whole new challenge in growing this team.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/kehn62nZeXeM87XFbFEOK9sHA.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/kehn62nZeXeM87XFbFEOK9sHA.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/1024/kehn62nZeXeM87XFbFEOK9sHA.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1024w, ${new URL(\"assets/kehn62nZeXeM87XFbFEOK9sHA.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1920w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"When I moved to Stockholm at the beginning of 2020, I was tasked with expanding the internal tools team in Spotify\u2019s Platform Mission. We already had a few amazing designers working on tools in New York and Stockholm, but if we wanted to establish design practices that make an impact and help our engineering organization to be more human-centric, we needed to grow. But, like most plans in 2020, we were forced to reassess when everyone at Spotify was invited to stay home due to COVID-19.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Iam Senior Design Manager in Platform, an organization with about 600 folks mostly working on things that aren\u2019t visible to Spotify listeners. We\u2019re the people who build internal tools for learning and speed and to support the fundamental capabilities of Spotify.\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"Our team of product designers is embedded in different groups within Platform, designing for Data and Insights, Experimentation, Machine Learning, Tools for Web and Mobile Infrastructure, Security, and Spotify\u2019s homegrown developer portal, \",/*#__PURE__*/ _jsx(Link,{href:\"https://backstage.io/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://backstage.io/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Backstage.io\"})}),\".\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"The pandemic presented us with a whole new challenge in growing this team: How do we achieve our original goal of creating a highly collaborative and efficient product design team while everyone is remote?\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Growing a distributed team\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"A distributed team is one that works together but from different locations and (sometimes) embedded in other teams. Setting up a distributed team with a lot of new hires, we knew we needed to have robust processes for growth so people could work together efficiently from the get-go.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"We focused our efforts on creating a hiring and onboarding process that allowed us to get to know candidates quickly, set a solid foundation for collaboration, and cultivated a culture of empathy and self-care among team members.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Virtual Hiring\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Because distributed teams work across time zones, and on a variety of parallel projects, they do best when members are self-motivated, highly organised, and really great at communicating. These qualities (along with all the usual: a passion for design, strong past experience, and personal success metrics) formed the framework for the types of designers we were looking for.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"In order to find a strong lineup of candidates fitting this profile, we quickly learned how important it was to have a good relationship with talent acquisition and to establish honest and clear communication with them early on.\"})]}),qxqfzpV3b:\"growing-a-distributed-product-design-team\",VUsssi95b:\"Hardware\",wTTReUpJl:\"Community Support at Framer\"},{DD3znCvdO:\"2022-08-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/benjaminnathan\",FSBRHbyNn:{alt:\"Benjamin den Boer\",src:new URL(\"assets/cYNMs5mn7rzxTTt0pqQ7UwuSeSg.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"The Art of User Interface Drop Shadows\",hYDLYsm8B:\"Benjamin den Boer\",I9BhUYGS2:\"Yum Yum\",id:\"Wznt_cV9S\",K7P5LKS37:\"Make your UI look professional.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/CsDHYNedW65MalLT73r0PzmalAw.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/CsDHYNedW65MalLT73r0PzmalAw.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 461w, ${new URL(\"assets/1024/CsDHYNedW65MalLT73r0PzmalAw.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 923w, ${new URL(\"assets/2048/CsDHYNedW65MalLT73r0PzmalAw.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1847w, ${new URL(\"assets/CsDHYNedW65MalLT73r0PzmalAw.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1949w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Many elements on interfaces tend to mimic real-world objects. Drop shadows are one of them. These are helpful cues to indicate whether a window or panel is floating. Floating surfaces signify a temporary or momentary state that requires user interaction.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"For users to interpret floating surfaces correctly, your shadows must look natural and realistic. There\u2019s an art to drop shadows that most designers don\u2019t know.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Notice how these two surfaces have different drop shadows. The difference may look subtle, but it affects how users perceive the interface. An unnatural shadow like the one on the left will make your interface look less professional. Making your shadows more natural will give your interface a more sleek and polished look.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"When you cast light upon a real-world object, it creates two distinct shadows. The first one is the core shadow, the thin, dark ring closest to the object. The second one is the cast shadow, the lighter and thicker shadow behind the object.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Most designers fail to display these two shadows correctly. They tend to use only one drop shadow with a large blur and high opacity. Doing this makes the surface edges too fuzzy and harsh.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Applying a core shadow and cast shadow is the correct way to display your drop shadow. Make the core shadow dark and tight to the surface. For example, a 1-pixel Y-axis and 3-pixel blur with a 10% opacity works well.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Then make the cast shadow lighter with a bigger blur and deeper Y-axis. A good default is a 6-pixel Y-axis and 12-pixel blur with an 8% opacity. The result is a surface with two different drop shadows that mimics a real-world shadow.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now you can apply this drop shadow to your interface components and get a more natural and polished look. Notice how the menu looks more professional after the change in shadows. It\u2019s these little details that matter when it comes to designing a visually appealing user experience.\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"For more insightful articles like this, subscribe to the official \",/*#__PURE__*/ _jsx(Link,{href:\"https://uxmovement.substack.com/subscribe\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://uxmovement.substack.com/subscribe\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"UX Movement Newsletter on Substack\"})})]})]}),qxqfzpV3b:\"the-art-of-user-interface-drop-shadows\",VUsssi95b:\"Media\",wTTReUpJl:\"Product Lead at Framer\"},{DD3znCvdO:\"2022-07-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/jornvandijk\",FSBRHbyNn:{alt:\"Jorn van Dijk\",src:new URL(\"assets/s2lVyv2RSZuo8AG0TXhNRvgKg6E.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Why I moved on from Figma?\",hYDLYsm8B:\"Jorn van Dijk\",I9BhUYGS2:\"Uran Duo\",id:\"ZIQzDuIa9\",K7P5LKS37:\"Fed up with front-loading design? This is what I do instead.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/xVCXAcPI7Jhn0lvh49TPACWgc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/xVCXAcPI7Jhn0lvh49TPACWgc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/xVCXAcPI7Jhn0lvh49TPACWgc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"First, this is not an anti-Figma post. We need many tools and processes for the many designers and design challenges out there. This is a post describing why I no longer use Figma and what process has proved more efficient for me.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Figma is an ambitious\u2014and pretty cool\u2014piece of software: it improves collaboration and makes project handoff tidier than previous tools.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"My work, like yours, is a particular flavor of UX and Design: I work in web development; Our programming team works in 2-week agile sprints; we\u2019re a non-profit; and so on. For me in my current role, and despite its cool features, I found that Figma was building in inefficiencies and contributing to misunderstandings on our team\u2019s path towards a working product.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Below I share the drawbacks of Figma we ran into, an alternative workflow, and it\u2019s benefits.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Drawbacks\"}),/*#__PURE__*/ _jsxs(\"ol\",{style:{\"--framer-text-alignment\":\"start\",\"--framer-text-color\":\"rgba(0, 0, 0, 0.8)\",\"--framer-text-transform\":\"none\"},children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"With Figma, handoff is baked into the process. \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.figma.com/design-systems/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.figma.com/design-systems/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"As described on their own website\"})}),\", Figma can \u201Ccreate responsive components that map closer to code, making developer handoff more seamless.\u201D Closer to code is a long ways from being code, and a more seamless handoff is still a handoff. Just one example of this is \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/#4-we-have-no-breakpoints-in-figma\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/#4-we-have-no-breakpoints-in-figma\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Figma\u2019s lack of breakpoints\"})}),\": any breakpoints you want to demo must be build by hand in Figma, and then redone in code. Unnecessary handoffs are not an efficient use of design time.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsx(\"p\",{children:\"Figma can\u2019t directly contribute to our agile team goals of building, testing, and improving by incremental product iterations for a simple reason: it generates a design artifact and doesn\u2019t contribute to the product itself.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsx(\"p\",{children:\"Everyone can understand a website, not so with a mockup. Figma\u2019s outputs also require accompanying descriptions and documentation of intent to be understood by all parties, or we risk creating comprehension debt.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Figma\u2019s front-loading of design is more aligned with waterfall processes. I am not anti-waterfall, it is a great pattern when \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.smartsheet.com/when-choose-waterfall-project-management-over-agile#:~:text=Waterfall%20is%20often%20a%20better,the%20end%20of%20the%20project.\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.smartsheet.com/when-choose-waterfall-project-management-over-agile#:~:text=Waterfall%20is%20often%20a%20better,the%20end%20of%20the%20project.\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"specifications are known up front and change is unlikely\"})}),\"\u2026 but that does not describe any software project I have ever worked on.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Programmers who rely on assistive technology are blocked out of the process until Figma has been translated to code. Figma projects are born inaccessible, \",/*#__PURE__*/ _jsx(Link,{href:\"https://bornaccessible.benetech.org/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://bornaccessible.benetech.org/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"the opposite of what we are working towards\"})}),\". Figma\u2019s \",/*#__PURE__*/ _jsx(Link,{href:\"https://help.figma.com/hc/en-us/articles/7810391964695-Accessible-prototypes-in-Figma\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://help.figma.com/hc/en-us/articles/7810391964695-Accessible-prototypes-in-Figma\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"accessible prototypes are in beta\"})}),\", but even when completed AT BEST they will deliver a very limited version of the accessibility that HTML already offers.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Another consequence of siloing the design process is that programmers are left holding the \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.makeuseof.com/what-every-programmer-should-know-about-digital-accessibility/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.makeuseof.com/what-every-programmer-should-know-about-digital-accessibility/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"accessibility hot potato\"})}),\". Designers should be deeply involved in the building and testing of accessible layouts, too, and the project is weaker for fragmenting building and testing a product from designing it.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Lastly, Figma is a tool for visual design and, while it does not dictate a polished outcome, it certainly encourages it. A good-looking artifact \",/*#__PURE__*/ _jsx(Link,{href:\"https://medium.com/user-experience-design-1/figma-is-making-you-a-bad-designer-54db4dc995ff\",openInNewTab:false,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://medium.com/user-experience-design-1/figma-is-making-you-a-bad-designer-54db4dc995ff\",rel:\"noreferrer noopener\",children:\"too early in the process\"})}),\" shifts attention away from requirements and usability and towards layout. Design is a powerful tool of persuasion, but achieving buy-in too quickly kills discovery.\"]})})]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"An alternative\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"My alternative process is to work directly on functional prototypes written in HTML. Some designers start to get pretty nervous at this point, but bear with me a little longer: as designers we have a long history of over-emphasizing the difficulty of coding, and we also have more options all the time to make code accessible. There are nocode options like Webflow or Quixi that may meet your needs. Or if you need full control there are many, many \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.frontendplanet.com/top-ui-component-libraries/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.frontendplanet.com/top-ui-component-libraries/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"UI component libraries\"})}),\" and \",/*#__PURE__*/ _jsx(Link,{href:\"https://hackr.io/blog/best-css-frameworks\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://hackr.io/blog/best-css-frameworks\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"CSS frameworks\"})}),\" that make simple front end prototyping much easier.\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"On my team we use CSS/HTML frameworks and component libraries for rapid prototyping, and it almost becomes a copy/paste exercise. It is not hard; in fact, it is so easy I often feel like a fraud, perhaps because my design training taught me that coding websites is both hard and someone else\u2019s job. But I ignore that voice because prototyping at the level I need is doable, produces useful code, and accelerates our project goals.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Benefits\"}),/*#__PURE__*/ _jsxs(\"ol\",{style:{\"--framer-text-alignment\":\"start\",\"--framer-text-color\":\"rgba(0, 0, 0, 0.8)\",\"--framer-text-transform\":\"none\"},children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"The biggest benefit is that a functional prototype speaks everyone\u2019s language out of the box: engineers, designers, end users, everyone, we all understand web functions presented in a browser. It taps into mental models we already share. As \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.producttalk.org/2021/11/discovery-handoffs/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.producttalk.org/2021/11/discovery-handoffs/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Teresa Torres\"})}),\" urges us, we should continually \u201Cvisualize our thinking\u201D in ways \u201Cthat are easy for other people on your team to understand.\u201D I know of nothing as easy to understand across a diverse group of people as a functional prototype in HTML.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsx(\"p\",{children:\"Working on a functional prototype mitigates handoff because the prototype IS the product. Sure, at some point my coding hits a wall (and often pretty quickly) and then it is time for developers to dive in. The prototype makes that transition much easier. It acts as a living specification, clarifies intent in myriad ways, and is a single reference point for all parties.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Furthermore, no design can think of everything up front. As \",/*#__PURE__*/ _jsx(Link,{href:\"https://uxdesign.cc/combining-agile-lean-and-design-thinking-a-layered-approach-70599a30f06b\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://uxdesign.cc/combining-agile-lean-and-design-thinking-a-layered-approach-70599a30f06b\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Raj Naggapan\"})}),\" puts it, \u201CThe necessity to pivot based on feedback from a working demo is not a far fetched idea.\u201D With a prototype, change requirements can be worked on by designers and engineers as they arise, and in a shared environment, without the need for additional handoffs.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"Responsiveness and accessibility can be tested in their native habitat, and with standard tools, \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.w3.org/wiki/Accessibility_testing#When_should_testing_be_done.3F\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.w3.org/wiki/Accessibility_testing#When_should_testing_be_done.3F\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"from the earliest stages of the project\"})}),\". Accessibility is not an enforced afterthought due to designing in non-web native tools; instead it becomes a natural part of each stage of the project build. And if you are lucky enough to have an engineer on your team who relies on assistive technology themselves, there is no delay to their involvement. Unlike when working in Figma, we can ensure our product is born accessible, even in very early stages.\"]})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsxs(\"p\",{children:[\"The one constant we can rely on is that projects change and morph, which is what agile strives to embody for programming. With this process, design can be iterated upon too, and be informed by the \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.designkit.org/methods/4\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.designkit.org/methods/4\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"continuous user testing that this way of working empowers\"})}),\".\"]})})]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Conclusion\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"On my product team, front loading design has too many drawbacks. We have dropped a Figma-based design process in favor of rapid prototyping in HTML/CSS using frameworks and UI libraries. Here is a recent \",/*#__PURE__*/ _jsx(Link,{href:\"https://bootcamp.uxdesign.cc/agile-for-designers-case-study-of-a-process-5bce39d0dfb7\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://bootcamp.uxdesign.cc/agile-for-designers-case-study-of-a-process-5bce39d0dfb7\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"case study\"})}),\" I wrote, just one example of what this process can look like. For myself, iterative functional prototyping makes UX and design far too enjoyable and efficient for me to return to a front-loaded, handoff-dependent way of working.\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"This article originally written by \",/*#__PURE__*/ _jsx(Link,{href:\"https://medium.com/@shamsibrinn\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://medium.com/@shamsibrinn\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Shamsi Brinn\"})}),\" and published on \",/*#__PURE__*/ _jsx(Link,{href:\"https://uxdesign.cc/why-i-moved-on-from-figma-538496938ba4\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://uxdesign.cc/why-i-moved-on-from-figma-538496938ba4\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Medium\"})})]})]}),qxqfzpV3b:\"why-i-moved-on-from-figma\",VUsssi95b:\"Podcasts\",wTTReUpJl:\"CPO & Founder at Framer\"},{DD3znCvdO:\"2022-06-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/monmichalczyk\",FSBRHbyNn:{alt:\"Monika Michalczyk\",src:new URL(\"assets/TmvBJCYnAAUAgcL1YweV87EnY.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"We should be focusing on net positive products\",hYDLYsm8B:\"Monika Michalczyk\",I9BhUYGS2:\"Yum Yum\",id:\"qSVgO4gff\",K7P5LKS37:\"My barometer check for successful products and why I think this is something we need to focus on more now than ever before.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/eYqaA5VKt9uQe0rvuAiDEur0s.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/eYqaA5VKt9uQe0rvuAiDEur0s.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/1024/eYqaA5VKt9uQe0rvuAiDEur0s.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1024w, ${new URL(\"assets/eYqaA5VKt9uQe0rvuAiDEur0s.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 1678w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"In the 90s, Bill and Melinda Gates happened to read a newspaper article that they just couldn\u2019t shake \u2014 one that opened their eyes to the impact of disease in poor countries and changed their trajectory and focus.\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesnotes.com/Health/Reducing-Child-Deaths-From-Rotavirus\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesnotes.com/Health/Reducing-Child-Deaths-From-Rotavirus\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"The article was about how 800,000 kids die every year from diarrheal diseases\"})}),\" \u2014 a figure that stands out starkly in comparison to developed nations with more advanced hygiene and medical practices.\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"They sent the article to Bill Sr. with a note:\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"\u201CDad, maybe we can do something about this.\u201D\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesfoundation.org/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesfoundation.org/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"The Bill and Melinda Gates Foundation\"})}),\" was born. As part of their broad initiatives with a major focus on global health, in 2011 they launched the \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesfoundation.org/our-work/programs/global-growth-and-opportunity/water-sanitation-and-hygiene/reinvent-the-toilet-challenge-and-expo\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesfoundation.org/our-work/programs/global-growth-and-opportunity/water-sanitation-and-hygiene/reinvent-the-toilet-challenge-and-expo\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Reinvent the Toilet Challenge\"})}),\" to come up with better ways to safely and effectively manage human waste.\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"When I first heard about this, I was drawn to it not only because of its premise and cause \u2014 about \",/*#__PURE__*/ _jsx(Link,{href:\"https://data.unicef.org/resources/progress-on-household-drinking-water-sanitation-and-hygiene-2000-2020/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://data.unicef.org/resources/progress-on-household-drinking-water-sanitation-and-hygiene-2000-2020/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"3.6 billion\"})}),\" people \u2014 nearly half of the world\u2019s population \u2014 lack toilets or use unsafe sanitation, the result of which is the potential to contaminate water, soil and food causing illness and death \u2014 but also because of its \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesfoundation.org/our-work/programs/global-growth-and-opportunity/water-sanitation-and-hygiene/reinvent-the-toilet-challenge-and-expo\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesfoundation.org/our-work/programs/global-growth-and-opportunity/water-sanitation-and-hygiene/reinvent-the-toilet-challenge-and-expo\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"constraints\"})}),\":\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"The toilet must function to remove harmful pathogens from human waste and recover valuable resources like energy, clean water, and fertilizer without relying on sewage systems or running water, with a preference for ideas that also don\u2019t rely on electricity (can operate \u201Coff the grid\u201D).\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"Since 2011, the challenge has continued, with ideas springing up that solve this meaningful problem ranging from \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesfoundation.org/ideas/media-center/press-releases/2012/08/bill-gates-names-winners-of-the-reinvent-the-toilet-challenge\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesfoundation.org/ideas/media-center/press-releases/2012/08/bill-gates-names-winners-of-the-reinvent-the-toilet-challenge\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"a solar powered toilet that generates hydrogen and electricity\"})}),\", to toilets that are \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.businessinsider.com/bill-gates-foundation-helps-invent-tiger-toilets-powered-by-worms-2019-1\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.businessinsider.com/bill-gates-foundation-helps-invent-tiger-toilets-powered-by-worms-2019-1\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"powered by worms\"})}),\", ones that create \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.gatesfoundation.org/ideas/media-center/press-releases/2012/08/bill-gates-names-winners-of-the-reinvent-the-toilet-challenge\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.gatesfoundation.org/ideas/media-center/press-releases/2012/08/bill-gates-names-winners-of-the-reinvent-the-toilet-challenge\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"biological charcoal, minerals, and clean water\"})}),\", and more recently, \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.popularmechanics.com/science/green-tech/a41105479/bill-gates-samsung-toilet/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.popularmechanics.com/science/green-tech/a41105479/bill-gates-samsung-toilet/\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"ones that turn your poop into ash\"})}),\".\"]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"Hearing about this competition and how it was framed drastically changed my mindset about\",/*#__PURE__*/ _jsx(Link,{href:\"https://medium.com/@zanelisa15/a-call-for-more-conscious-products-6eb4c62124a6\",openInNewTab:false,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://medium.com/@zanelisa15/a-call-for-more-conscious-products-6eb4c62124a6\",rel:\"noreferrer noopener\",children:\" how to bring meaningful products into the world\"})}),\".\"]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"My barometer check looks something like this:\"}),/*#__PURE__*/ _jsxs(\"ol\",{children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Is the product solving a meaningful problem that, if solved, will have a measurable, positive impact on people, the planet, or both?\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Is the problem clearly defined? Specifically with respect to how big of a problem it is, who, specifically, it impacts, and how it impacts them.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/ _jsx(\"p\",{children:\"Does the solution address the problem in a net positive way (i.e. does not produce unintended byproducts that cause more problems)?\"})})]}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"While we have come up with some of the most ingenious ways to approach problem solving in tech, I think we have missed the mark on hitting all three of these checkboxes in a lot of cases. Fast forward from its initial launch in 2004 \u2014 while part of that problem has no doubt been solved, and on a much, much larger scale, \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.npr.org/2021/10/05/1043377310/facebook-whistleblower-frances-haugen-congress\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.npr.org/2021/10/05/1043377310/facebook-whistleblower-frances-haugen-congress\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"some of the byproducts of how it was solved\"})}),\" include.\"]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"How can these types of situations be avoided?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Einstein once said, \u201CIf I had an hour to solve a problem I\u2019d spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.\u201D\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"With the rise of big tech, automation, faster processing, algorithm development, AI, machine learning, and more, we have become exceptional at solving problems. Where I think we have a lot of room for improvement is how we frame them.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"When embarking on a new product you\u2019re looking to bring into the world, invest time in the conception phase to not only find a meaningful, and valuable problem to solve, but also to define that problem really well.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"In other words, create the right sandbox for your team to operate in.\"})]}),qxqfzpV3b:\"we-should-be-focusing-on-net-positive-products\",VUsssi95b:\"Advertise\",wTTReUpJl:\"Visual Designer at Framer\"},{DD3znCvdO:\"2022-05-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/oscarlsson\",FSBRHbyNn:{alt:\"Oscar Carlsson\",src:new URL(\"assets/RKbJ31NRDrLBXCcpNrMG19OrHA.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/RKbJ31NRDrLBXCcpNrMG19OrHA.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/RKbJ31NRDrLBXCcpNrMG19OrHA.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 800w`},gblEufo0g:\"Fast Designer, Smart Designer\",hYDLYsm8B:\"Oscar Carlsson\",I9BhUYGS2:\"Uran Duo\",id:\"oDLuXr8oa\",K7P5LKS37:\"The religion of moving fast and breaking things has stressed us out and left us broken. Is this the only way to successfully build a product, or can we use design to do things differently?\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/UIs4Vp0HYuqWaI9mDheWzuBv5Yc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/UIs4Vp0HYuqWaI9mDheWzuBv5Yc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/UIs4Vp0HYuqWaI9mDheWzuBv5Yc.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"h3\",{children:\"The religion of fast product\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"As the Facebook doctrine for success goes, \",/*#__PURE__*/ _jsx(\"em\",{children:\"move fast and break things\"}),\". This is a ritual practised by many of the most evangelical product companies out there, but all too often it ends up being the people that get broken.\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"Burnout is a product of the constant self-flagellation of overworking, over-committing, and overstressing. Sure, if this is the cost of success then fine, it's your choice, however, this culture has become pervasive. It is a disease that has spread beyond the individual, throughout the company, and throughout the industry. Now if this was the only way to be successful, then cool, by all means, basque in the golden glory of the product gods, go to battle and if you shall fall, eat in the hall of Valhalla. But it's not the only way to succeed, it's just one way to do it and an inefficient way at that, with extremely high casualties. What worked for Mark Zuckerburg won't work for everyone, and if it did, what kind of world would we live in? Facebook is a mediocre product trading on the insecurities of humanity and the leader has mistaken himself for a god surviving on the misfortunes of others. What we need are real tools that improve the human experience, and to do that we need a doctrine that respects humanity from the beginning, we need to move humbly and create things.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"As the old adage for success goes, work smarter not harder. If product people are still focusing instead on moving fast and breaking things, it makes me wonder how committed they really are towards doing things in an intelligible way. It seems like the easy way out of a complex pickle, spray and pray. Instead of planning and strategising, they jump to conclusions and brute force their way through the problem, leaving everyone stressed when the ends fray. As they say, there is no such thing as a free lunch, but I believe, if you go about it smartly, you could get something delicious without breaking an arm.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"The cost of dancing with the devil\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"According to the US National Institute for Occupational Safety and Health (NIOSH), \",/*#__PURE__*/ _jsx(Link,{href:\"https://www.cdc.gov/niosh/docs/99-101/default.html#Job%20Stress%20and%20Health\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://www.cdc.gov/niosh/docs/99-101/default.html#Job%20Stress%20and%20Health\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"Health care expenditures are nearly 50% greater for workers who report high levels of stress\"})}),\". This is because of the way your body reacts to being exposed to long endured and constant stress. Your body becomes fatigued by the constantly tense muscles, the overproduction of hormones and the overly active nervous system. Your body wears out and you become prone to illness and injury.\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"This not only impacts the person as an individual, but when you place a stressed person in a team, it stresses everyone else out. Stress is viral and it spreads through organisations prolifically. Stress becomes a part of the culture.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Within the context of a product development team's work, there are certain recurring factors that erode their well-being more than others. For them to do their work, they need everything upstream of them in the product development process to have been done completely and competently. They need clear product visions, strategies and goals. When they are left to do their work without these things, it's like being asked to run a race without shoes, a map or even knowing where the finish line is.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Teams are not only sacrificing a large piece of themselves to the product gods for the ascension of their companies into the pantheons of power but they are also the ones left paying the cost long after they leave. Dance with the devil and he will forever have you in his grips.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Stress is a multi-headed demon\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"Fast process or slow process, pace isn't the real meat with the potatoes. Pace is just a vanity metric, an easy-to-measure fa\\xe7ade that distracts the uninquisitive from taking off their rose-tinted glasses and seeing the demon for what it is. Stress is ugly and complicated. Perhaps that's the source of this conundrum, that the \",/*#__PURE__*/ _jsx(\"em\",{children:\"move fast and break things ideology\"}),\" has been an easy-to-comprehend distraction from the fact that things are emergent and we really don't know what's going on, we are all actually on magic carpets flying by the seat of our pants.\"]}),/*#__PURE__*/ _jsx(\"p\",{children:\"The reality is that the world is chaotic, and our primal instinct is to make sense of it. Things pop up like snakes all around us all the time, continuously competing for attention, but we can only cut down one at a time. We are stretched thin trying to focus on too many things at once and this will leave us overwhelmed and we will get bitten.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Culture is everything\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"The \",/*#__PURE__*/ _jsx(Link,{href:\"https://hbr.org/2018/01/the-leaders-guide-to-corporate-culture\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://hbr.org/2018/01/the-leaders-guide-to-corporate-culture\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"culture\"})}),\" of an organisation is the sum of the behaviours that the team members do. It is important to remember that product development is a team sport. We often refer to cultures as either being great or toxic. These terms are highly subjective and vague so I prefer to look at it in terms of cultures that promote product success or inhibit it. Of course, even though the hiring managers will be bragging to all their candidates about how great their culture is, no culture is perfect. It is filled with all the complexities and flaws that we humans have, that\u2019s just the way it is and we need to own it. Smart companies look to create ecosystems that nurture a culture to become more promoting of product success (Through retros, feedback, and focusing on soft skills). Others simply ignore it entirely and instead focus on the business results ( They typically tell their employees to work more efficiently or else!). The reason Facebook used the motto \",/*#__PURE__*/ _jsx(\"em\",{children:\"move fast and break things\"}),\" was not because it sounded cool, but to deploy a way of working throughout the organisation. They wanted to build a culture around certain expected behaviours. They wanted people not to worry about quality, and just focus on disrupting. However, optimising for maximum disruption leaves a lot of things broken in its wake. I believe that in order to build great products that can solve the world's problems, we need to start optimising for something else completely. We need to optimise the experience of the people at the heart of the organisation, because if the employees have a great experience, then that will filter through to the work they do, meaning better products and better customer experiences.\"]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Summary\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Moving fast and breaking things has been a recipe for the short-term success of a few people, however as a result, it has left the majority of us broken (employees and users). But now the tide is turning and more and more people are wanting a different future, one that supports the people behind the products and one that creates meaningful experiences for the users. Now is the time to do things differently, so ask yourself, do you want to move fast and break things? or would you prefer to move smart and create things?\"})]}),qxqfzpV3b:\"fast-designer-smart-designer\",VUsssi95b:\"Venture\",wTTReUpJl:\"Head of Growth at Framer\"},{DD3znCvdO:\"2022-04-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/jonastreub\",FSBRHbyNn:{alt:\"Jonas Treub\",src:new URL(\"assets/GdGa0L1MSP2fQT50RlxgxMPonY.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Hybrid Collaboration for UX Teams\",hYDLYsm8B:\"Jonas Treub\",I9BhUYGS2:\"Uran Duo\",id:\"UcZnorA_D\",K7P5LKS37:\"How might we create a hybrid office environment where designers thrive?\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/TZ0I2AhmipUK0eSvKidOYe1QDY.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/TZ0I2AhmipUK0eSvKidOYe1QDY.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/TZ0I2AhmipUK0eSvKidOYe1QDY.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"h3\",{children:\"What is a landing page?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Whether you work in marketing, sales, or product design, you understand the importance of a quality landing page. Landing pages are standalone websites used to generate leads or sales\u2014in other words they help you increase your revenue. Unlike typical web pages, landing pages only have one call to action, or CTA, and they are usually tied to a specific marketing or advertising campaign. The hyper-focused nature of landing pages means they come with a pretty standard set of best practices.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Landing pages vs. front pages\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"A typical front page or website in general includes a full navigation bar with tons of links throughout the page linking to other pages or pieces of content. A good landing page should only have one link, or multiple links that all point to the same thing. Having one CTA on your landing page increases conversions because there\u2019s less distraction\u2014fewer equally appealing options to prompt your users into leaving your landing page.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Your brand\u2019s front page has totally different goals. It should show off your brand\u2019s personality, let people explore different features, find blogs and support articles, or even apply for a job. But they won\u2019t necessarily purchase your product from the front page. And that\u2019s why we need landing pages.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Since landing pages are tied to specific campaigns, you don\u2019t need to worry about users lacking information about your product. They arrived at your landing page because they were interested in an ad or post on Google, Bing, YouTube, Facebook, Instagram, Twitter, or similar places on the web. With super detailed campaigns pointing to easy-to-use landing pages, you\u2019re getting high-quality leads that are actually interested in using your product.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Best practices for creating a landing page\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"What makes an easy-to-use landing page? Overall it\u2019s clear, concise, and doesn\u2019t give users any options except for the main CTA.In terms of copy, your landing page should have one clear message. The header of your page should promote the desired action you want visitors to take. And additionally it should explain the benefits of performing this action.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The visual design of your page should be very simple. Unlike your front page, this is not the place to go crazy with brand personality\u2014so no wild animations or complex design elements. You wouldn\u2019t want to distract visitors from performing the main action of your page.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Landing page CTA\u2019s are typically buttons, sometimes accompanied by an input field if you need to collect user information. To ensure your buttons are clicked, make sure they stand out visually. This can be done with contrasting the button color with your page background and clear copy on the button itself. For example, if you are asking visitors to book a demo, write\u201CBook a demo\u201D clearly on the CTA button.\"})]}),qxqfzpV3b:\"hybrid-collaboration-for-ux-teams\",VUsssi95b:\"Events\",wTTReUpJl:\"Making Framer\"},{DD3znCvdO:\"2022-03-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/blixt\",FSBRHbyNn:{alt:\"Andreas Blixt\",src:new URL(\"assets/AGi4W98oy8LaiYfdCKLMZTbxZts.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Designing big, complex products from scratch\",hYDLYsm8B:\"Andreas Blixt\",I9BhUYGS2:\"Uran Duo\",id:\"DRBfLtynR\",K7P5LKS37:\"3 tips for overcoming complexity and going from 0 to 1.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/IMNpvqS5DOK6LWfB6kazkltKcS8.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/IMNpvqS5DOK6LWfB6kazkltKcS8.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/IMNpvqS5DOK6LWfB6kazkltKcS8.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Last month, I had the chance to attend CSS Day in Amsterdam, a two day event split between a \u201CUI day\u201D focusing on the intersection of design and development and a \u201CCSS day\u201D, with speakers who covered more in-depth, technical CSS subjects. The talks were as diverse as the background of the speakers themselves, but there was one common thread: In this era of rapid change, are we, as product people, equipped to design for automation, machine learning, and AI?\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"What does automation mean for designers?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"It's hard to work on a product team that hasn\u2019t automated some part of their workflow in the name of productivity. If machines can take care of the repeatable tasks and heavy lifting, designers can focus on doing more meaningful work. But how does this affect the way we use the work being created by machines?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Josh Clark, founder of design studio Big Medium, provoked the audience with this very question during his talk, \u2018A.I. is your New Design Material\u2019. Some of the most impressive advancements in recent technology are things like facial recognition, predictive text, and image search, all powered by machine learning. But it's important to remember\u2014all of these technologies are still built on code. The upside is less room for error. No real emotions, expectations, or feelings get in the way of the job it was designed to do.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Yet, as humans, we assume that when facial recognition fails, the whole process is inherently flawed. But was it really?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"According to Josh, that is the most fundamental thing to understand when it comes to machines. Not meeting our human expectations, doesn\u2019t automatically make the technology itself a failure. These things were, by definition, built on logic, which begs the question: Can a robot's solution actually be wrong?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The point of introducing machine learning into our products was never to have them do all the work. Instead, algorithms and logic-based solutions ought only provide humans with better insight so as to empower us to arrive at better solutions, faster.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"This fundamental understanding our users that really helps us make better products. This might be a simple example, but if a computer can figure out how to walk on it's own, maybe it's time to start investigating why and how these solutions were formed.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"How do we design for the unknown future?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Jared Spool, Co-Founder of UIE asks, \u201CWhat was the most important thing you learned yesterday, and how will it impact what you do in the future?\u201D\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"As designers and researchers, we essentially always need to think about how we design products for the future, even as we\u2019re meeting the demands of present day design. A tall order, especially when things move as fast as they have been over the last decade.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"To start, Jared advocates for looking back at the ways in which our design processes have already changed.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Remember when UX/UI wasn't a priority for many companies? As a consultant during a time when the Internet had yet to hit mass market appeal, Jared was able to steer many companies into a mindset that considered the user experience of a product.\"}),/*#__PURE__*/ _jsx(\"p\",{children:'But this also lets us gain input into how UX and UI has looked over the years, which might give us a better idea of what these concepts will look like moving forward. Jared describes a term called \"The UX Tipping Point\", with great actionable steps on how to get there.'}),/*#__PURE__*/ _jsx(\"p\",{children:\"In the past, designers had to fight for a seat at the table. If today you\u2019re not starting from a place of advocating for user experience (like they were 10 years ago), they\u2019re likely not starting at that tipping point. As a result, designers still have to ensure that the role of UX matures within the company, as well as the understanding of what makes UX important. When an organization hits the last stage, and fully embraces UX design from everything the company does, they fully hit The UX Tipping Point.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Are we designing for users or ourselves?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"People don't always know what they want, even if they think the do. As Joe Leech, a UX psychologist says, \\\"People want more choices, but can't deal with them.\u201D\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"So how do we design for our users, if our users aren\u2019t always telling us the truth? This is one of the most important questions, and something that extensive UX research helps us accomplish.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Back in the 2000s, psychologists Sheena Iyengar and Mark Lepper ran a study regarding consumer choices. They went to a local supermarket, and instructed the store to only sell 6 varieties of jam one week, followed by 30 varieties the following week.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"They ran a study on how much jam was sold, and to everyone's surprise, more jam was sold on the week with only 6 choices. But interestingly enough, when the consumers were asked which week they preferred more, they responded with the week that had 30 choices.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Using this analogy, Joe makes a point that is hard to argue with, \u201CA designer who doesn't understand psychology is going to be more successful than an architect who doesn't understand physics\\\".\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"User research, and a wide variety of it, helps teams get as close as possible to the root of a user\u2019s needs, over their wants. Studying responses on a larger scale is more work, but it helps form the foundation for true UX.\"})]}),qxqfzpV3b:\"designing-big-complex-products-from-scratch\",VUsssi95b:\"Security\",wTTReUpJl:\"VP of Engineering at Framer\"},{DD3znCvdO:\"2022-02-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/PalmaSwell\",FSBRHbyNn:{alt:\"Mauricio Palma\",src:new URL(\"assets/3nKP1qQirR5d5dVZhAPCs25KnFk.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Build the thing: an IA model for organizing documentation\",hYDLYsm8B:\"Mauricio Palma\",I9BhUYGS2:\"Uran Duo\",id:\"UJlJ644DF\",K7P5LKS37:\"Why we reorganized Shopify.dev information architecture around developer goals, not information type.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/aiNdlJQK5e3zphqVnl3gGBj2vU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/aiNdlJQK5e3zphqVnl3gGBj2vU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/aiNdlJQK5e3zphqVnl3gGBj2vU.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Navigation is key within any digital interface. Smart Components enable us to create custom interactive navigation components that work perfectly with the rest of your prototype.In this guide, we will cover the concepts of nesting components, adding events to elements in a component using Event Variables, and passing these through your components. One of the main benefits of using nested components is that it provides full control over its states, such as unique hover states of elements within another component.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Starting at the atomic level\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Framer allows you to create fully interactive and animated components, and even allows you to nest components within other components. We\u2019re building a navigation bar component for a website that will contain two different kinds of nested components, with their own unique interactions. Our project will contain a Navigation bar that contains various nested components, namely five Nav items and one Shopping cart component. The design of our nested components, the nav list item and the shopping cart, will impact how we design our navigation bar. For this reason, an optimal workflow includes starting with the 'deepest' nested component and building up from there.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Nesting components\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Once we have our two components ready, we can start creating the component in which we will nest these. Draw your navigation bar, select it on the canvas and click the Component tool in the Toolbar. To nest a different component in our new component, just drag any other component to the Component Canvas and place it within your designed navigation bar.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Triggering interactions from the navigation bar\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Back on the main canvas, we\u2019d like to be able to tap 'Clothing' and navigate to an entire new Screen. If you\u2019d connect the component using the Prototyping Connector to a new screen, we could set up an Interaction. However, this would be triggered if we tap anywhere within our component. This isn\u2019t what we want to do, as we want to trigger this transition only from a specific element. This is where Event Variables come in, which are special types of Variables not attached to properties (like opacity or fill) but instead to events.\"})]}),qxqfzpV3b:\"build-the-thing-an-ia-model-for-organizing-documentation\",VUsssi95b:\"Crypto\",wTTReUpJl:\"Product Engineer at Framer\"},{DD3znCvdO:\"2022-01-01T00:00:00.000Z\",dLtQpsUc2:\"https://twitter.com/ClaudiaMinardi\",FSBRHbyNn:{alt:\"Claudia Minardi\",src:new URL(\"assets/4Hu4iob18ZEprBsFlrLOJiNWiQ.jpeg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href},gblEufo0g:\"Documenting design decisions is important for product designers\",hYDLYsm8B:\"Claudia Minardi\",I9BhUYGS2:\"Uran Duo\",id:\"fluJs5X0A\",K7P5LKS37:\"Documenting your design decisions will help you communicate them.\",PQT4tywhC:{alt:\"Image\",src:new URL(\"assets/4lkUcWUb1aIyXA16zmNQ7gilEg.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href,srcSet:`${new URL(\"assets/512/4lkUcWUb1aIyXA16zmNQ7gilEg.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 512w, ${new URL(\"assets/4lkUcWUb1aIyXA16zmNQ7gilEg.jpg\",\"https://framerusercontent.com/modules/tXziHeFfnF4U9inYueWU/1GbP25caVi4JB3V546RE/Z3lbVKWCc.js\").href} 750w`},qj5XlNurU:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Here is what the developer said to me: Why does the table have a column \u201Cuploaded by\u201D? That wasn\u2019t in our last meeting. Let me look at the design decision document I said to him.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Several minutes later, I told the developer that this column was added after our meeting (in which he also took part) since we thought it would be useful to the users. This is because people who work on the system will be able to track the tickets and ask the person who opened them questions if they need to. This will help them get the job done faster.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"I have heard this type of question many times over the years from developers, product managers, project managers, and other designers from the design team about solutions the teams and I were working on.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The truth is, we can make any decision we want. It can be a good decision or a bad decision, but most times nobody remembers why. Including you. In this article, I will explain why it is crucial to document design decisions to be able to deal with these situations quickly.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"What is a design decision document?\"}),/*#__PURE__*/ _jsxs(\"p\",{children:[\"The design decision document is where all the decisions you and the team made about the design are recorded. For example, if you decide to divide a form into two parts instead of one, you can put it there. Another example could be when you decide to use a modal that asks the user to type the project name before deleting it. This documentation is referred to as a design decision document, and it contains all of the pertinent details about the design decision. I also pass it to the developers as part of the deliverables for the \",/*#__PURE__*/ _jsx(Link,{href:\"https://uxplanet.org/a-complete-guide-to-executing-a-great-design-to-development-handoff-4bd545be9416\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(\"a\",{href:\"https://uxplanet.org/a-complete-guide-to-executing-a-great-design-to-development-handoff-4bd545be9416\",rel:\"noreferrer noopener\",target:\"_blank\",children:\"design to development handoff\"})}),\".\"]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"If people ask questions about the design, you will be able to clearly answer them\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"The design process involves showing the design to the team members, they ask questions, and we answer, but sometimes non-team members will ask about the design, it could be the customer success person, the quality assurance tester, or even the CEO. Whenever you write the decisions and the \u201Cwhy\u201D, you are explaining them to yourself too, so when you have written it, you will be able to back it up and explain it to others.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"What else needs to be in the decision document?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"As part of the decisions, you must write why you and your team chose this decision over another. Most of the time no one in the team remembers the why, but the documentation will help. I also like to write the date when the decision was made and who was involved. Let me give you two examples:\"}),/*#__PURE__*/ _jsxs(\"ul\",{style:{\"--framer-text-alignment\":\"start\",\"--framer-text-color\":\"rgba(0, 0, 0, 0.8)\",\"--framer-text-transform\":\"none\"},children:[/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsx(\"p\",{children:\"On 14.2.2022, the team decided to use a form with two steps. It is because we think it will make the task easier and allow the user to complete it in a more straightforward way.\"})}),/*#__PURE__*/ _jsx(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"20px\",\"--framer-letter-spacing\":\"-0.003px\",\"--framer-line-height\":\"28px\",\"--framer-text-color\":\"rgb(41, 41, 41)\"},children:/*#__PURE__*/ _jsx(\"p\",{children:\"On 19.4.2022, the team agreed to split the implementation into two parts due to the complexity of the user story. This is due to the need to provide value to the user within the next week.\"})})]}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Communicate when you make changes to this document\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Everyone needs to be on the same page when a decision is made. Send the information that you added to the document in a messaging app such as Teams or Slack right away to everyone who is involved. It looks like that.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"\u201CHello team, after today\u2019s meeting I updated the design decision document. Here is what I added: On 10.5.2022, we added a search component to the table because we think it will help users find what they are looking for.\u201D\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"As you can see, it is a very simple communicative message that gets the team on the same page.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Keep it clean\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"It is important to keep this document clean. Delete any old information that is no longer relevant. If you don\u2019t keep your documentation clean, you will find duplicate and conflicting information. In an agile world where decisions change fast, it is easy to get confused if the information is not organized.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Having clear design system documentation will save you time\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Sometimes you have to make decisions that don\u2019t depend on the use case, they come from best practices. For example, If you have three choices, use a radio button instead of a select component. When you have a good design system with clear documents, it can save you time to agree on small things that don\u2019t need to be discussed. People who aren\u2019t designers like inventing stuff about design, even though they aren\u2019t experts. In these cases, having a clear design system will save you time talking to other stakeholders.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"You can measure the impact of your decisions\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Every design must be released to determine the level of acceptance. Let\u2019s be honest, most of the time we don\u2019t know how well the design will work. By writing your decisions and why you took them, you will be able to look at them and see where the assumptions worked and where they didn\u2019t. If you connect the decisions with clear metrics, you will know how successful the design is.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"For instance, you can write: We agreed to add a search field to the main page because we think that will help us to reduce the user\u2019s search time by 30%.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Now that you can measure it, have you achieved your goal?\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"To conclude\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"A design document is an excellent means of communicating design decisions to the team. Writing it down helps you remember the decisions that were made about the design, and most importantly, it helps you remember why you made them. Keeping the documentation clean and transparent will let you back to it and answer questions about the decision and also let you measure the design by metrics.\"})]}),qxqfzpV3b:\"documenting-design-decisions-is-important-for-product-designers\",VUsssi95b:\"Apps\",wTTReUpJl:\"Software Engineer at Framer\"}];addPropertyControls(data,{gblEufo0g:{defaultValue:\"\",title:\"Title\",type:ControlType.String},K7P5LKS37:{defaultValue:\"\",placeholder:\"\",title:\"Summary\",type:ControlType.String},PQT4tywhC:{__defaultAssetReference:\"data:framer/asset-reference,64n4wnVJKDJspLlFZ6DarCP0M4.jpg\",title:\"Image\",type:ControlType.ResponsiveImage},I9BhUYGS2:{defaultValue:\"\",placeholder:\"\",title:\"Image Credit\",type:ControlType.String},VUsssi95b:{defaultValue:\"\",placeholder:\"Startups\",title:\"Category\",type:ControlType.String},qj5XlNurU:{defaultValue:\"\",title:\"Content\",type:ControlType.RichText},hYDLYsm8B:{defaultValue:\"\",placeholder:\"Huseyin Emanet\",title:\"Author Name\",type:ControlType.String},FSBRHbyNn:{title:\"Author Photo\",type:ControlType.ResponsiveImage},wTTReUpJl:{defaultValue:\"\",displayTextArea:true,title:\"Author Bio\",type:ControlType.String},dLtQpsUc2:{defaultValue:\"\",placeholder:\"https://www.framer.com/\",title:\"Author Website\",type:ControlType.String},DD3znCvdO:{defaultValue:\"\",title:\"Date\",type:ControlType.Date},qxqfzpV3b:{title:\"Slug\",type:ControlType.String}});data[\"displayName\"]=\"Blog\";export default data;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerData\":\"\",\"framerSlug\":\"qxqfzpV3b\",\"framerContractVersion\":\"1\",\"framerRecordIdKey\":\"id\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "css", "FramerTBbWYZPJi", "withCSS", "TBbWYZPJi_default", "addPropertyControls", "ControlType", "addFonts", "init_ssg_sandbox_shims", "init_ssg_sandbox_shims", "fontStore", "fonts", "css", "className", "enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "mSSMRQqXQ", "kFJtDNWsq", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Link", "RichText2", "x", "css", "FramerG2qgkp8Bv", "withCSS", "G2qgkp8Bv_default", "addPropertyControls", "ControlType", "addFonts", "fonts", "init_ssg_sandbox_shims", "data", "u", "x", "p", "Link", "addPropertyControls", "ControlType", "Z3lbVKWCc_default"]
}