CINXE.COM

Google Design - Medium

<!DOCTYPE html><html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain"><title>Google Design - Medium</title><link rel="canonical" href="https://medium.com/google-design"><link id="feedLink" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/google-design"><meta name="robots" content="index,follow"><meta name="title" content="Google Design - Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="Stories by Googlers on the people, product, and practice of UX at Google. For editorial content and more visit design.google."><meta name="keywords" content="GOOGLE, UX, DESIGN, RESEARCH, THOUGHT LEADERSHIP"><meta name="theme-color" content="#000000"><meta property="og:title" content="Google Design – Medium"><meta property="twitter:title" content="Google Design – Medium"><meta property="og:url" content="https://medium.com/google-design"><meta property="og:image" content="https://cdn-images-1.medium.com/max/1200/1*aLg16KgQKz7SEm23O2hX8A.png"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="Stories by Googlers on the people, product, and practice of UX at Google. For editorial content and more visit design.google."><meta name="twitter:description" content="Stories by Googlers on the people, product, and practice of UX at Google. For editorial content and more visit design.google."><meta name="twitter:image:src" content="https://cdn-images-1.medium.com/max/1200/1*aLg16KgQKz7SEm23O2hX8A.png"><meta property="og:type" content="medium-com:collection"><meta name="twitter:card" content="summary_large_image"><meta property="medium-com:creator" content="https://medium.com/@carlyayres"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://google-design"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://google-design"><meta property="al:android:url" content="medium://google-design"><meta property="al:web:url" content="https://medium.com/google-design"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml" /><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/google-design" /><script type="application/ld+json">{"@context": "http://schema.org", "@graph": [{"@type": "WebSite", "url": "https:\/\/medium.com", "name": "Medium", "alternateName": "Medium is a community of readers and writers offering unique perspectives on ideas large and small."},{"@type": "Organization", "url": "https:\/\/medium.com\/google-design", "name": "Google Design"}]}</script><link rel="stylesheet" href="https://cdn-static-1.medium.com/_/fp/css/main-branding-base.ouwh4uMviI3QQWIjxRhkHA.12.css"><script>!function(n,e){var t,o,i,c=[],f={passive:!0,capture:!0},r=new Date,a="pointerup",u="pointercancel";function p(n,c){t||(t=c,o=n,i=new Date,w(e),s())}function s(){o>=0&&o<i-r&&(c.forEach(function(n){n(o,t)}),c=[])}function l(t){if(t.cancelable){var o=(t.timeStamp>1e12?new Date:performance.now())-t.timeStamp;"pointerdown"==t.type?function(t,o){function i(){p(t,o),r()}function c(){r()}function r(){e(a,i,f),e(u,c,f)}n(a,i,f),n(u,c,f)}(o,t):p(o,t)}}function w(n){["click","mousedown","keydown","touchstart","pointerdown"].forEach(function(e){n(e,l,f)})}w(n),self.perfMetrics=self.perfMetrics||{},self.perfMetrics.onFirstInputDelay=function(n){c.push(n),s()}}(addEventListener,removeEventListener);</script><script>document.domain = document.domain;</script><script>if (window.top !== window.self) window.location = 'about:blank';var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga("create", "G-7JY7T788PK", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname});ga("send", "pageview");</script><script async src="https://www.google-analytics.com/analytics.js"></script><script>(function () {var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; document.write("<style>section.section-image--fullBleed.is-backgrounded {padding-top: " + Math.round(1.1 * height) + "px;}section.section-image--fullScreen.is-backgrounded, section.section-image--coverFade.is-backgrounded {min-height: " + height + "px; padding-top: " + Math.round(0.5 * height) + "px;}.u-height100vh {height: " + height + "px !important;}.u-height110vh {height: " + Math.round(1.1 * height) + "px !important;}.u-minHeight100vh {min-height: " + height + "px !important;}.u-maxHeight100vh {max-height: " + height + "px !important;}section.section-image--coverFade {height: " + height + "px;}.section-aspectRatioViewportPlaceholder, .section-aspectRatioViewportCropPlaceholder {max-height: " + height + "px;}.section-aspectRatioViewportBottomSpacer, .section-aspectRatioViewportBottomPlaceholder {max-height: " + Math.round(0.5 * height) + "px;}.zoomable:before {top: " + (-1 * height) + "px; left: " + (-1 * width) + "px; padding: " + height + "px " + width + "px;}</style>");})()</script><!--[if lt IE 9]><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.12.js"></script><![endif]--><link rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/304/304/1*aLg16KgQKz7SEm23O2hX8A.png"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/240/240/1*aLg16KgQKz7SEm23O2hX8A.png"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/152/152/1*aLg16KgQKz7SEm23O2hX8A.png"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/120/120/1*aLg16KgQKz7SEm23O2hX8A.png"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg" color="#171717"></head><body itemscope class=" browser-ie os-windows v-unbound v-glyph v-glyph--m2-unbound-source-serif-pro is-noJs"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main" id="container"><div class="butterBar butterBar--error"></div><div class="surface"><div id="prerendered" class="screenContent"><div class="metabar u-clearfix u-textColorTransparentWhiteDarker u-tintBgColor u-tintSpectrum js-metabar"><div class="branch-journeys-top"></div><div class="js-metabarMiddle metabar-inner u-marginAuto u-maxWidth1032 u-flexCenter u-justifyContentSpaceBetween u-height65 u-xs-height56 u-paddingHorizontal20"><div class="metabar-block u-flex1 u-flexCenter"><div class="js-metabarLogoLeft"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-fillWhite u-flex0 u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--wordmarkMedium svgIcon--120x26px u-flex"><svg class="svgIcon-use" width="120" height="26" ><path d="M29.57 1.404l.036-.008V1.12h-7.27l-6.75 15.979-6.75-15.98H1.003v.278l.035.008c1.327.302 2 .752 2 2.374v18.993c0 1.623-.676 2.073-2.003 2.374L1 25.153v.279h5.315v-.278l-.035-.008c-1.327-.302-2-.751-2-2.374V4.88l8.67 20.552h.492l8.924-21.125V23.24c-.114 1.282-.782 1.677-1.983 1.95l-.036.009v.275h9.259V25.2l-.036-.008c-1.203-.274-1.886-.67-2-1.95l-.006-19.464h.006c0-1.622.674-2.072 2-2.374zm4.23 12.582c.15-3.412 1.367-5.875 3.41-5.918.629.01 1.157.219 1.568.62.872.852 1.282 2.634 1.219 5.298h-6.198zm-.092.962h10.85v-.046c-.03-2.61-.78-4.64-2.228-6.033-1.25-1.204-3.103-1.867-5.048-1.867h-.043c-1.01 0-2.248.246-3.13.693a7.316 7.316 0 00-2.623 2.086c-1.185 1.479-1.903 3.477-2.078 5.724a13.717 13.717 0 00-.04.755c-.004.195-.005.39-.001.587.117 5.087 2.846 9.153 7.692 9.153 4.254 0 6.73-3.132 7.348-7.336l-.312-.11c-1.085 2.259-3.034 3.628-5.252 3.461-3.028-.228-5.347-3.32-5.137-7.066m23.122 6.893c-.356.85-1.099 1.319-2.094 1.319-.995 0-1.905-.689-2.552-1.939-.694-1.342-1.06-3.24-1.06-5.487 0-4.678 1.445-7.704 3.68-7.704.937 0 1.674.468 2.026 1.284v12.527zm7.198 3.335c-1.327-.316-2-.787-2-2.492V0l-8.062 2.392v.293l.05-.004c1.111-.09 1.866.064 2.304.472.343.32.51.809.51 1.498v3.11C56.033 7.25 55.088 7 53.94 7c-2.326 0-4.453.987-5.986 2.779-1.599 1.867-2.444 4.42-2.444 7.38 0 5.287 2.584 8.84 6.43 8.84 2.25 0 4.06-1.242 4.888-3.336v2.811h7.233v-.29l-.035-.008zM70.94 3.085c0-1.65-1.236-2.896-2.875-2.896-1.632 0-2.908 1.272-2.908 2.896 0 1.624 1.278 2.896 2.908 2.896 1.64 0 2.875-1.245 2.875-2.896zm1.903 22.092c-1.327-.316-2-.787-2-2.492h-.006V7.055l-7.234 2.092v.284l.043.004c1.566.14 1.994.683 1.994 2.525v13.515h7.24v-.29l-.037-.008zm18.536 0c-1.327-.316-2-.787-2-2.492V7.055L82.49 9.078v.285l.04.004c1.28.136 1.65.71 1.65 2.56v9.88c-.426.85-1.227 1.356-2.196 1.39-1.573 0-2.439-1.07-2.439-3.012V7.055l-7.234 2.092v.284l.044.004c1.565.14 1.994.683 1.994 2.525v8.362a9.443 9.443 0 00.15 1.741l.13.57C75.243 24.845 76.848 26 79.362 26c2.129 0 3.996-1.328 4.818-3.405v2.885h7.233v-.291l-.034-.012zm28.102.298v-.291l-.035-.009c-1.44-.334-2.001-.964-2.001-2.248V12.295C117.445 8.98 115.597 7 112.5 7c-2.257 0-4.16 1.314-4.893 3.36-.582-2.168-2.257-3.36-4.734-3.36-2.175 0-3.88 1.156-4.612 3.11V7.056l-7.233 2.006v.286l.043.004c1.547.138 1.994.697 1.994 2.492v13.631h6.75v-.29l-.037-.01c-1.148-.271-1.519-.767-1.519-2.04V10.95c.304-.715.917-1.562 2.127-1.562 1.504 0 2.266 1.05 2.266 3.116v12.972h6.751v-.29l-.035-.01c-1.149-.271-1.52-.767-1.52-2.04V12.294a7.107 7.107 0 00-.095-1.21c.322-.777.97-1.696 2.23-1.696 1.524 0 2.265 1.02 2.265 3.116v12.972h7.233z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div><div class="u-paddingLeft10 u-sm-show r-paddingRight10"><a href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com/google-design%3F~feature=LoMobileNavBar&~channel=ShowCollectionHome&~stage=m2">Open in app</a></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-flexCenter u-height65 u-xs-height56"><div class="buttonSet buttonSet--wide u-lineHeightInherit"><a class="button button--primary button--light button--chromeless u-accentColor--buttonNormal is-inSiteNavBar u-xs-hide js-signInButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fgoogle-design%3Fsource%3Duser_profile_page---blogroll-------------------1291ba20c20---------------&amp;source=--------------------------nav_reg&amp;operation=login" data-action="sign-in-prompt" data-redirect="https://medium.com/google-design?source=user_profile_page---blogroll-------------------1291ba20c20---------------" data-action-source="--------------------------nav_reg">Sign in</a><a class="button button--primary button--light button--withChrome u-accentColor--buttonNormal is-inSiteNavBar js-signUpButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fgoogle-design%3Fsource%3Duser_profile_page---blogroll-------------------1291ba20c20---------------&amp;source=--------------------------nav_reg&amp;operation=register" data-action="sign-up-prompt" data-redirect="https://medium.com/google-design?source=user_profile_page---blogroll-------------------1291ba20c20---------------" data-action-source="--------------------------nav_reg">Get started</a></div></div></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-tintBgColor u-height65 u-xs-height56"></div><div class="collectionHeader js-collectionHeaderContainer u-relative collectionHeader--layoutLarge collectionHeader--alignmentLeft collectionHeader--withLogo collectionHeader--withoutBackground collectionHeader--colorBehaviorBold collectionHeader--withNavigation collectionHeader--editorLayoutTitleAndLogo is-modeView u-tintBgColor"><div class="collectionHeader-aspectRatioTable"><div class="collectionHeader-aspectRatioContent u-backgroundSizeCover js-collectionHeaderBackground"><div class="collectionHeader-overlayBackground u-height100vh"></div><header class="collectionHeader-heroAndInlineNav u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto u-foreground js-collectionHeader"><div class="collectionHeader-hero js-collectionHeaderHero u-clearfix u-tintSpectrum"><div class="collectionHeader-heroInner"><div class="collectionHeader-logo js-collectionHeaderLogo" style="max-width: 460px;"><a class="link u-baseColor--link" href="https://medium.com/google-design" title="Go to Google Design" aria-label="Go to Google Design"><div class="u-relative u-marginAuto"><div style="padding-bottom: 16.73913043478261%"></div><img class="collectionHeader-logoImage js-collectionHeaderLogoImage" src="https://cdn-images-1.medium.com/max/920/1*qkwnduFf23no2FixTOP8bg@2x.png" data-image-id="1*qkwnduFf23no2FixTOP8bg@2x.png" data-width="920" data-height="154" /></div></a></div><div class="collectionHeader-nameAndDescription"><h2 class="collectionHeader-description js-collectionDescription u-foreground u-baseColor--textNormal u-contentSansRegular u-fontSize24 u-xs-fontSize18">Stories by Googlers on the people, product, and practice of UX.</h2></div></div></div></header></div><div class="collectionHeader-aspectRatioCell"><div class="collectionHeader-aspectRatioFullWidth"></div></div></div><div class="collectionHeader-blockNav"><div class="u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto"><nav class="collectionHeader-nav u-clearfix js-collectionHeaderNav u-lineHeight40 u-overflowHiddenY u-tintSpectrum"><div class="buttonSet u-flex1 u-noWrap u-overflowX u-paddingBottom100 u-xs-marginRight15"><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/google-design/archive">Archive</a></li><span class="u-borderLeft1 u-paddingLeft22 u-xs-paddingLeft12 u-baseColor--borderLight"></span><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 is-external"><a class="link link--darkenOnHover u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://goo.gle/2JYUhd9" rel="nofollow noopener" target="_blank">Work with us</a></li></div><div class="buttonSet u-textAlignRight u-marginLeft18 u-flex0 u-noWrap"><label class="button button--small button--chromeless button--withIcon button--withSvgIcon inputGroup u-sm-hide metabar-predictiveSearch u-baseColor--buttonNormal u-baseColor--placeholderNormal" title="Search"><span class="svgIcon svgIcon--search svgIcon--25px u-baseColor--iconLight"><svg class="svgIcon-use" width="25" height="25" ><path d="M20.067 18.933l-4.157-4.157a6 6 0 10-.884.884l4.157 4.157a.624.624 0 10.884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"/></svg></span><input class="js-predictiveSearchInput textInput textInput--rounded textInput--darkText u-baseColor--textNormal textInput--transparent" type="search" placeholder="Search" required="true" data-collection-id="2935d33b43a8" /></label><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon button--chromeless u-verticalAlignMiddle" href="https://twitter.com/googledesign" title="Visit “Google Design” on X" aria-label="Visit “Google Design” on X" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--twitter svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M14.215 11.3l5.764-6.7h-1.366l-5.005 5.818L9.611 4.6H5l6.045 8.798L5 20.424h1.366l5.286-6.144 4.221 6.144h4.61L14.216 11.3zm-1.871 2.175l-.612-.876-4.874-6.97h2.098l3.933 5.625.613.876 5.112 7.312h-2.098l-4.172-5.966z" fill="#242424"/></svg></span></span></a><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon button--chromeless u-verticalAlignMiddle" href="//facebook.com/googledesign" title="Visit “Google Design” on Facebook" aria-label="Visit “Google Design” on Facebook" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--facebookFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" ><path d="M21 12.646C21 7.65 16.97 3.6 12 3.6s-9 4.05-9 9.046a9.026 9.026 0 007.59 8.924v-6.376H8.395V12.64h2.193v-1.88c0-2.186 1.328-3.375 3.267-3.375.93 0 1.728.07 1.96.1V9.77H14.47c-1.055 0-1.26.503-1.26 1.242v1.63h2.517l-.33 2.554H13.21V21.6c4.398-.597 7.79-4.373 7.79-8.954"/></svg></span></span></a><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon button--chromeless u-verticalAlignMiddle" href="https://instagram.com/googledesign" title="Visit “Google Design” on Instagram" aria-label="Visit “Google Design” on Instagram" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--instagram svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" ><path d="M12.497 5.531c2.27 0 2.536.01 3.433.05.83.038 1.279.176 1.579.294.398.156.681.338.978.635.297.296.482.58.634.978.115.3.257.749.294 1.578.04.897.05 1.164.05 3.434 0 2.27-.01 2.537-.05 3.434-.037.83-.176 1.278-.294 1.578a2.637 2.637 0 01-.634.979 2.61 2.61 0 01-.978.634c-.3.114-.749.256-1.579.293-.897.04-1.163.05-3.433.05-2.27 0-2.537-.01-3.434-.05-.83-.037-1.278-.175-1.579-.293a2.638 2.638 0 01-.978-.634 2.596 2.596 0 01-.634-.979c-.115-.3-.256-.748-.293-1.578-.04-.897-.051-1.164-.051-3.434 0-2.27.01-2.537.05-3.434.038-.83.176-1.278.294-1.578.155-.398.337-.682.634-.978a2.6 2.6 0 01.978-.635c.3-.114.75-.256 1.579-.293.897-.044 1.164-.05 3.434-.05zm0-1.531c-2.307 0-2.598.01-3.505.05-.904.041-1.521.186-2.06.395-.56.216-1.033.51-1.505.982a4.214 4.214 0 00-.982 1.504c-.209.54-.354 1.157-.394 2.064C4.01 9.9 4 10.19 4 12.497c0 2.307.01 2.597.05 3.504.041.904.186 1.521.395 2.064.216.56.51 1.033.982 1.505s.948.762 1.504.981c.54.21 1.157.355 2.064.395.908.04 1.195.05 3.505.05 2.31 0 2.597-.01 3.505-.05.904-.04 1.52-.186 2.064-.395a4.14 4.14 0 001.504-.981c.472-.472.762-.948.982-1.505.209-.54.354-1.157.394-2.064.04-.907.051-1.194.051-3.504s-.01-2.598-.05-3.505c-.041-.904-.186-1.521-.395-2.064a4.142 4.142 0 00-.982-1.505 4.215 4.215 0 00-1.504-.981c-.54-.21-1.157-.354-2.064-.395C15.094 4.01 14.804 4 12.497 4z"/><path d="M12.496 8.132a4.365 4.365 0 000 8.73 4.367 4.367 0 004.365-4.365 4.367 4.367 0 00-4.365-4.365zm0 7.198a2.833 2.833 0 110-5.666 2.833 2.833 0 010 5.666z"/><path d="M17.034 8.979a1.019 1.019 0 100-2.038 1.019 1.019 0 000 2.038z"/></svg></span></span></a><button class="button button--primary button--smallest u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton is-smallPill" data-action="sign-up-prompt" data-sign-in-action="toggle-follow-collection" data-requires-token="true" data-redirect="https://medium.com/_/subscribe/collection/google-design" data-action-source="pub_header----2935d33b43a8----------------------follow_pub" data-collection-id="2935d33b43a8"><span class="button-label js-buttonLabel">Follow</span></button></div></nav></div></div></div><div class="u-marginBottom40 js-collectionStream"><div class="streamItem streamItem--section js-streamItem"><div class="u-marginTop30 u-xs-marginTop0 u-marginBottom15 u-maxWidth1032 u-marginAuto"><div class="u-table u-width100pct u-height450 u-xs-minHeight350"><div class="u-tableCell u-sm-size12of12 u-sm-block u-overflowHidden js-trackPostPresentation u-imageSpectrum u-paddingTop15 u-height450 u-xs-minHeight350" data-source="collection_home---2------0-----------------------" data-post-id="f7e6336e12e6" data-index="0"><div class="u-baseColor--textDark u-height450 u-xs-minHeight350"><a href="https://medium.com/google-design/improving-comprehension-through-intuitive-actions-f7e6336e12e6?source=collection_home---2------0-----------------------" data-post-id="f7e6336e12e6" data-source="collection_home---2------0-----------------------" class="u-block u-sizeFull u-backgroundSizeCover u-backgroundOriginBorderBox u-borderLighter u-borderBox u-backgroundColorGrayLight"style="background-image: url(&quot;https://cdn-images-1.medium.com/max/2400/gradv/29/81/30/darken/25/1*8HavflRL_Pf1fbKAYB8sBg.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Improving Comprehension through Intuitive Actions</span></a><div class="u-relative"><div class="u-absolute u-left0 u-bottom0 u-marginVertical30 u-marginHorizontal40 u-xs-marginHorizontal20 u-xs-marginBottom20 u-xs-marginTop15 u-right40Percent u-md-right0"><a class="" href="https://medium.com/google-design/improving-comprehension-through-intuitive-actions-f7e6336e12e6?source=collection_home---2------0-----------------------" data-action-source="collection_home---2------0-----------------------" data-post-id="f7e6336e12e6"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize44"><div class="">Improving Comprehension through Intuitive Actions</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="">Touch interfaces, audio and video media make technology less reading-dependent, allowing more people access. However, those who are…</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@ramprakash_r" data-action="show-user-card" data-action-value="4257f91461e5" data-action-type="hover" data-user-id="4257f91461e5" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*NGxuLJplNoreyrUtNbNB2Q@2x.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Ramprakash Ravichandran"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@ramprakash_r" data-action="show-user-card" data-action-value="4257f91461e5" data-action-type="hover" data-user-id="4257f91461e5" dir="auto">Ramprakash Ravichandran</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2021-02-05T13:31:22.317Z">Feb 5, 2021</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="9 min read"></span></div></div></div></div></div></div></div></div></div></div></div><div class="streamItem streamItem--section js-streamItem"><div class="u-marginTop30 u-xs-marginTop0 u-marginBottom15 u-maxWidth1032 u-marginAuto"><div class="u-paddingTop35 u-paddingBottom20 u-paddingLeft20 u-paddingRight20 u-maxWidth1000 u-marginAuto u-textAlignCenter js-trackedPromo" style="background-color: #FFFFFF;"data-action="open-promo-link" data-promo-id="d749be486e8e" data-collection-id="2935d33b43a8"><a class="link u-baseColor--link" href="http://design.google/" rel="nofollow noopener" target="_blank" data-action-source="collection_home---2------0-----------------------"><div class="u-marginAuto u-marginBottom20" style="max-width: 176px;"><div class="u-relative u-marginAuto"><div style="padding-bottom: 20.738636363636363%"></div><img class="collectionHeader-logoImage js-collectionHeaderLogoImage" src="https://cdn-images-1.medium.com/max/352/1*DAhCtCQXf8jbjJEXPTsLYw@2x.png" alt="For more in-depth features, articles, and podcasts, read our latest on design.google." data-image-id="1*DAhCtCQXf8jbjJEXPTsLYw@2x.png" data-width="352" data-height="73" /></div></div></a><div class="u-textColorNormal u-contentSansRegular u-fontSize28 u-xs-fontSize24 u-lineHeightBaseSans u-marginBottom20 u-maxWidth700 u-marginAuto">For more in-depth features, articles, and podcasts, read our latest on design.google.</div><div class="u-marginBottom20"><a class="button button--large button--withChrome u-baseColor--buttonNormal u-borderNormal" href="http://design.google/" rel="nofollow noopener" target="_blank" data-action-source="collection_home---2------0-----------------------">Let’s go!</a></div></div></div></div><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------0-----------------------" data-post-id="d65db43fffe5" data-index="0"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/teaching-a-bell-to-ring-when-your-pancakes-are-ready-d65db43fffe5?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/teaching-a-bell-to-ring-when-your-pancakes-are-ready-d65db43fffe5?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*bYUaKc5xMQAbCe14upgVrQ.gif&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Teaching a bell to ring when your pancakes are ready 🛎 🥞</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/teaching-a-bell-to-ring-when-your-pancakes-are-ready-d65db43fffe5?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="d65db43fffe5"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Teaching a bell to ring when your pancakes are ready 🛎 🥞</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Experimenting with putting teachable technology in everyday objects.</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@lucasochoa_63776" data-action="show-user-card" data-action-value="fcefba923da6" data-action-type="hover" data-user-id="fcefba923da6" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*YP6eiqZAiVyU202J." class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Lucas Ochoa"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@lucasochoa_63776" data-action="show-user-card" data-action-value="fcefba923da6" data-action-type="hover" data-user-id="fcefba923da6" dir="auto">Lucas Ochoa</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2020-10-14T20:09:12.241Z">Oct 14, 2020</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="6 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="d339d23e9612" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/writing-for-global-audiences-d339d23e9612?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/writing-for-global-audiences-d339d23e9612?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*2NXE9qfNnI2pfTDqNigYRg.jpeg&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Writing for global audiences</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/writing-for-global-audiences-d339d23e9612?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="d339d23e9612"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Writing for global audiences</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Draft clear content so users know how to take action</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@szaraysky" data-action="show-user-card" data-action-value="921180429083" data-action-type="hover" data-user-id="921180429083" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*C3oiBrssN7QjhSn2.jpg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Susanna Zaraysky"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@szaraysky" data-action="show-user-card" data-action-value="921180429083" data-action-type="hover" data-user-id="921180429083" dir="auto">Susanna Zaraysky</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2020-10-08T14:01:44.780Z">Oct 8, 2020</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="6 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="fe271dcf4c3e" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/learnings-from-a-junior-designer-at-google-fe271dcf4c3e?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/learnings-from-a-junior-designer-at-google-fe271dcf4c3e?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/0*eMgMIUGbM2glV5kU&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Learnings from a Junior Designer at Google</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/learnings-from-a-junior-designer-at-google-fe271dcf4c3e?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="fe271dcf4c3e"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Learnings from a Junior Designer at Google</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Frameworks and lessons from my second year</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@lolajiang" data-action="show-user-card" data-action-value="8a0a0e25345d" data-action-type="hover" data-user-id="8a0a0e25345d" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*1R_mP7VHo5MgXUC5SRCxOg.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Lola Jiang"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@lolajiang" data-action="show-user-card" data-action-value="8a0a0e25345d" data-action-type="hover" data-user-id="8a0a0e25345d" dir="auto">Lola Jiang</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2020-08-12T18:50:45.747Z">Aug 12, 2020</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div></div></section></div><div class="streamItem streamItem--section js-streamItem"><div class="u-marginTop30 u-xs-marginTop0 u-marginBottom15 u-maxWidth1032 u-marginAuto"><div class="u-paddingTop35 u-paddingBottom20 u-paddingLeft20 u-paddingRight20 u-maxWidth1000 u-marginAuto u-textAlignCenter js-trackedPromo" style="background-color: #1973E7;"data-action="open-promo-link" data-promo-id="726c188de940" data-collection-id="2935d33b43a8"><div class="u-textColorNormal u-contentSansRegular u-fontSize28 u-xs-fontSize24 u-lineHeightBaseSans u-marginBottom20 u-maxWidth700 u-marginAuto u-textColorTransparentWhiteDarker">Interested in design and technology? Us, too. Follow us on Instagram for more.</div><div class="u-marginBottom20"><a class="button button--large button--light button--withChrome u-baseColor--buttonLight" href="http://instagram.com/googledesign/" rel="nofollow noopener" target="_blank" data-action-source="collection_home---2------0-----------------------">Follow us</a></div></div></div></div><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><header class="heading heading--borderedBottom u-fontSize18 u-contentSansThin" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight u-fontSize18 u-contentSansThin">Conversation Design</span></div></div></header><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight15 u-size8of12" data-source="collection_home---4------0-----------------------" data-post-id="55937ef0f0ba" data-index="0"><div class="u-lineHeightBase postItem u-marginRight3"><a href="https://medium.com/google-design/you-can-say-that-again-the-role-of-repetition-in-conversation-design-55937ef0f0ba?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/you-can-say-that-again-the-role-of-repetition-in-conversation-design-55937ef0f0ba?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height350 u-width100pct u-floatLeft u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/2000/1*aM91q2FqS9Q8ZcPyty2r1Q.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">You Can Say That Again: The Role of Repetition in Conversation Design</span></a></div></div><div class="col u-xs-marginBottom10 u-paddingLeft9 u-paddingRight12 u-paddingTop0 u-sm-paddingTop20 u-paddingBottom25 u-size4of12 u-xs-size12of12 u-marginBottom30"><a class="" href="https://medium.com/google-design/you-can-say-that-again-the-role-of-repetition-in-conversation-design-55937ef0f0ba?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="55937ef0f0ba"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp4 u-fontSize30 u-size12of12 u-xs-size12of12 u-xs-fontSize24">You Can Say That Again: The Role of Repetition in Conversation Design</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Why repetition is at the heart of confirmation strategies in conversation design</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@giangola" data-action="show-user-card" data-action-value="435b1a89a645" data-action-type="hover" data-user-id="435b1a89a645" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*mlryRizj8mV5nsQE." class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of James Giangola"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@giangola" data-action="show-user-card" data-action-value="435b1a89a645" data-action-type="hover" data-user-id="435b1a89a645" dir="auto">James Giangola</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2019-01-31T15:22:36.963Z">Jan 31, 2019</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div><div class="row u-marginTop15 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="5f113ffb7c43" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/creating-ui-text-that-translates-5f113ffb7c43?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/creating-ui-text-that-translates-5f113ffb7c43?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*U-1OoZVeEudbbUBWyzpybQ.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Creating UI Text That Translates</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/creating-ui-text-that-translates-5f113ffb7c43?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="5f113ffb7c43"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Creating UI Text That Translates</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">What to do when your perfect English-language copy needs to be translated into other languages</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@jendoyleschaefer" data-action="show-user-card" data-action-value="8a06de64c50f" data-action-type="hover" data-user-id="8a06de64c50f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*292My-_-qLXqyW8Tisd84w.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Jen Schaefer"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@jendoyleschaefer" data-action="show-user-card" data-action-value="8a06de64c50f" data-action-type="hover" data-user-id="8a06de64c50f" dir="auto">Jen Schaefer</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2018-12-05T15:46:08.957Z">Dec 5, 2018</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="bb4400fdfdd0" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/will-ai-take-my-writing-job-bb4400fdfdd0?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/will-ai-take-my-writing-job-bb4400fdfdd0?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*tIr9X86Cc51x7VLjn1Bldw.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Will AI Take My Writing Job?</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/will-ai-take-my-writing-job-bb4400fdfdd0?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="bb4400fdfdd0"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Will AI Take My Writing Job?</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">How machine learning can help UX writers do more—better, faster, stronger</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@pinto.roxanne" data-action="show-user-card" data-action-value="c106d299a899" data-action-type="hover" data-user-id="c106d299a899" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*wRDw8UqtRRv1L-p2BUNbaQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Roxanne Pinto"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@pinto.roxanne" data-action="show-user-card" data-action-value="c106d299a899" data-action-type="hover" data-user-id="c106d299a899" dir="auto">Roxanne Pinto</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2018-11-12T17:57:28.967Z">Nov 12, 2018</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------3-----------------------" data-post-id="d9460d567947" data-index="3"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/write-first-the-craft-of-content-first-design-d9460d567947?source=collection_home---4------3-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/write-first-the-craft-of-content-first-design-d9460d567947?source=collection_home---4------3-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*b5cX8UizbNSjEKoPaKf52A.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Write First: The Craft of Content-first Design</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/write-first-the-craft-of-content-first-design-d9460d567947?source=collection_home---4------3-----------------------" data-action-source="collection_home---4------3-----------------------" data-post-id="d9460d567947"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Write First: The Craft of Content-first Design</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Creating powerful products by examining content and fostering meaning</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@joscelincooper" data-action="show-user-card" data-action-value="3bf627e2cf58" data-action-type="hover" data-user-id="3bf627e2cf58" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*USrbltq4OCOIyzpRNz96Ag.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Joscelin"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@joscelincooper" data-action="show-user-card" data-action-value="3bf627e2cf58" data-action-type="hover" data-user-id="3bf627e2cf58" dir="auto">Joscelin</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2018-11-02T18:09:00.833Z">Nov 2, 2018</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div></div></section></div><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><header class="heading heading--borderedBottom u-fontSize18 u-contentSansThin" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight u-fontSize18 u-contentSansThin">Design Tools &amp; Resources</span></div></div></header><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------0-----------------------" data-post-id="b12e881119a4" data-index="0"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/how-to-use-material-data-tables-on-the-web-b12e881119a4?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/how-to-use-material-data-tables-on-the-web-b12e881119a4?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*9ZgPQRqq9hisyHSqUXs3Sg.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">How to Use Material Data Tables on the Web</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/how-to-use-material-data-tables-on-the-web-b12e881119a4?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="b12e881119a4"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">How to Use Material Data Tables on the Web</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Everything you’ll need, from the web code to best practices.</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@unakravets" data-action="show-user-card" data-action-value="a6dfab4de95e" data-action-type="hover" data-user-id="a6dfab4de95e" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*4hBjT9Qhu1ggb2qf.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Una Kravets"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@unakravets" data-action="show-user-card" data-action-value="a6dfab4de95e" data-action-type="hover" data-user-id="a6dfab4de95e" dir="auto">Una Kravets</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2019-09-25T16:17:56.501Z">Sep 25, 2019</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="8d4025ddcb57" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/information-on-display-new-features-and-more-accessible-data-tables-8d4025ddcb57?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/information-on-display-new-features-and-more-accessible-data-tables-8d4025ddcb57?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*xxzeTmVRmYakJmVM_FrtHw.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">Information on Display: New Features and More Accessible Data Tables</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/information-on-display-new-features-and-more-accessible-data-tables-8d4025ddcb57?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="8d4025ddcb57"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Information on Display: New Features and More Accessible Data Tables</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Updated interactions, new customizations and expanded access for users-dig into Material Design’s new-and-improved data tables</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@karenolio" data-action="show-user-card" data-action-value="bda17a565479" data-action-type="hover" data-user-id="bda17a565479" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*6h2CBCCb8kGAZJJI9osbcg.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Karen Ng 吳家頴"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@karenolio" data-action="show-user-card" data-action-value="bda17a565479" data-action-type="hover" data-user-id="bda17a565479" dir="auto">Karen Ng 吳家頴</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2019-08-13T18:45:26.850Z">Aug 13, 2019</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="f79e06e01594" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/google-design/aeux-f79e06e01594?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/google-design/aeux-f79e06e01594?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url(&quot;https://cdn-images-1.medium.com/max/800/1*zIECsj_JziTHD1pR7UmHmQ.png&quot;); background-position: 50% 50% !important;"><span class="u-textScreenReader">A New System for Designing Motion With Both Sketch and Figma</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/google-design/aeux-f79e06e01594?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="f79e06e01594"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">A New System for Designing Motion With Both Sketch and Figma</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Introducing AEUX, a tool for integrating motion design into a UX workflow — with fewer speed bumps than ever</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@adamplouff" data-action="show-user-card" data-action-value="d18ed4449463" data-action-type="hover" data-user-id="d18ed4449463" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/2*GJTx_fTJ05XyOBii558MxQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Adam Plouff"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@adamplouff" data-action="show-user-card" data-action-value="d18ed4449463" data-action-type="hover" data-user-id="d18ed4449463" dir="auto">Adam Plouff</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2019-07-11T17:29:10.525Z">Jul 11, 2019</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="5 min read"></span></div></div></div></div></div></div></div></section></div></div><style class="js-collectionStyle"> .u-accentColor--borderLight {border-color: #3586FB !important;} .u-accentColor--borderNormal {border-color: #3586FB !important;} .u-accentColor--borderDark {border-color: #3674D0 !important;} .u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #3586FB !important;} .u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #3586FB !important;} .u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #3674D0 !important;} .u-accentColor--textNormal {color: #3674D0 !important;} .u-accentColor--hoverTextNormal:hover {color: #3674D0 !important;} .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #356BBA !important;} .u-accentColor--textDark {color: #356BBA !important;} .u-accentColor--backgroundLight {background-color: #3586FB !important;} .u-accentColor--backgroundNormal {background-color: #3586FB !important;} .u-accentColor--backgroundDark {background-color: #3674D0 !important;} .u-accentColor--buttonDark {border-color: #3674D0 !important; color: #356BBA !important;} .u-accentColor--buttonDark:hover {border-color: #356BBA !important;} .u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #3674D0 !important; fill: #3674D0 !important;} .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #3586FB !important; color: #3674D0 !important;} .u-accentColor--buttonNormal:hover {border-color: #3674D0 !important;} .u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #3586FB !important; fill: #3586FB !important;} .u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #3674D0 !important; border-color: #3674D0 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #3586FB !important; border-color: #3586FB !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #3674D0 !important;}.u-tintBgColor {background-color: rgba(26, 115, 232, 1) !important;}.u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(26, 115, 232, 1) 0%, rgba(26, 115, 232, 0) 100%) !important;}.u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(26, 115, 232, 0) 0%, rgba(26, 115, 232, 1) 100%) !important;} .u-tintSpectrum .u-baseColor--borderLight {border-color: #98C0FF !important;} .u-tintSpectrum .u-baseColor--borderNormal {border-color: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--borderDark {border-color: #E3F4FF !important;} .u-tintSpectrum .u-baseColor--iconLight .svgIcon,.u-tintSpectrum .u-baseColor--iconLight.svgIcon {fill: #98C0FF !important;} .u-tintSpectrum .u-baseColor--iconNormal .svgIcon,.u-tintSpectrum .u-baseColor--iconNormal.svgIcon {fill: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--iconDark .svgIcon,.u-tintSpectrum .u-baseColor--iconDark.svgIcon {fill: #E3F4FF !important;} .u-tintSpectrum .u-baseColor--textNormal {color: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--textDark {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--textDarker {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--backgroundLight {background-color: #98C0FF !important;} .u-tintSpectrum .u-baseColor--backgroundNormal {background-color: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--backgroundDark {background-color: #E3F4FF !important;} .u-tintSpectrum .u-baseColor--buttonLight {border-color: #98C0FF !important; color: #98C0FF !important;} .u-tintSpectrum .u-baseColor--buttonLight:hover {border-color: #98C0FF !important;} .u-tintSpectrum .u-baseColor--buttonLight .icon:before,.u-tintSpectrum .u-baseColor--buttonLight .svgIcon {color: #98C0FF !important; fill: #98C0FF !important;} .u-tintSpectrum .u-baseColor--buttonDark {border-color: #E3F4FF !important; color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--buttonDark:hover {border-color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--buttonDark .icon:before,.u-tintSpectrum .u-baseColor--buttonDark .svgIcon {color: #E3F4FF !important; fill: #E3F4FF !important;} .u-tintSpectrum .u-baseColor--buttonNormal {border-color: #BEDBFF !important; color: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--buttonNormal:hover {border-color: #E3F4FF !important;} .u-tintSpectrum .u-baseColor--buttonNormal .icon:before,.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon {color: #BEDBFF !important; fill: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--buttonDark.button--filled,.u-tintSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: #E3F4FF !important; border-color: #E3F4FF !important; color: rgba(26, 115, 232, 1) !important; fill: rgba(26, 115, 232, 1) !important;} .u-tintSpectrum .u-baseColor--buttonNormal.button--filled,.u-tintSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: #BEDBFF !important; border-color: #BEDBFF !important; color: rgba(26, 115, 232, 1) !important; fill: rgba(26, 115, 232, 1) !important;} .u-tintSpectrum .u-baseColor--link {color: #BEDBFF !important;} .u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--link.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--darken:active {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--link.link--dark {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:active {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--link.link--darker {color: #F4FFFF !important;} .u-tintSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: #98C0FF;} .u-tintSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: #98C0FF;} .u-tintSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: #98C0FF;} .u-tintSpectrum .ui-h1,.u-tintSpectrum .ui-h2,.u-tintSpectrum .ui-h3,.u-tintSpectrum .ui-h4,.u-tintSpectrum .ui-brand1,.u-tintSpectrum .ui-brand2,.u-tintSpectrum .ui-captionStrong {color: #F4FFFF !important; fill: #F4FFFF !important;} .u-tintSpectrum .ui-body,.u-tintSpectrum .ui-caps {color: #F4FFFF !important; fill: #F4FFFF !important;} .u-tintSpectrum .ui-summary,.u-tintSpectrum .ui-caption {color: #98C0FF !important; fill: #98C0FF !important;} .u-tintSpectrum .u-accentColor--borderLight {border-color: #98C0FF !important;} .u-tintSpectrum .u-accentColor--borderNormal {border-color: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--borderDark {border-color: #E3F4FF !important;} .u-tintSpectrum .u-accentColor--iconLight .svgIcon,.u-tintSpectrum .u-accentColor--iconLight.svgIcon {fill: #98C0FF !important;} .u-tintSpectrum .u-accentColor--iconNormal .svgIcon,.u-tintSpectrum .u-accentColor--iconNormal.svgIcon {fill: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--iconDark .svgIcon,.u-tintSpectrum .u-accentColor--iconDark.svgIcon {fill: #E3F4FF !important;} .u-tintSpectrum .u-accentColor--textNormal {color: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--hoverTextNormal:hover {color: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #F4FFFF !important;} .u-tintSpectrum .u-accentColor--textDark {color: #F4FFFF !important;} .u-tintSpectrum .u-accentColor--backgroundLight {background-color: #98C0FF !important;} .u-tintSpectrum .u-accentColor--backgroundNormal {background-color: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--backgroundDark {background-color: #E3F4FF !important;} .u-tintSpectrum .u-accentColor--buttonDark {border-color: #E3F4FF !important; color: #F4FFFF !important;} .u-tintSpectrum .u-accentColor--buttonDark:hover {border-color: #F4FFFF !important;} .u-tintSpectrum .u-accentColor--buttonDark .icon:before,.u-tintSpectrum .u-accentColor--buttonDark .svgIcon{color: #E3F4FF !important; fill: #E3F4FF !important;} .u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #BEDBFF !important; color: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--buttonNormal:hover {border-color: #E3F4FF !important;} .u-tintSpectrum .u-accentColor--buttonNormal .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal .svgIcon{color: #BEDBFF !important; fill: #BEDBFF !important;} .u-tintSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(26, 115, 232, 1) !important; fill: rgba(26, 115, 232, 1) !important;} .u-tintSpectrum .u-accentColor--buttonDark.button--filled,.u-tintSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-tintSpectrum .u-accentColor--fillWhenActive.is-active {background-color: #E3F4FF !important; border-color: #E3F4FF !important; color: rgba(26, 115, 232, 1) !important; fill: rgba(26, 115, 232, 1) !important;} .u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #BEDBFF !important; border-color: #BEDBFF !important; color: rgba(26, 115, 232, 1) !important; fill: rgba(26, 115, 232, 1) !important;} .u-tintSpectrum .postArticle.is-withAccentColors .markup--user,.u-tintSpectrum .postArticle.is-withAccentColors .markup--query {color: #BEDBFF !important;} .u-accentColor--highlightFaint {background-color: rgba(224, 243, 255, 1) !important;} .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(171, 229, 255, 1) !important;} .postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(224, 243, 255, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(224, 243, 255, 1), rgba(224, 243, 255, 1));} .postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(196, 235, 255, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(196, 235, 255, 1), rgba(196, 235, 255, 1));} .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(171, 229, 255, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(171, 229, 255, 1), rgba(171, 229, 255, 1));} .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(171, 229, 255, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(171, 229, 255, 1), rgba(171, 229, 255, 1));} .postArticle.is-withAccentColors .markup--highlight {background-color: rgba(171, 229, 255, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(171, 229, 255, 1), rgba(171, 229, 255, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);} .u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .ui-h1,.u-imageSpectrum .ui-h2,.u-imageSpectrum .ui-h3,.u-imageSpectrum .ui-h4,.u-imageSpectrum .ui-brand1,.u-imageSpectrum .ui-brand2,.u-imageSpectrum .ui-captionStrong {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-body,.u-imageSpectrum .ui-caps {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-summary,.u-imageSpectrum .ui-caption {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;} .u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;} .u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;} .u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;} .u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .ui-h1,.u-resetSpectrum .ui-h2,.u-resetSpectrum .ui-h3,.u-resetSpectrum .ui-h4,.u-resetSpectrum .ui-brand1,.u-resetSpectrum .ui-brand2,.u-resetSpectrum .ui-captionStrong {color: rgba(0, 0, 0, 0.8) !important; fill: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .ui-body,.u-resetSpectrum .ui-caps {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .ui-summary,.u-resetSpectrum .ui-caption {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textDark {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(17, 128, 14, 1) !important; color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(15, 115, 12, 1) !important; fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(26, 137, 23, 1) !important; color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(17, 128, 14, 1) !important; fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(15, 115, 12, 1) !important; border-color: rgba(15, 115, 12, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(17, 128, 14, 1) !important; border-color: rgba(17, 128, 14, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(17, 128, 14, 1) !important;}</style><div class="js-collectionFooter u-tintBgColor u-hide"><div class="container u-maxWidth1040"><div class="u-marginTop10 u-paddingTop10 u-paddingBottom30 u-tintSpectrum"><div class="linkSet u-clearfix"><div class="u-floatRight u-textColorNormal u-baseColor--textNormal u-xs-floatLeft"><a class="button button--chromeless u-baseColor--buttonNormal u-marginLeft15 u-lineHeight35 u-xs-block u-xs-marginLeft0" href="https://medium.com/google-design/about" title="About Google Design" aria-label="About Google Design">About Google Design</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/google-design/latest" title="Latest Stories for Google Design" aria-label="Latest Stories for Google Design">Latest Stories</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/google-design/archive" title="Archive for Google Design" aria-label="Archive for Google Design">Archive</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/about">About Medium</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f">Terms</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9">Privacy</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/business">Teams</a></div></div></div></div></div></div></div></div><div class="loadingBar"></div><script>// <![CDATA[ window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;} // ]]></script><script>// <![CDATA[ var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"20241126-1740-root","currentUser":{"userId":"lo_fb811676d3c8","isVerified":false,"subscriberEmail":"","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":true,"hightowerLastLockedAt":0,"isWriterProgramEnrolled":true,"isWriterProgramInvited":false,"isWriterProgramOptedOut":false,"writerProgramVersion":0,"writerProgramEnrolledAt":0,"friendLinkOnboarding":0,"hasAdditionalUnlocks":false,"hasApiAccess":false,"writerProgramDistributionSettingOptedIn":false,"isSuspended":false,"collectionOnboardingSeen":0,"atsQualifiedAt":0},"currentUserHasUnverifiedEmail":false,"isAuthenticated":false,"isCurrentUserVerified":false,"miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.95z8xpkUEidhPbIWsh2BVw.12.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.zqOu8dxaQRtqDyChHdOWlQ.12.js","hightower":"https://cdn-static-1.medium.com/_/fp/gen-js/main-hightower.bundle.y0UkxCxPBUbLlduk5XbwLQ.12.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.eZhPgaD8AglnbC5Rzxqvhg.12.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.XeRjm4FlHTBOsUvoOQ6Ppg.12.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.r9MSvtAmj0CMkyIC0CCCbA.12.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.AiXyuYj3AvxRA1-7HEyP9Q.12.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.fsLyLvZO4VZXL_zb4RXgeg.12.js","power-readers":"https://cdn-static-1.medium.com/_/fp/gen-js/main-power-readers.bundle.6Dyc-nVN2MDV_AM9XDAZug.12.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.rUyrVjlTpUj61voxnZosQw.12.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.2I2tXSo7-rbez_WYXfga0Q.12.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":false,"termsUrl":"//policy.medium.com/medium-terms-of-service-9db0094a1e0f","textshotHost":"textshot.textshot-production.svc.cluster.local","transactionId":"1732691209577:8d91e26cd24c","useragent":{"browser":"ie","family":"ie","os":"windows","version":7,"supportsDesktopEdit":false,"supportsInteract":false,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":false,"isTier1":false,"clientVersion":"","clientChannel":"","supportsRealScrollEvents":false,"supportsVhUnits":false,"ruinsViewportSections":false,"supportsHtml5Video":false,"supportsMagicUnderlines":false,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":false,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":false,"supportsVideoSections":true,"emojiSupportLevel":1,"isSearchBot":false,"isSyndicationBot":false,"isNativeAndroid":false,"isNativeIos":false,"isSeoAuditBot":false,"isInternalApp":false,"supportsApplePay":false,"supportsScrollableMetabar":false},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","android_enable_editor_new_publishing_flow":true,"android_enable_friend_links_creation":true,"android_enable_friend_links_postpage_banners":true,"android_enable_image_sharer":true,"android_enable_lists_v2":true,"android_enable_syntax_highlight":true,"android_enable_topic_portals":true,"android_rating_prompt_stories_read_threshold":2,"android_two_hour_refresh":true,"available_annual_plan":"2c754bcc2995","available_annual_premium_plan":"4a442ace1476","available_monthly_plan":"60e220181034","available_monthly_premium_plan":"12a660186432","browsable_stream_config_bucket":"curated-topics","can_receive_tips_v0":true,"can_send_tips_v0":true,"coronavirus_topic_recirc":true,"disable_partner_program_enrollment":true,"enable_abandoned_cart_promotion_email":true,"enable_android_dynamic_aspirational_paywall":true,"enable_android_dynamic_programming_paywall":true,"enable_android_miro_v2":true,"enable_android_offline_reading":true,"enable_android_verified_author":true,"enable_app_flirty_thirty":true,"enable_apple_sign_in":true,"enable_apple_webhook":true,"enable_aurora_pub_follower_page":true,"enable_author_cards":true,"enable_author_cards_byline":true,"enable_auto_follow_on_subscribe":true,"enable_automod":true,"enable_bayesian_average_pub_search":true,"enable_bg_post_post":true,"enable_billing_frequency_on_step2":"control","enable_boost_nia_v01":true,"enable_braintree_apple_pay":true,"enable_braintree_client":true,"enable_braintree_google_pay":true,"enable_braintree_integration":true,"enable_braintree_paypal":true,"enable_braintree_trial_membership":true,"enable_braintree_webhook":true,"enable_branch_io":true,"enable_cache_less_following_feed":true,"enable_configure_pronouns":true,"enable_conversion_model_v2":"group_2","enable_conversion_ranker_v2":"control","enable_creator_welcome_email":true,"enable_deprecate_legacy_providers_v3":true,"enable_diversification_rex":true,"enable_entities_to_follow_v2":true,"enable_eventstats_event_processing":true,"enable_explicit_signals":true,"enable_explicit_signals_updated_post_previews":true,"enable_footer_app_buttons":true,"enable_google_one_tap":true,"enable_google_webhook":true,"enable_group_gifting":true,"enable_iceland_forced_android":true,"enable_import":true,"enable_intrinsic_automatic_actions":true,"enable_ios_autorefresh":true,"enable_ios_dynamic_paywall_aspiriational":true,"enable_ios_dynamic_paywall_programming":true,"enable_ios_easy_resubscribe":true,"enable_ios_offline_reading":true,"enable_legacy_feed_in_iceland":true,"enable_lite_archive_page":true,"enable_lite_continue_this_thread":true,"enable_lite_homepage":true,"enable_lite_response_markup":true,"enable_lite_server_upstream_deadlines":true,"enable_lo_homepage":"control","enable_maim_the_meter":true,"enable_marketing_emails":true,"enable_mastodon_avatar_upload":true,"enable_mastodon_for_members":true,"enable_mastodon_for_members_username_selection":true,"enable_medium2_kbfd":true,"enable_members_only_audio":true,"enable_ml_rank_rex_anno":true,"enable_moc_load_processor_all_recs_surfaces":true,"enable_moc_load_processor_c":true,"enable_moc_load_processor_first_story":true,"enable_new_manage_membership_flow":true,"enable_new_stripe_customers":true,"enable_newsletter_lo_flow_custom_domains":true,"enable_pill_based_home_feed":true,"enable_pp_country_expansion":true,"enable_pp_v4":true,"enable_pre_pp_v4":true,"enable_premium_tier":true,"enable_premium_tier_badge":true,"enable_publication_hierarchy_web":true,"enable_ranker_v10":"control","enable_recaptcha_enterprise":true,"enable_recirc_model":true,"enable_recommended_publishers_query":true,"enable_rex_aggregator_v2":true,"enable_rex_new_push_notification_endpoint":true,"enable_rex_reading_history":true,"enable_rito_upstream_deadlines":true,"enable_seamless_social_sharing":true,"enable_see_pronouns":true,"enable_sharer_create_post_share_key":true,"enable_sharer_validate_post_share_key":true,"enable_simplified_digest_v2_b":true,"enable_speechify_ios":true,"enable_speechify_widget":true,"enable_sprig":true,"enable_starspace":true,"enable_susi_redesign_android":true,"enable_susi_redesign_ios":true,"enable_switch_plan_premium_tier":true,"enable_tag_recs":true,"enable_tick_landing_page":true,"enable_tipping_v0_android":true,"enable_tipping_v0_ios":true,"enable_tribute_landing_page":true,"enable_update_explore_wtf":true,"enable_update_topic_portals_wtf":true,"enable_updated_pub_recs_ui":true,"enable_verifications_service":true,"glyph_font_set":"m2-unbound-source-serif-pro","goliath_externalsearch_enable_comment_deindexation":true,"ios_display_paywall_after_onboarding":true,"ios_enable_friend_links_creation":true,"ios_enable_friend_links_postpage_banners":true,"ios_enable_home_post_menu":true,"ios_enable_lock_responses":true,"ios_enable_verified_book_author":true,"ios_iceland_nux":true,"ios_in_app_free_trial":true,"ios_remove_twitter_onboarding_step":true,"ios_social_share_sheet":true,"limit_post_referrers":true,"limit_user_follows":true,"mobile_custom_app_icon":true,"num_post_bottom_responses_to_show":1,"onboarding_tags_from_top_views":true,"reader_fair_distribution_non_qp":true,"redefined_top_posts":true,"reengagement_notification_duration":3,"rex_generator_max_candidates":1000,"signin_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","signup_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","skip_fs_cache_user_vals":true},"xsrfToken":"","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/monogram-mask.svg":"https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.12.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"G-7JY7T788PK","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.12.js","useDynamicCss":false,"faviconUrl":"https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","faviconImageId":"5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m2-unbound-source-serif-pro.css"},{"id":11,"url":"https://glyph.medium.com/css/m2-unbound-source-serif-pro.css"},{"id":9,"url":"https://glyph.medium.com/css/mkt.css"}],"glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email"],"connect":["public_profile","email"],"login":["public_profile","email"],"share":["public_profile","email"]}},"memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","isDoNotAuth":false,"buggle":{"videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com"},"referrerType":5,"partnerProgramEmail":"partnerprogram@medium.com","recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","countryCode":"SG","bypassMeter":false,"branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","paypal":{"clientMode":"production","oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com/redeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"}},"collectionConfig":{"mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"]},"bypassMeterWithShareKey":false,"recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","cdcMessaging":[{"text":"For more information on the novel coronavirus and Covid-19, visit ","href":"","type":"text","start":0,"end":0},{"text":"cdc.gov","href":"https://www.cdc.gov/coronavirus/2019-nCoV","type":"link","start":66,"end":73},{"text":".","href":"","type":"text","start":0,"end":0}],"braintree":{"merchantId":"m56f8fqpf7ngnrd4"},"diagnostics":{},"domain":"medium.com"} // ]]></script><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.95z8xpkUEidhPbIWsh2BVw.12.js" async></script><script>// <![CDATA[ window["obvInit"]({"references":{"CollectionPromo":{"d749be486e8e":{"promoId":"d749be486e8e","collectionId":"2935d33b43a8","createdAt":1555446097366,"linkWithContentItem":{"url":"http://design.google/","image":{"id":"1*DAhCtCQXf8jbjJEXPTsLYw@2x.png","originalWidth":352,"originalHeight":73},"description":"For more in-depth features, articles, and podcasts, read our latest on design.google.","buttonText":"Let’s go!","tintColor":"#FFFFFFFF","colorSpectrum":{"colorPoints":[{"color":"#FFFFFFFF","point":0},{"color":"#FFECECEC","point":0.1},{"color":"#FFD9D9D9","point":0.2},{"color":"#FFC5C6C6","point":0.3},{"color":"#FFB1B1B1","point":0.4},{"color":"#FF9C9D9D","point":0.5},{"color":"#FF868787","point":0.6},{"color":"#FF6F7071","point":0.7},{"color":"#FF575959","point":0.8},{"color":"#FF3D3F3F","point":0.9},{"color":"#FF202122","point":1}],"backgroundColor":"#FFFFFFFF"},"isLightText":false},"itemType":"linkWithContentItem","type":"CollectionPromo"},"726c188de940":{"promoId":"726c188de940","collectionId":"2935d33b43a8","createdAt":1555365647564,"linkWithContentItem":{"url":"http://instagram.com/googledesign/","description":"Interested in design and technology? Us, too. Follow us on Instagram for more.","buttonText":"Follow us","tintColor":"#FF1973E7","colorSpectrum":{"colorPoints":[{"color":"#FF1973E7","point":0},{"color":"#FF3D84EC","point":0.1},{"color":"#FF5795F1","point":0.2},{"color":"#FF6EA4F6","point":0.3},{"color":"#FF83B2FB","point":0.4},{"color":"#FF98C0FF","point":0.5},{"color":"#FFABCEFF","point":0.6},{"color":"#FFBEDBFF","point":0.7},{"color":"#FFD1E8FF","point":0.8},{"color":"#FFE3F4FF","point":0.9},{"color":"#FFF4FFFF","point":1}],"backgroundColor":"#FF1973E7"},"isLightText":true},"itemType":"linkWithContentItem","type":"CollectionPromo"}},"Collection":{"2935d33b43a8":{"id":"2935d33b43a8","name":"Google Design","slug":"google-design","tags":["GOOGLE","UX","DESIGN","RESEARCH","THOUGHT LEADERSHIP"],"creatorId":"bb31b5a132c7","description":"Stories by Googlers on the people, product, and practice of UX at Google. For editorial content and more visit design.google","shortDescription":"Stories by Googlers on the people, product, and practice of…","image":{"imageId":"1*aLg16KgQKz7SEm23O2hX8A.png","filter":"","backgroundSize":"","originalWidth":200,"originalHeight":200,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":222174,"activeAt":1612531882898},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*qkwnduFf23no2FixTOP8bg.png","filter":"","backgroundSize":"","originalWidth":920,"originalHeight":154,"strategy":"resample","height":0,"width":0},"twitterUsername":"googledesign","facebookPageName":"googledesign","publicEmail":"design@google.com","collectionMastheadId":"be4d1050b17a","sections":[{"type":2,"collectionHeaderMetadata":{"title":"","description":"Stories by Googlers on the people, product, and practice of UX.","backgroundImage":{},"logoImage":{"id":"1*qkwnduFf23no2FixTOP8bg@2x.png","originalWidth":920,"originalHeight":154,"alt":"Google Design"},"alignment":2,"layout":6}},{"type":1,"postListMetadata":{"source":3,"layout":2,"number":1,"postIds":["f7e6336e12e6"]}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"d749be486e8e"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["d65db43fffe5","d339d23e9612","fe271dcf4c3e"]}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"726c188de940"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":5,"postIds":[],"tagSlug":"Ux Writing","sectionHeader":"Conversation Design"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":3,"postIds":[],"tagSlug":"Tools","sectionHeader":"Design Tools & Resources"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":2,"postIds":[],"tagSlug":"Case Study","sectionHeader":"Case Studies"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":3,"postIds":[],"tagSlug":"Opinion","sectionHeader":"Opinion"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":6,"postIds":[],"sectionHeader":"Latest Stories"}}],"tintColor":"#FF1A73E8","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF3586FB","point":0},{"color":"#FF367DE5","point":0.1},{"color":"#FF3674D0","point":0.2},{"color":"#FF356BBA","point":0.3},{"color":"#FF3361A5","point":0.4},{"color":"#FF305691","point":0.5},{"color":"#FF2C4C7C","point":0.6},{"color":"#FF274068","point":0.7},{"color":"#FF213553","point":0.8},{"color":"#FF19283F","point":0.9},{"color":"#FF111B2B","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A73E8","point":0},{"color":"#FF3D84ED","point":0.1},{"color":"#FF5795F2","point":0.2},{"color":"#FF6EA4F7","point":0.3},{"color":"#FF84B2FC","point":0.4},{"color":"#FF98C0FF","point":0.5},{"color":"#FFABCEFF","point":0.6},{"color":"#FFBEDBFF","point":0.7},{"color":"#FFD1E8FF","point":0.8},{"color":"#FFE3F4FF","point":0.9},{"color":"#FFF4FFFF","point":1}],"backgroundColor":"#FF1A73E8"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE5F4FF","point":0},{"color":"#FFE0F3FF","point":0.1},{"color":"#FFDAF2FF","point":0.2},{"color":"#FFD5F0FF","point":0.3},{"color":"#FFCFEFFF","point":0.4},{"color":"#FFCAEDFF","point":0.5},{"color":"#FFC4EBFF","point":0.6},{"color":"#FFBEEAFF","point":0.7},{"color":"#FFB8E8FF","point":0.8},{"color":"#FFB2E6FF","point":0.9},{"color":"#FFABE5FF","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF51A0FF","point":0},{"color":"#FF64A9FF","point":0.1},{"color":"#FF75B2FF","point":0.2},{"color":"#FF84BBFF","point":0.3},{"color":"#FF94C3FF","point":0.4},{"color":"#FFA2CBFF","point":0.5},{"color":"#FFB0D2FF","point":0.6},{"color":"#FFBDDAFF","point":0.7},{"color":"#FFCAE1FF","point":0.8},{"color":"#FFD7E9FF","point":0.9},{"color":"#FFE4F0FF","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":5,"title":"Archive","url":"https://medium.com/google-design/archive"},{"type":3,"title":"Work with us","url":"https://goo.gle/2JYUhd9"}],"colorBehavior":2,"collectionFeatures":[25],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"","description":"Stories by Googlers on the people, product, and practice of UX.","backgroundImage":{},"logoImage":{"id":"1*qkwnduFf23no2FixTOP8bg@2x.png","originalWidth":920,"originalHeight":154,"alt":"Google Design"},"alignment":2,"layout":6},"subscriberCount":222174,"tagline":"Stories by Googlers on the people, product, and practice of UX at Google","instagramUsername":"googledesign","isOptedIntoAurora":false,"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092763253,"type":"Collection"}},"User":{"4257f91461e5":{"userId":"4257f91461e5","name":"Ramprakash Ravichandran","username":"ramprakash_r","createdAt":1345197512501,"imageId":"1*NGxuLJplNoreyrUtNbNB2Q@2x.jpeg","backgroundImageId":"","bio":"Fragment.","twitterScreenName":"ramprakash_r","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"firstOpenedIosApp":1591839830622,"isMembershipTrialEligible":true,"facebookDisplayName":"Ramprakash Ravichandran","optInToIceland":true,"hasCompletedProfile":true,"userDismissableFlags":[2,29,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"fcefba923da6":{"userId":"fcefba923da6","name":"Lucas Ochoa","username":"lucasochoa_63776","createdAt":1484668472798,"imageId":"0*YP6eiqZAiVyU202J.","backgroundImageId":"","bio":"Building physical experiences @ Google","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"Lucas Ochoa","optInToIceland":true,"userFlags":[2],"hasCompletedProfile":false,"userDismissableFlags":[29],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"921180429083":{"userId":"921180429083","name":"Susanna Zaraysky","username":"szaraysky","createdAt":1558546520639,"imageId":"0*C3oiBrssN7QjhSn2.jpg","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[2],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"8a0a0e25345d":{"userId":"8a0a0e25345d","name":"Lola Jiang","username":"lolajiang","createdAt":1442676932737,"imageId":"1*1R_mP7VHo5MgXUC5SRCxOg.jpeg","backgroundImageId":"1*IAXQHbrBLMZdHjJDrHd3WA.png","bio":"Lead Product Designer at Google https://lolajiang.com","twitterScreenName":"lola_jiangj","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"subdomainCreatedAt":1678845388450,"hasCompletedProfile":false,"userDismissableFlags":[29,3,2,1,33,41],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"435b1a89a645":{"userId":"435b1a89a645","name":"James Giangola","username":"giangola","createdAt":1503539022973,"imageId":"0*mlryRizj8mV5nsQE.","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"8a06de64c50f":{"userId":"8a06de64c50f","name":"Jen Schaefer","username":"jendoyleschaefer","createdAt":1533238662766,"imageId":"1*292My-_-qLXqyW8Tisd84w.jpeg","backgroundImageId":"","bio":"Words. Travel. Experiences.","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"firstOpenedIosApp":1663059282708,"isMembershipTrialEligible":false,"facebookDisplayName":"Jen Doyle Schaefer","optInToIceland":true,"subdomainCreatedAt":1615313469167,"hasCompletedProfile":false,"userDismissableFlags":[32,21,12,2,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"c106d299a899":{"userId":"c106d299a899","name":"Roxanne Pinto","username":"pinto.roxanne","createdAt":1539611876015,"imageId":"1*wRDw8UqtRRv1L-p2BUNbaQ.jpeg","backgroundImageId":"","bio":"I’m a Google UX Writer, not a bot.","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"3bf627e2cf58":{"userId":"3bf627e2cf58","name":"Joscelin","username":"joscelincooper","createdAt":1359439627584,"imageId":"1*USrbltq4OCOIyzpRNz96Ag.jpeg","backgroundImageId":"1*3HBCwBSCMAMzx_4Qw6msCQ.png","bio":"wouldn't mind a thunderstorm a week","twitterScreenName":"Joscelincooper","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"Joscelin Cooper","optInToIceland":true,"hasCompletedProfile":false,"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"a6dfab4de95e":{"userId":"a6dfab4de95e","name":"Una Kravets","username":"unakravets","createdAt":1414530416676,"imageId":"0*4hBjT9Qhu1ggb2qf.jpeg","backgroundImageId":"","bio":"http://una.im :) front-end developer & brunch enthusiast","twitterScreenName":"Una","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"bda17a565479":{"userId":"bda17a565479","name":"Karen Ng 吳家頴","username":"karenolio","createdAt":1370614320357,"imageId":"1*6h2CBCCb8kGAZJJI9osbcg.png","backgroundImageId":"1*hC2gr67BE6keYAFWevDVnw.jpeg","bio":"Hello!","twitterScreenName":"karenolio","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"d18ed4449463":{"userId":"d18ed4449463","name":"Adam Plouff","username":"adamplouff","createdAt":1494463905652,"imageId":"2*GJTx_fTJ05XyOBii558MxQ.jpeg","backgroundImageId":"","bio":"Animation tool developer for battleaxe.co and Google. RubberHose, Overlord, ButtCapper, AEUX","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[8,12,33],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"}},"Post":{"f7e6336e12e6":{"id":"f7e6336e12e6","versionId":"8413b2b7c992","creatorId":"4257f91461e5","homeCollectionId":"2935d33b43a8","title":"Improving Comprehension through Intuitive Actions","detectedLanguage":"en","latestVersion":"8413b2b7c992","latestPublishedVersion":"8413b2b7c992","hasUnpublishedEdits":false,"latestRev":468,"createdAt":1612212134299,"updatedAt":1640805911708,"acceptedAt":0,"firstPublishedAt":1612531882317,"latestPublishedAt":1612548603285,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Touch interfaces, audio and video media make technology less reading-dependent, allowing more people access. However, those who are…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*8HavflRL_Pf1fbKAYB8sBg.png","filter":"","backgroundSize":"","originalWidth":1920,"originalHeight":1078,"strategy":"resample","height":0,"width":0},"wordCount":1815,"imageCount":22,"readingTime":8.699056603773585,"subtitle":"Touch interfaces, audio and video media make technology less reading-dependent, allowing more people access. However, those who are…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":178,"isBookmarked":false,"tags":[{"slug":"user-experience","name":"User Experience","postCount":71474,"metadata":{"postCount":71474,"coverImage":{"id":"1*bAGe6RSF-UgyR7q06Fl53g.png","originalWidth":3369,"originalHeight":2381,"isFeatured":true}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"ui-design","name":"UI Design","postCount":45246,"metadata":{"postCount":45246,"coverImage":{"id":"1*oEBibUhfrmFILdh3GcFarw.png","originalWidth":686,"originalHeight":386}},"type":"Tag"},{"slug":"next-billion-users","name":"Next Billion Users","postCount":115,"metadata":{"postCount":115,"coverImage":{"id":"1*2NXE9qfNnI2pfTDqNigYRg.jpeg","originalWidth":5210,"originalHeight":2940,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":3,"links":{"entries":[{"url":"https://edition.cnn.com/videos/tech/2015/01/29/ns-intv-lu-stout-the-unconnected.news-stream","alts":[{"type":1,"url":"https://cdn.ampproject.org/c/s/amp.cnn.com/cnn/videos/tech/2015/01/29/ns-intv-lu-stout-the-unconnected.news-stream"}],"httpStatus":200},{"url":"https://digitalconfidence.design/","alts":[],"httpStatus":200},{"url":"https://material.io/components/buttons-floating-action-button#extended-fab","alts":[],"httpStatus":200},{"url":"https://material.io/components/text-fields","alts":[],"httpStatus":200},{"url":"https://material.io/design/components/buttons-floating-action-button.html#extended-fab","alts":[],"httpStatus":200},{"url":"https://material.io/design/usability/accessibility.html#color-contrast","alts":[],"httpStatus":200},{"url":"https://material.io/components/buttons#contained-button","alts":[],"httpStatus":200},{"url":"https://material.io/design/usability/accessibility.html#color-and-contrast","alts":[],"httpStatus":200},{"url":"https://material.io/components/buttons#text-button","alts":[],"httpStatus":200},{"url":"https://vimeo.com/116787124","alts":[{"type":2,"url":"vimeo://app.vimeo.com/videos/116787124"},{"type":3,"url":"vimeo://app.vimeo.com/videos/116787124"}],"httpStatus":200},{"url":"https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd","alts":[{"type":3,"url":"medium://p/7a25597d79fd"},{"type":2,"url":"medium://p/7a25597d79fd"}],"httpStatus":200},{"url":"https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03","alts":[{"type":3,"url":"medium://p/603688b3fe03"},{"type":2,"url":"medium://p/603688b3fe03"}],"httpStatus":200},{"url":"https://design.google/library/floating-action-button/","alts":[],"httpStatus":200},{"url":"https://medium.com/@szaraysky","alts":[{"type":2,"url":"medium://@szaraysky"},{"type":3,"url":"medium://@szaraysky"}],"httpStatus":200},{"url":"http://clubinternet.co/","alts":[],"httpStatus":200},{"url":"https://medium.com/google-design/a-fish-in-your-ear-134deed70268","alts":[{"type":3,"url":"medium://p/134deed70268"},{"type":2,"url":"medium://p/134deed70268"}],"httpStatus":200},{"url":"https://design.google/library/sketch-scroll-or-swipe/","alts":[],"httpStatus":200},{"url":"https://medium.com/google-design/to-make-apps-accessible-make-them-compatible-with-different-devices-11298c6d3f06","alts":[{"type":3,"url":"medium://p/11298c6d3f06"},{"type":2,"url":"medium://p/11298c6d3f06"}],"httpStatus":200},{"url":"https://design.google/library/connectivity-culture-and-credit/","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1612548606225},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":846,"sectionCount":3,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"improving-comprehension-through-intuitive-actions","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"improving-comprehension-through-intuitive-actions-f7e6336e12e6","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*8HavflRL_Pf1fbKAYB8sBg.png","originalWidth":1920,"originalHeight":1078,"isFeatured":true}},{"name":"7695","type":3,"text":"Improving comprehension through intuitive actions","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Touch interfaces, audio and video media make technology less reading-dependent, allowing more people access. However, those who are…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"55321ac40456","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"7695","type":3,"text":"Improving comprehension through intuitive actions","markups":[]},{"name":"545c","type":4,"text":"Illustration by Mingguo Li, Next Billion Users illustrator","markups":[],"layout":1,"metadata":{"id":"1*8HavflRL_Pf1fbKAYB8sBg.png","originalWidth":1920,"originalHeight":1078,"isFeatured":true}},{"name":"6747","type":1,"text":"I wrote this story with Susanna Zaraysky, a Content Strategist on the Material Design team.","markups":[{"type":3,"start":24,"end":40,"href":"https://medium.com/@szaraysky","title":"","rel":"","anchorType":0},{"type":2,"start":0,"end":91}]},{"name":"3941","type":1,"text":"“You are not your user” is a common UX mantra and one to keep in mind when designing for maximum user understanding. Starting with the basics: Your users may not have the same relationship to…","markups":[]}],"sections":[{"name":"a536","startIndex":0},{"name":"3f29","startIndex":3}]},"isFullContent":false,"subtitle":"Touch interfaces, audio and video media make technology less reading-dependent, allowing more people access. However, those who are…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d65db43fffe5":{"id":"d65db43fffe5","versionId":"7c6911dd455f","creatorId":"fcefba923da6","homeCollectionId":"2935d33b43a8","title":"Teaching a bell to ring when your pancakes are ready 🛎 🥞","detectedLanguage":"en","latestVersion":"7c6911dd455f","latestPublishedVersion":"7c6911dd455f","hasUnpublishedEdits":false,"latestRev":463,"createdAt":1602643103381,"updatedAt":1639633273429,"acceptedAt":0,"firstPublishedAt":1602706152241,"latestPublishedAt":1602711750506,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Experimenting with putting teachable technology in everyday objects.","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*bYUaKc5xMQAbCe14upgVrQ.gif","filter":"","backgroundSize":"","originalWidth":960,"originalHeight":540,"strategy":"resample","height":0,"width":0},"wordCount":1197,"imageCount":5,"readingTime":5.350314465408805,"subtitle":"Experimenting with putting teachable technology in everyday objects.","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":61,"isBookmarked":false,"tags":[{"slug":"teachable-machine","name":"Teachable Machine","postCount":101,"metadata":{"postCount":101,"coverImage":{"id":"0*ymnHiaKa5dIFkCbj","originalWidth":720,"originalHeight":586,"isFeatured":true,"alt":"Holding a ripe banana up to the webcam, and recording frames to the “Ripe” class"}},"type":"Tag"},{"slug":"coral","name":"Coral","postCount":492,"metadata":{"postCount":492,"coverImage":{"id":"0*qw6U33rk5LdnfFvO","originalWidth":7475,"originalHeight":4983,"isFeatured":true,"unsplashPhotoId":"_tDdlCJIwOA"}},"type":"Tag"},{"slug":"ai","name":"AI","postCount":429817,"metadata":{"postCount":429817,"coverImage":{"id":"0*Zs_B6zDXGdgkK2jv","originalWidth":5120,"originalHeight":2880,"isFeatured":true,"unsplashPhotoId":"_nWaeTF6qo0"}},"type":"Tag"},{"slug":"google","name":"Google","postCount":112796,"metadata":{"postCount":112796,"coverImage":{"id":"0*uH3-v-mL9SA-dTgj","originalWidth":958,"originalHeight":639,"isFeatured":true}},"type":"Tag"},{"slug":"creative-lab","name":"Creative Lab","postCount":131,"metadata":{"postCount":131,"coverImage":{"id":"1*XtkQbAUCUquByJ3FA2CpSQ.jpeg","originalWidth":1818,"originalHeight":1311,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://twitter.com/gautambose18?lang=en","alts":[],"httpStatus":200},{"url":"https://twitter.com/lucas0choa?lang=en","alts":[],"httpStatus":200},{"url":"https://twitter.com/blankensmith?lang=en","alts":[],"httpStatus":200},{"url":"https://www.adafruit.com/?gclid=Cj0KCQjw3ZX4BRDmARIsAFYh7ZLlAXJK1p3hLRWKTIcjYt9FVfTv3lfORSA2rVplORIKkrU10INkI3UaAppgEALw_wcB","alts":[],"httpStatus":200},{"url":"https://teachablemachine.withgoogle.com/","alts":[],"httpStatus":200},{"url":"https://coral.ai/","alts":[],"httpStatus":200},{"url":"https://coral.ai/products/accelerator/","alts":[],"httpStatus":200},{"url":"https://www.youtube.com/watch?v=OAdegPmkK-o","alts":[],"httpStatus":429},{"url":"https://coral.ai/projects/teachable-sorter/","alts":[],"httpStatus":200},{"url":"https://experiments.withgoogle.com/teachable-snake","alts":[],"httpStatus":200},{"url":"https://experiments.withgoogle.com/objectifier-spatial-programming","alts":[],"httpStatus":200},{"url":"http://www.wekinator.org/","alts":[],"httpStatus":200},{"url":"https://www.raspberrypi.org/","alts":[],"httpStatus":200},{"url":"https://www.basedesign.com/blog/digital-lab-2-machine-learning","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1602711751440},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":307,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"teaching-a-bell-to-ring-when-your-pancakes-are-ready","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"teaching-a-bell-to-ring-when-your-pancakes-are-ready-d65db43fffe5","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*bYUaKc5xMQAbCe14upgVrQ.gif","originalWidth":960,"originalHeight":540,"isFeatured":true}},{"name":"aaa3","type":3,"text":"Teaching a bell to ring when your pancakes are ready","markups":[{"type":1,"start":0,"end":52}],"alignment":1},{"name":"c5df","type":13,"text":"Experimenting with putting teachable technology…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Experimenting with putting teachable technology in everyday objects."},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"55321ac40456","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"Teaching a bell to ring when your pancakes are ready | by Lucas Ochoa | Medium","previewContent2":{"bodyModel":{"paragraphs":[{"name":"aaa3","type":3,"text":"Teaching a bell to ring when your pancakes are ready","markups":[{"type":1,"start":0,"end":52}]},{"name":"c5df","type":13,"text":"Experimenting with putting teachable technology in everyday objects.","markups":[]},{"name":"7120","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*bYUaKc5xMQAbCe14upgVrQ.gif","originalWidth":960,"originalHeight":540,"isFeatured":true}},{"name":"07c6","type":1,"text":"Imagine, for a second, that you had a magic bell that you could teach when you wanted it to ring. When would you want it to ring? I have pretty bad posture, so I’d want it to ring every time I slouched, a reminder to sit up straight. (Perhaps too…","markups":[{"type":2,"start":320,"end":323}]}],"sections":[{"name":"a171","startIndex":0}]},"isFullContent":false,"subtitle":"Experimenting with putting teachable technology in everyday objects."},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d339d23e9612":{"id":"d339d23e9612","versionId":"d4233175f1c7","creatorId":"921180429083","homeCollectionId":"2935d33b43a8","title":"Writing for global audiences","detectedLanguage":"en","latestVersion":"d4233175f1c7","latestPublishedVersion":"d4233175f1c7","hasUnpublishedEdits":false,"latestRev":260,"createdAt":1602099221418,"updatedAt":1678460979510,"acceptedAt":0,"firstPublishedAt":1602165704780,"latestPublishedAt":1602165704780,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Draft clear content so users know how to take action","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*2NXE9qfNnI2pfTDqNigYRg.jpeg","filter":"","backgroundSize":"","originalWidth":5210,"originalHeight":2940,"strategy":"resample","height":0,"width":0},"wordCount":1215,"imageCount":9,"readingTime":5.784905660377358,"subtitle":"Draft clear content so users know how to take action","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":190,"isBookmarked":false,"tags":[{"slug":"next-billion-users","name":"Next Billion Users","postCount":115,"metadata":{"postCount":115,"coverImage":{"id":"1*2NXE9qfNnI2pfTDqNigYRg.jpeg","originalWidth":5210,"originalHeight":2940,"isFeatured":true}},"type":"Tag"},{"slug":"writing","name":"Writing","postCount":889206,"metadata":{"postCount":889206,"coverImage":{"id":"1*AwaoHDZEX9wjHc7o9Ienzg.jpeg"}},"type":"Tag"},{"slug":"internationalization","name":"Internationalization","postCount":977,"metadata":{"postCount":977,"coverImage":{"id":"1*rFYXeDmXeF4NQc64FHUjyg.png","originalWidth":1080,"originalHeight":1080,"isFeatured":true,"alt":"Sidebar of MobileAction’s SearchAds.com adapted for users in different regions"}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"content-strategy","name":"Content Strategy","postCount":27935,"metadata":{"postCount":27935,"coverImage":{"id":"1*h9uNdUTbF6DIRQk_qTAxdA.png","originalWidth":1500,"originalHeight":700,"alt":"varias botas Big Red Boots caindo em contraste a um fundo branco"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":5,"links":{"entries":[{"url":"https://www.linkedin.com/in/jessicacaimi","alts":[],"httpStatus":999},{"url":"https://www.linkedin.com/in/erikninomiya","alts":[],"httpStatus":999},{"url":"https://careers.google.com/jobs/results/?company=Google&company=Google%20Fiber&company=YouTube&employment_type=FULL_TIME&hl=en_US&jlo=en_US&q=visual%20designer&sort_by=relevance&src=Online%2FGoogle%20Website%2FDesign","alts":[],"httpStatus":200},{"url":"http://ogden.basic-english.org/words.html","alts":[],"httpStatus":200},{"url":"https://careers.google.com/jobs/results/?company=Google&company=Google%20Fiber&company=YouTube&employment_type=FULL_TIME&hl=en_US&jlo=en_US&q=ux%20writer&sort_by=relevance&src=Online%2FGoogle%20Website%2FDesign","alts":[],"httpStatus":200},{"url":"https://material.io/design/communication/writing.html#principles","alts":[],"httpStatus":200},{"url":"https://material.io/design/interaction/gestures.html#properties","alts":[],"httpStatus":200},{"url":"https://medium.com/google-design/nurture-trust-through-cost-transparency-b61a5947d2fc","alts":[{"type":3,"url":"medium://p/b61a5947d2fc"},{"type":2,"url":"medium://p/b61a5947d2fc"}],"httpStatus":200},{"url":"https://medium.com/google-design/creating-ui-text-that-translates-5f113ffb7c43","alts":[{"type":3,"url":"medium://p/5f113ffb7c43"},{"type":2,"url":"medium://p/5f113ffb7c43"}],"httpStatus":200},{"url":"https://www.washingtonpost.com/news/wonk/wp/2018/05/21/millions-of-u-s-citizens-dont-speak-english-to-each-other-thats-not-a-problem/","alts":[],"httpStatus":0}],"version":"0.3","generatedAt":1602165714965},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":1102,"sectionCount":2,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"writing-for-global-audiences","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"writing-for-global-audiences-d339d23e9612","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*2NXE9qfNnI2pfTDqNigYRg.jpeg","originalWidth":5210,"originalHeight":2940,"isFeatured":true}},{"name":"f004","type":3,"text":"Writing for global audiences","markups":[],"alignment":1},{"name":"1823","type":1,"text":"Draft clear content so users know how to take action","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Draft clear content so users know how to take action"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"55321ac40456","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"f004","type":3,"text":"Writing for global audiences","markups":[]},{"name":"1823","type":1,"text":"Draft clear content so users know how to take action","markups":[]},{"name":"df24","type":4,"text":"Illustration by Alexa Ong, Next Billion Users illustrator","markups":[{"type":3,"start":46,"end":57,"href":"https://careers.google.com/jobs/results/?company=Google&company=Google%20Fiber&company=YouTube&employment_type=FULL_TIME&hl=en_US&jlo=en_US&q=visual%20designer&sort_by=relevance&src=Online%2FGoogle%20Website%2FDesign","title":"","rel":"","anchorType":0}],"layout":1,"metadata":{"id":"1*2NXE9qfNnI2pfTDqNigYRg.jpeg","originalWidth":5210,"originalHeight":2940,"isFeatured":true}},{"name":"d829","type":1,"text":"I wrote this story with assistance from Luke Easterwood, LeAnn Quasthoff, Jessica Caimi, and Erik Ninomiya, UX writers who have focused on the needs of the Next Billion Users.","markups":[{"type":3,"start":74,"end":87,"href":"https://www.linkedin.com/in/jessicacaimi","title":"","rel":"","anchorType":0},{"type":3,"start":93,"end":106,"href":"https://www.linkedin.com/in/erikninomiya","title":"","rel":"","anchorType":0},{"type":3,"start":108,"end":118,"href":"https://careers.google.com/jobs/results/?company=Google&company=Google%20Fiber&company=YouTube&employment_type=FULL_TIME&hl=en_US&jlo=en_US&q=ux%20writer&sort_by=relevance&src=Online%2FGoogle%20Website%2FDesign","title":"","rel":"","anchorType":0},{"type":2,"start":0,"end":175}]},{"name":"8f30","type":1,"text":"John Steinbeck said that “Poetry is the mathematics of writing and…","markups":[]}],"sections":[{"name":"8889","startIndex":0}]},"isFullContent":false,"subtitle":"Draft clear content so users know how to take action"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"fe271dcf4c3e":{"id":"fe271dcf4c3e","versionId":"119bb2a7a34a","creatorId":"8a0a0e25345d","homeCollectionId":"2935d33b43a8","title":"Learnings from a Junior Designer at Google","detectedLanguage":"en","latestVersion":"119bb2a7a34a","latestPublishedVersion":"119bb2a7a34a","hasUnpublishedEdits":false,"latestRev":919,"createdAt":1592096840171,"updatedAt":1639576227723,"acceptedAt":0,"firstPublishedAt":1597258245747,"latestPublishedAt":1597258245747,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Frameworks and lessons from my second year","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"0*eMgMIUGbM2glV5kU","filter":"","backgroundSize":"","originalWidth":2160,"originalHeight":1620,"strategy":"resample","height":0,"width":0},"wordCount":1399,"imageCount":5,"readingTime":6.112578616352201,"subtitle":"Frameworks and lessons from my second year","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":758,"isBookmarked":false,"tags":[{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"self-improvement","name":"Self Improvement","postCount":883151,"metadata":{"postCount":883151,"coverImage":{"id":"1*70mWmxgf52m1YqTcCfRkkQ.jpeg"}},"type":"Tag"},{"slug":"career-advice","name":"Career Advice","postCount":59478,"metadata":{"postCount":59478,"coverImage":{"id":"0*Q-EslURP7lz1I8Nv.jpg","originalWidth":482,"originalHeight":450,"isFeatured":true,"alt":"Cartoon drawing of a teacher standing between two young boys. One looks normal, the other has a piñata for a head. The teach is scolding the normal boy, “I don’t care if he is full of candy, we don’t tolerate bullying at this school!”"}},"type":"Tag"},{"slug":"design-process","name":"Design Process","postCount":25177,"metadata":{"postCount":25177,"coverImage":{"id":"1*fO3cuvXj0hahTXpcKS6wTA.jpeg","originalWidth":2880,"originalHeight":1440,"isFeatured":true}},"type":"Tag"},{"slug":"management","name":"Management","postCount":94190,"metadata":{"postCount":94190,"coverImage":{"id":"1*iA2gos6-vtBzDWtSNX16PQ.jpeg","originalWidth":2250,"originalHeight":1617,"isFeatured":true,"alt":"Staying or gowing away"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":19,"links":{"entries":[{"url":"https://www.linkedin.com/in/lolajiang/","alts":[],"httpStatus":999},{"url":"https://en.wikipedia.org/wiki/Porter%27s_five_forces_analysis","alts":[],"httpStatus":200},{"url":"https://en.wikipedia.org/wiki/Dunning%E2%80%93Kruger_effect","alts":[],"httpStatus":200},{"url":"https://youtu.be/y478BMeYFSI?t=351","alts":[],"httpStatus":429},{"url":"https://youtu.be/4-079YIasck","alts":[],"httpStatus":429},{"url":"https://uxdesign.cc/how-i-landed-a-job-in-ux-design-at-google-58103f8bf766","alts":[{"type":3,"url":"medium://p/58103f8bf766"},{"type":2,"url":"medium://p/58103f8bf766"}],"httpStatus":200},{"url":"https://www.coursera.org/learn/mindshift","alts":[],"httpStatus":200},{"url":"https://www.coursera.org/learn/success","alts":[],"httpStatus":200},{"url":"https://www.coursera.org/learn/learning-how-to-learn","alts":[],"httpStatus":200},{"url":"https://www.valuescentre.com/tools-assessments/pva/","alts":[],"httpStatus":200},{"url":"https://www.coursera.org/lecture/success/what-is-a-growth-mindset-and-how-can-it-help-you-succeed-8g1XB","alts":[],"httpStatus":200},{"url":"https://www.amazon.com/Cracked-problems-solutions-strategy-consultants/dp/3319893742","alts":[],"httpStatus":200},{"url":"https://www.amazon.com/Pyramid-Principle-Logic-Writing-Thinking/dp/0273710516","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1597258248855},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":3335,"sectionCount":3,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"learnings-from-a-junior-designer-at-google","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"learnings-from-a-junior-designer-at-google-fe271dcf4c3e","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"0*eMgMIUGbM2glV5kU","originalWidth":2160,"originalHeight":1620,"isFeatured":true}},{"name":"7398","type":3,"text":"Learnings from a Junior Designer at Google","markups":[],"alignment":1},{"name":"4203","type":13,"text":"Frameworks and lessons from my second year","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Frameworks and lessons from my second year"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"55321ac40456","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"7398","type":3,"text":"Learnings from a Junior Designer at Google","markups":[]},{"name":"4203","type":13,"text":"Frameworks and lessons from my second year","markups":[]},{"name":"7752","type":1,"text":"I joined the YouTube Ads Video Creation team at Google two years ago as my first gig out of grad school. Getting into Google was a dream come true, but it wasn’t easy. It took a lot of deliberate practice and luck.","markups":[]},{"name":"3fa4","type":1,"text":"Time flies. I’m now passing the peak of…","markups":[{"type":3,"start":135,"end":156,"href":"https://en.wikipedia.org/wiki/Dunning%E2%80%93Kruger_effect","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"a3fc","startIndex":0}]},"isFullContent":false,"subtitle":"Frameworks and lessons from my second year"},"cardType":0,"isDistributionAlertDismissed":true,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"55937ef0f0ba":{"id":"55937ef0f0ba","versionId":"b96aad191ed0","creatorId":"435b1a89a645","homeCollectionId":"2935d33b43a8","title":"You Can Say That Again: The Role of Repetition in Conversation Design","detectedLanguage":"en","latestVersion":"b96aad191ed0","latestPublishedVersion":"b96aad191ed0","hasUnpublishedEdits":false,"latestRev":1482,"createdAt":1547503290721,"updatedAt":1638869220937,"acceptedAt":0,"firstPublishedAt":1548948156963,"latestPublishedAt":1558101169336,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Why repetition is at the heart of confirmation strategies in conversation design","postDisplay":{"coverless":true},"metaDescription":"Why repetition is at the heart of confirmation strategies in conversation design"},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*aM91q2FqS9Q8ZcPyty2r1Q.png","filter":"","backgroundSize":"","originalWidth":1654,"originalHeight":824,"strategy":"resample","height":0,"width":0},"wordCount":1634,"imageCount":1,"readingTime":6.366037735849057,"subtitle":"Why repetition is at the heart of confirmation strategies in conversation design","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":195,"isBookmarked":false,"tags":[{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"repetition","name":"Repetition","postCount":512,"metadata":{"postCount":512,"coverImage":{"id":"0*kiaS_ZybGJHzeM5T","originalWidth":4000,"originalHeight":6000}},"type":"Tag"},{"slug":"conversation-design","name":"Conversation Design","postCount":468,"metadata":{"postCount":468,"coverImage":{"id":"1*4hRqhChAeu8TnERKtRoUVg.png","originalWidth":1300,"originalHeight":732,"isFeatured":true}},"type":"Tag"},{"slug":"language","name":"Language","postCount":61778,"metadata":{"postCount":61778,"coverImage":{"id":"0*emjzgtxPVju0kMDj","originalWidth":4534,"originalHeight":3023,"isFeatured":true,"unsplashPhotoId":"yEQ9TOaL5FM"}},"type":"Tag"},{"slug":"ux-writing","name":"Ux Writing","postCount":12136,"metadata":{"postCount":12136,"coverImage":{"id":"1*_wqzqby8TkJnpMQMvLRp1g.png","originalWidth":4224,"originalHeight":2640,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":6,"links":{"entries":[{"url":"http://actions.google.com/design","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1558101170266},"isLockedPreviewOnly":false,"metaDescription":"Why repetition is at the heart of confirmation strategies in conversation design","totalClapCount":897,"sectionCount":7,"readingList":0,"topics":[{"topicId":"26c9f503b013","slug":"language","createdAt":1538081526770,"deletedAt":0,"image":{"id":"1*yXfblA5UqlKfsiclcW00aQ@2x.jpeg","originalWidth":3600,"originalHeight":2400},"name":"Language","description":"Evolution and devolution.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Articles About Language — Medium","type":"Topic"},{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"you-can-say-that-again-the-role-of-repetition-in-conversation-design","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"you-can-say-that-again-the-role-of-repetition-in-conversation-design-55937ef0f0ba","previewContent":{"bodyModel":{"paragraphs":[{"name":"645e","type":4,"text":"","markups":[],"layout":10,"metadata":{"id":"1*aM91q2FqS9Q8ZcPyty2r1Q.png","originalWidth":1654,"originalHeight":824}},{"name":"a497","type":3,"text":"You Can Say That Again: The Role of Repetition in Conversation Design","markups":[],"alignment":1},{"name":"626d","type":13,"text":"Why repetition is at the heart…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Why repetition is at the heart of confirmation strategies in conversation design"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"55321ac40456","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"645e","type":4,"text":"","markups":[],"layout":5,"metadata":{"id":"1*aM91q2FqS9Q8ZcPyty2r1Q.png","originalWidth":1654,"originalHeight":824}},{"name":"a497","type":3,"text":"You Can Say That Again: The Role of Repetition in Conversation Design","markups":[]},{"name":"626d","type":13,"text":"Why repetition is at the heart of confirmation strategies in conversation design","markups":[]},{"name":"fb22","type":1,"text":"This post is part of “Words go here,” a series about the role of language design in product design.","markups":[{"type":1,"start":37,"end":38},{"type":1,"start":65,"end":73},{"type":1,"start":84,"end":92},{"type":2,"start":0,"end":99}]},{"name":"c631","type":1,"text":"New to the gym, I’ve got repetition on the brain lately — as in “reps,” the no-pain-no-gain kind. But being a conversation designer and linguist, I more often find myself thinking…","markups":[]}],"sections":[{"name":"d63f","startIndex":0},{"name":"7360","startIndex":3},{"name":"39e6","startIndex":4}]},"isFullContent":false,"subtitle":"Why repetition is at the heart of confirmation strategies in conversation design"},"cardType":0,"isDistributionAlertDismissed":true,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"5f113ffb7c43":{"id":"5f113ffb7c43","versionId":"746c2dadc41c","creatorId":"8a06de64c50f","homeCollectionId":"2935d33b43a8","title":"Creating UI Text That Translates","detectedLanguage":"en","latestVersion":"746c2dadc41c","latestPublishedVersion":"746c2dadc41c","hasUnpublishedEdits":false,"latestRev":243,"createdAt":1543870862178,"updatedAt":1686318834896,"acceptedAt":0,"firstPublishedAt":1544024768957,"latestPublishedAt":1686318834896,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"What to do when your perfect English-language copy needs to be translated into other languages","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*U-1OoZVeEudbbUBWyzpybQ.png","filter":"","backgroundSize":"","originalWidth":2433,"originalHeight":1623,"strategy":"resample","height":0,"width":0},"wordCount":1684,"imageCount":1,"readingTime":6.554716981132076,"subtitle":"What to do when your perfect English-language copy needs to be translated into other languages","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":175,"isBookmarked":false,"tags":[{"slug":"translation","name":"Translation","postCount":18182,"metadata":{"postCount":18182,"coverImage":{"id":"0*oOBughXOiCVYwE27","originalWidth":5184,"originalHeight":3888,"isFeatured":true,"unsplashPhotoId":"ssmsoRCLE2U"}},"type":"Tag"},{"slug":"ux-writing","name":"Ux Writing","postCount":12136,"metadata":{"postCount":12136,"coverImage":{"id":"1*_wqzqby8TkJnpMQMvLRp1g.png","originalWidth":4224,"originalHeight":2640,"isFeatured":true}},"type":"Tag"},{"slug":"content-strategy","name":"Content Strategy","postCount":27935,"metadata":{"postCount":27935,"coverImage":{"id":"1*h9uNdUTbF6DIRQk_qTAxdA.png","originalWidth":1500,"originalHeight":700,"alt":"varias botas Big Red Boots caindo em contraste a um fundo branco"}},"type":"Tag"},{"slug":"ux-design","name":"UX Design","postCount":112871,"metadata":{"postCount":112871,"coverImage":{"id":"1*iTg8C5kdi2glqnZe8pIHSw.png","originalWidth":1024,"originalHeight":768,"isFeatured":true}},"type":"Tag"},{"slug":"how-to","name":"How To","postCount":53043,"metadata":{"postCount":53043,"coverImage":{"id":"0*jd0U1gl6g6n5Y5we.jpg","originalWidth":1024,"originalHeight":1024,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://www.usertesting.com/","alts":[],"httpStatus":200},{"url":"https://www.indiatoday.in/technology/news/story/no-ranvir-or-deepika-with-4-5-lakh-marriage-proposals-google-assistant-is-most-eligible-bachelor-in-india-1211422-2018-04-13","alts":[{"type":1,"url":"https://cdn.ampproject.org/c/s/www.indiatoday.in/amp/technology/news/story/no-ranvir-or-deepika-with-4-5-lakh-marriage-proposals-google-assistant-is-most-eligible-bachelor-in-india-1211422-2018-04-13"}],"httpStatus":200}],"version":"0.3","generatedAt":1686318835056},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":950,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"creating-ui-text-that-translates","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"creating-ui-text-that-translates-5f113ffb7c43","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*U-1OoZVeEudbbUBWyzpybQ.png","originalWidth":2433,"originalHeight":1623,"isFeatured":true}},{"name":"2751","type":3,"text":"Creating UI Text That Translates","markups":[],"alignment":1},{"name":"e351","type":13,"text":"What to do when your perfect English-language copy needs to be…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"What to do when your perfect English-language copy needs to be translated into other languages"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":4,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"4a11","type":4,"text":"","markups":[],"layout":5,"metadata":{"id":"1*U-1OoZVeEudbbUBWyzpybQ.png","originalWidth":2433,"originalHeight":1623,"isFeatured":true}},{"name":"2751","type":3,"text":"Creating UI Text That Translates","markups":[]},{"name":"e351","type":13,"text":"What to do when your perfect English-language copy needs to be translated into other languages","markups":[]},{"name":"08f9","type":1,"text":"This post is part of “Words go here,” a series about writing’s role in product design.","markups":[{"type":2,"start":0,"end":86}]},{"name":"247e","type":1,"text":"The “word” about UX Writing is spreading. An ever-growing number of product teams have discovered that hiring a UX Writer results in tighter, more consistent copy that’s deliberate, on-brand, and has a measurable impact…","markups":[]}],"sections":[{"name":"f6ae","startIndex":0}]},"isFullContent":false,"subtitle":"What to do when your perfect English-language copy needs to be translated into other languages"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"bb4400fdfdd0":{"id":"bb4400fdfdd0","versionId":"2c9c691110f1","creatorId":"c106d299a899","homeCollectionId":"2935d33b43a8","title":"Will AI Take My Writing Job?","detectedLanguage":"en","latestVersion":"2c9c691110f1","latestPublishedVersion":"2c9c691110f1","hasUnpublishedEdits":false,"latestRev":798,"createdAt":1541416387802,"updatedAt":1558102503348,"acceptedAt":0,"firstPublishedAt":1542045448967,"latestPublishedAt":1558102503043,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How machine learning can help UX writers do more—better, faster, stronger","postDisplay":{"coverless":true},"metaDescription":"How machine learning can help UX writers do more-better, faster, stronger."},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*tIr9X86Cc51x7VLjn1Bldw.png","filter":"","backgroundSize":"","originalWidth":2433,"originalHeight":1216,"strategy":"resample","height":0,"width":0},"wordCount":1773,"imageCount":1,"readingTime":6.890566037735849,"subtitle":"How machine learning can help UX writers do more—better, faster, stronger","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":76,"isBookmarked":false,"tags":[{"slug":"machine-learning","name":"Machine Learning","postCount":354197,"metadata":{"postCount":354197,"coverImage":{"id":"1*8yJrgGPFwHBY8lpIFg7ERQ.png","originalWidth":940,"originalHeight":788,"isFeatured":true}},"type":"Tag"},{"slug":"writing","name":"Writing","postCount":889206,"metadata":{"postCount":889206,"coverImage":{"id":"1*AwaoHDZEX9wjHc7o9Ienzg.jpeg"}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"ux-writing","name":"Ux Writing","postCount":12136,"metadata":{"postCount":12136,"coverImage":{"id":"1*_wqzqby8TkJnpMQMvLRp1g.png","originalWidth":4224,"originalHeight":2640,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":2,"links":{"entries":[{"url":"http://www.madlibs.com/","alts":[],"httpStatus":200},{"url":"https://medium.com/google-design/human-centered-machine-learning-a770d10562cd","alts":[{"type":2,"url":"medium://p/a770d10562cd"},{"type":3,"url":"medium://p/a770d10562cd"}],"httpStatus":200},{"url":"https://www.nytimes.com/2012/08/05/opinion/sunday/auto-correct-this.html","alts":[{"type":3,"url":"nytimes://reader/id/100000001701851"},{"type":2,"url":"nytimes://www.nytimes.com/2012/08/05/opinion/sunday/auto-correct-this.html"}],"httpStatus":200},{"url":"https://www.theverge.com/2017/12/12/16768582/harry-potter-ai-fanfiction","alts":[{"type":1,"url":"https://cdn.ampproject.org/c/s/www.theverge.com/platform/amp/2017/12/12/16768582/harry-potter-ai-fanfiction"}],"httpStatus":200},{"url":"https://design.google/library/first-raters/","alts":[],"httpStatus":200},{"url":"https://www.bostonglobe.com/metro/2018/06/02/toil-and-trouble-how-macbeth-could-teach-computers-think/h9kbBEX7BVkp4Rc6XbJrPM/story.html","alts":[],"httpStatus":404}],"version":"0.3","generatedAt":1558102508378},"isLockedPreviewOnly":false,"metaDescription":"How machine learning can help UX writers do more-better, faster, stronger.","totalClapCount":338,"sectionCount":3,"readingList":0,"topics":[{"topicId":"1af65db9c2f8","slug":"artificial-intelligence","createdAt":1487916832419,"deletedAt":0,"image":{"id":"1*A28aHchbaA8zNVXraBq0Ug@2x.jpeg","originalWidth":4866,"originalHeight":3244},"name":"Artificial Intelligence","description":"Born to be bot.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"AI News and Artificial Intelligence Articles — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"will-ai-take-my-writing-job","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"will-ai-take-my-writing-job-bb4400fdfdd0","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*tIr9X86Cc51x7VLjn1Bldw.png","originalWidth":2433,"originalHeight":1216,"isFeatured":true}},{"name":"8396","type":3,"text":"Will AI Take My Writing Job?","markups":[],"alignment":1},{"name":"c22d","type":13,"text":"How machine learning can help UX writers do more — better, faster…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How machine learning can help UX writers do more—better, faster, stronger"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"8396","type":3,"text":"Will AI Take My Writing Job?","markups":[]},{"name":"c22d","type":13,"text":"How machine learning can help UX writers do more — better, faster, stronger","markups":[]},{"name":"3438","type":4,"text":"","markups":[],"layout":5,"metadata":{"id":"1*tIr9X86Cc51x7VLjn1Bldw.png","originalWidth":2433,"originalHeight":1216,"isFeatured":true}},{"name":"5425","type":1,"text":"This post is part of “Words go here.” A series about writing’s role in product design.","markups":[{"type":1,"start":21,"end":37},{"type":2,"start":0,"end":86}]},{"name":"ea58","type":1,"text":"Do you have a side gig? An idea for a novel you’ve never written? Awesome, we’ll come back to that later. Now the big one: are you afraid that AI will take your job?","markups":[]},{"name":"90c6","type":1,"text":"…","markups":[]}],"sections":[{"name":"413a","startIndex":0},{"name":"1f2b","startIndex":3},{"name":"4a8c","startIndex":4}]},"isFullContent":false,"subtitle":"How machine learning can help UX writers do more—better, faster, stronger"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d9460d567947":{"id":"d9460d567947","versionId":"b98180fe9cf6","creatorId":"3bf627e2cf58","homeCollectionId":"2935d33b43a8","title":"Write First: The Craft of Content-first Design","detectedLanguage":"en","latestVersion":"b98180fe9cf6","latestPublishedVersion":"b98180fe9cf6","hasUnpublishedEdits":false,"latestRev":788,"createdAt":1539719622963,"updatedAt":1558102469828,"acceptedAt":0,"firstPublishedAt":1541182140833,"latestPublishedAt":1558102469600,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Creating powerful products by examining content and fostering meaning","postDisplay":{"coverless":true},"metaDescription":"Writing is a fundamental design skill. Learn how to create powerful products by examining your content and creating meaning for your users."},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*b5cX8UizbNSjEKoPaKf52A.png","filter":"","backgroundSize":"","originalWidth":2433,"originalHeight":1623,"strategy":"resample","height":0,"width":0},"wordCount":1508,"imageCount":7,"readingTime":6.7405660377358485,"subtitle":"Creating powerful products by examining content and fostering meaning","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":223,"isBookmarked":false,"tags":[{"slug":"design","name":"Design","postCount":399251,"metadata":{"postCount":399251,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"writing","name":"Writing","postCount":889206,"metadata":{"postCount":889206,"coverImage":{"id":"1*AwaoHDZEX9wjHc7o9Ienzg.jpeg"}},"type":"Tag"},{"slug":"ux-writing","name":"Ux Writing","postCount":12136,"metadata":{"postCount":12136,"coverImage":{"id":"1*_wqzqby8TkJnpMQMvLRp1g.png","originalWidth":4224,"originalHeight":2640,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":9,"links":{"entries":[{"url":"https://www.linkedin.com/in/marinlicina/","alts":[],"httpStatus":999},{"url":"https://wrd.as.uky.edu/sites/default/files/1-Shitty%20First%20Drafts.pdf","alts":[],"httpStatus":200},{"url":"https://inaliminalspace.org/about-us/what-is-a-liminal-space/","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1558102479986},"isLockedPreviewOnly":false,"metaDescription":"Writing is a fundamental design skill. Learn how to create powerful products by examining your content and creating meaning for your users.","totalClapCount":1121,"sectionCount":4,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"write-first-the-craft-of-content-first-design","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"write-first-the-craft-of-content-first-design-d9460d567947","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*b5cX8UizbNSjEKoPaKf52A.png","originalWidth":2433,"originalHeight":1623,"isFeatured":true}},{"name":"fd51","type":3,"text":"Write First: The Craft of Content-first Design","markups":[],"alignment":1},{"name":"44fc","type":13,"text":"Creating powerful products by examining content and…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Creating powerful products by examining content and fostering meaning"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"feb1","type":4,"text":"No squiggles, please.","markups":[],"layout":5,"metadata":{"id":"1*b5cX8UizbNSjEKoPaKf52A.png","originalWidth":2433,"originalHeight":1623,"isFeatured":true}},{"name":"fd51","type":3,"text":"Write First: The Craft of Content-first Design","markups":[]},{"name":"44fc","type":13,"text":"Creating powerful products by examining content and fostering meaning","markups":[]},{"name":"e14a","type":1,"text":"This post is part of “Words go here”, A series about writing’s role in product design. Marin Licina contributed drawings and ideas cited in this post.","markups":[{"type":3,"start":87,"end":99,"href":"https://www.linkedin.com/in/marinlicina/","title":"","rel":"","anchorType":0},{"type":1,"start":21,"end":36},{"type":2,"start":0,"end":150}]},{"name":"474f","type":1,"text":"Writing is excruciatingly hard to do.","markups":[]},{"name":"6bfb","type":1,"text":"Most adults of a certain generation have written a book report. You may have written an email love…","markups":[]}],"sections":[{"name":"e29f","startIndex":0},{"name":"0abf","startIndex":3},{"name":"ec5c","startIndex":4}]},"isFullContent":false,"subtitle":"Creating powerful products by examining content and fostering meaning"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b12e881119a4":{"id":"b12e881119a4","versionId":"d5a3c4593e82","creatorId":"a6dfab4de95e","homeCollectionId":"2935d33b43a8","title":"How to Use Material Data Tables on the Web","detectedLanguage":"en","latestVersion":"d5a3c4593e82","latestPublishedVersion":"d5a3c4593e82","hasUnpublishedEdits":false,"latestRev":943,"createdAt":1565116035099,"updatedAt":1639266230813,"acceptedAt":0,"firstPublishedAt":1569428276501,"latestPublishedAt":1569430196043,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Everything you’ll need, from the web code to best practices.","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*9ZgPQRqq9hisyHSqUXs3Sg.png","filter":"","backgroundSize":"","originalWidth":1682,"originalHeight":1182,"strategy":"resample","height":0,"width":0},"wordCount":742,"imageCount":1,"readingTime":3,"subtitle":"Everything you’ll need, from the web code to best practices.","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":158,"isBookmarked":false,"tags":[{"slug":"material-design","name":"Material Design","postCount":3656,"metadata":{"postCount":3656,"coverImage":{"id":"1*foLTQCFhDbOuMh90mg9giA.png","originalWidth":2048,"originalHeight":1290,"isFeatured":true,"alt":"Material Renk Diyagramı"}},"type":"Tag"},{"slug":"css","name":"CSS","postCount":43343,"metadata":{"postCount":43343,"coverImage":{"id":"1*oEBibUhfrmFILdh3GcFarw.png","originalWidth":686,"originalHeight":386}},"type":"Tag"},{"slug":"javascript","name":"JavaScript","postCount":285856,"metadata":{"postCount":285856,"coverImage":{"id":"0*BTaIEoMZlgOipidp","originalWidth":6016,"originalHeight":4016,"isFeatured":true,"unsplashPhotoId":"qDY9ahp0Mto"}},"type":"Tag"},{"slug":"tools","name":"Tools","postCount":27574,"metadata":{"postCount":27574,"coverImage":{"id":"0*NV9m23mMhKa_6ZBu","originalWidth":834,"originalHeight":508,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":6,"links":{"entries":[{"url":"https://material-ui.com/blog/2019-developer-survey-results/#your-product","alts":[],"httpStatus":200},{"url":"http://twitter.com/material/data-table","alts":[],"httpStatus":404},{"url":"http://twitter.com/import","alts":[],"httpStatus":200},{"url":"https://www.w3.org/TR/wai-aria-practices-1.1/#table","alts":[],"httpStatus":200},{"url":"https://glitch.com/~material-data-table-theme-switcher","alts":[],"httpStatus":200},{"url":"https://glitch.com/~material-data-table-dark","alts":[],"httpStatus":200},{"url":"https://glitch.com/~material-prefers-color-scheme","alts":[],"httpStatus":200},{"url":"https://material.io/","alts":[],"httpStatus":200},{"url":"https://material.io/develop/web/components/data-tables/","alts":[],"httpStatus":200},{"url":"https://medium.com/google-design/information-on-display-new-features-and-more-accessible-data-tables-8d4025ddcb57","alts":[{"type":3,"url":"medium://p/8d4025ddcb57"},{"type":2,"url":"medium://p/8d4025ddcb57"}],"httpStatus":200},{"url":"https://material.io/design/components/data-tables.html","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1569430196911},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":913,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"how-to-use-material-data-tables-on-the-web","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"how-to-use-material-data-tables-on-the-web-b12e881119a4","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*9ZgPQRqq9hisyHSqUXs3Sg.png","originalWidth":1682,"originalHeight":1182,"isFeatured":true}},{"name":"79e1","type":3,"text":"How to Use Material Data Tables on the Web","markups":[],"alignment":1},{"name":"3797","type":13,"text":"Everything you’ll need, from the web code to best practices","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Everything you’ll need, from the web code to best practices."},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"decb52b64abf","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"79e1","type":3,"text":"How to Use Material Data Tables on the Web","markups":[]},{"name":"3797","type":13,"text":"Everything you’ll need, from the web code to best practices","markups":[]},{"name":"5a80","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*9ZgPQRqq9hisyHSqUXs3Sg.png","originalWidth":1682,"originalHeight":1182,"isFeatured":true}},{"name":"5cb8","type":1,"text":"You probably already know Material Design — Google’s open-source design system for quickly building beautiful interfaces. But you might not know that one of Material’s most popular use cases on the web is being the “front-end of the back-end.” Oodles of Material web apps are essentially admin panels, data displays…","markups":[{"type":3,"start":26,"end":42,"href":"https://material.io/","title":"","rel":"noopener","anchorType":0},{"type":3,"start":413,"end":434,"href":"https://material-ui.com/blog/2019-developer-survey-results/#your-product","title":"","rel":"noopener","anchorType":0}]}],"sections":[{"name":"f631","startIndex":0}]},"isFullContent":false,"subtitle":"Everything you’ll need, from the web code to best practices."},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"8d4025ddcb57":{"id":"8d4025ddcb57","versionId":"b7c55547f53a","creatorId":"bda17a565479","homeCollectionId":"2935d33b43a8","title":"Information on Display: New Features and More Accessible Data Tables","detectedLanguage":"en","latestVersion":"b7c55547f53a","latestPublishedVersion":"b7c55547f53a","hasUnpublishedEdits":false,"latestRev":167,"createdAt":1565362990277,"updatedAt":1639206734644,"acceptedAt":0,"firstPublishedAt":1565721926850,"latestPublishedAt":1565721926850,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Updated interactions, new customizations and expanded access for users-dig into Material Design’s new-and-improved data tables","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*xxzeTmVRmYakJmVM_FrtHw.png","filter":"","backgroundSize":"","originalWidth":2400,"originalHeight":1372,"strategy":"resample","height":0,"width":0},"wordCount":396,"imageCount":4,"readingTime":2.1943396226415093,"subtitle":"Updated interactions, new customizations and expanded access for users-dig into Material Design’s new-and-improved data tables","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":74,"isBookmarked":false,"tags":[{"slug":"accessibility","name":"Accessibility","postCount":19458,"metadata":{"postCount":19458,"coverImage":{"id":"1*LKXwiNzwmHawDl0mCZsImQ.jpeg","originalWidth":2560,"originalHeight":1440,"isFeatured":true}},"type":"Tag"},{"slug":"interaction-design","name":"Interaction Design","postCount":8883,"metadata":{"postCount":8883,"coverImage":{"id":"1*3eWpHv4mn5Vj66RH5QctYw.png","originalWidth":2048,"originalHeight":1536}},"type":"Tag"},{"slug":"tools","name":"Tools","postCount":27574,"metadata":{"postCount":27574,"coverImage":{"id":"0*NV9m23mMhKa_6ZBu","originalWidth":834,"originalHeight":508,"isFeatured":true}},"type":"Tag"},{"slug":"material-design","name":"Material Design","postCount":3656,"metadata":{"postCount":3656,"coverImage":{"id":"1*foLTQCFhDbOuMh90mg9giA.png","originalWidth":2048,"originalHeight":1290,"isFeatured":true,"alt":"Material Renk Diyagramı"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://www.w3.org/TR/wai-aria-practices-1.1/#grid","alts":[],"httpStatus":200},{"url":"https://www.w3.org/TR/wai-aria-practices-1.1/#table","alts":[],"httpStatus":200},{"url":"http://w3.org","alts":[],"httpStatus":200},{"url":"https://webaim.org/techniques/tables/data","alts":[],"httpStatus":200},{"url":"https://github.com/material-components/material-components-web/tree/master/packages/mdc-data-table#sass-mixins","alts":[],"httpStatus":200},{"url":"https://twitter.com/materialdesign","alts":[{"type":2,"url":"twitter://user?screen_name=materialdesign"},{"type":3,"url":"twitter://user?screen_name=materialdesign"}],"httpStatus":200},{"url":"https://material.io/develop/web/components/data-tables/","alts":[],"httpStatus":200},{"url":"https://material.io/design/components/data-tables.html","alts":[],"httpStatus":200},{"url":"https://material.io/design/components/data-tables.html","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1565721927737},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":340,"sectionCount":1,"readingList":0,"topics":[]},"coverless":true,"slug":"information-on-display-new-features-and-more-accessible-data-tables","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"information-on-display-new-features-and-more-accessible-data-tables-8d4025ddcb57","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*xxzeTmVRmYakJmVM_FrtHw.png","originalWidth":2400,"originalHeight":1372,"isFeatured":true}},{"name":"bb41","type":3,"text":"Information on Display: New Features and More Accessible Data Tables","markups":[],"alignment":1},{"name":"6c73","type":13,"text":"Updated interactions, new…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Updated interactions, new customizations and expanded access for users-dig into Material Design’s new-and-improved data tables"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"bb41","type":3,"text":"Information on Display: New Features and More Accessible Data Tables","markups":[]},{"name":"6c73","type":13,"text":"Updated interactions, new customizations and expanded access for users—dig into Material Design’s new-and-improved data tables","markups":[]},{"name":"c891","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*xxzeTmVRmYakJmVM_FrtHw.png","originalWidth":2400,"originalHeight":1372,"isFeatured":true}},{"name":"5afd","type":1,"text":"Data tables, which organize information into easy-to-digest formats, are especially useful at work. That’s why our latest Material Design release included updates specifically addressing the needs of data tables in the workplace. It’s all part of a new effort to provide greater Material support for the UI needs of enterprise…","markups":[{"type":3,"start":122,"end":137,"href":"https://material.io/design/components/data-tables.html","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"9eb1","startIndex":0}]},"isFullContent":false,"subtitle":"Updated interactions, new customizations and expanded access for users-dig into Material Design’s new-and-improved data tables"},"cardType":0,"isDistributionAlertDismissed":true,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"f79e06e01594":{"id":"f79e06e01594","versionId":"a9001e358bf0","creatorId":"d18ed4449463","homeCollectionId":"2935d33b43a8","title":"A New System for Designing Motion With Both Sketch and Figma","detectedLanguage":"en","latestVersion":"a9001e358bf0","latestPublishedVersion":"a9001e358bf0","hasUnpublishedEdits":false,"latestRev":1326,"createdAt":1548276962962,"updatedAt":1639164822248,"acceptedAt":0,"firstPublishedAt":1562866150525,"latestPublishedAt":1562867214767,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Introducing AEUX, a tool for integrating motion design into a UX workflow — with fewer speed bumps than ever","postDisplay":{"coverless":true},"metaDescription":"Building After Effects tools at Google and the creation of AEUX."},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*zIECsj_JziTHD1pR7UmHmQ.png","filter":"","backgroundSize":"","originalWidth":1390,"originalHeight":724,"strategy":"resample","height":0,"width":0},"wordCount":1067,"imageCount":5,"readingTime":4.8597484276729555,"subtitle":"Introducing AEUX, a tool for integrating motion design into a UX workflow — with fewer speed bumps than ever","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":353,"isBookmarked":false,"tags":[{"slug":"design","name":"Design","postCount":399251,"metadata":{"postCount":399251,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"motion-graphics","name":"Motion Graphics","postCount":2105,"metadata":{"postCount":2105,"coverImage":{"id":"1*cBx5Csdu1NUtMGFhVkgeWg.jpeg","originalWidth":2560,"originalHeight":1111,"isFeatured":true}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"tools","name":"Tools","postCount":27574,"metadata":{"postCount":27574,"coverImage":{"id":"0*NV9m23mMhKa_6ZBu","originalWidth":834,"originalHeight":508,"isFeatured":true}},"type":"Tag"},{"slug":"animation","name":"Animation","postCount":27653,"metadata":{"postCount":27653,"coverImage":{"id":"1*Vq-TrgxveQeOyiBvQ-PJlQ@2x.jpeg","originalWidth":3240,"originalHeight":4860,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":6,"links":{"entries":[{"url":"https://medium.com/google-design/guide-to-material-motion-in-after-effects-9316ff0c0da4","alts":[{"type":3,"url":"medium://p/9316ff0c0da4"},{"type":2,"url":"medium://p/9316ff0c0da4"}],"httpStatus":200},{"url":"https://design.google/","alts":[],"httpStatus":200},{"url":"https://material.io/design/motion/understanding-motion.html","alts":[],"httpStatus":200},{"url":"https://airbnb.design/lottie/","alts":[],"httpStatus":200},{"url":"https://www.battleaxe.co/overlord","alts":[],"httpStatus":200},{"url":"http://aeux.io","alts":[],"httpStatus":200},{"url":"https://www.youtube.com/watch?v=DcITNxkz0MY","alts":[{"type":2,"url":"vnd.youtube://www.youtube.com/watch?v=DcITNxkz0MY&feature=applinks"},{"type":3,"url":"vnd.youtube://www.youtube.com/watch?v=DcITNxkz0MY&feature=applinks"}],"httpStatus":200},{"url":"https://medium.com/google-design/bringing-sketch-and-after-effects-closer-together-d83b3e729c93","alts":[{"type":3,"url":"medium://p/d83b3e729c93"},{"type":2,"url":"medium://p/d83b3e729c93"}],"httpStatus":200}],"version":"0.3","generatedAt":1562867214922},"isLockedPreviewOnly":false,"metaDescription":"Building After Effects tools at Google and the creation of AEUX.","totalClapCount":2359,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"aeux-sketch-and-figma-animation-in-after-effects","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"aeux-f79e06e01594","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*zIECsj_JziTHD1pR7UmHmQ.png","originalWidth":1390,"originalHeight":724,"isFeatured":true}},{"name":"c45c","type":3,"text":"A New System for Designing Motion With Both Sketch and Figma","markups":[],"alignment":1},{"name":"c16b","type":13,"text":"Introducing AEUX, a tool for integrating…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Introducing AEUX, a tool for integrating motion design into a UX workflow — with fewer speed bumps than ever"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"2935d33b43a8","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"c45c","type":3,"text":"A New System for Designing Motion With Both Sketch and Figma","markups":[]},{"name":"c16b","type":13,"text":"Introducing AEUX, a tool for integrating motion design into a UX workflow—with fewer speed bumps than ever.","markups":[]},{"name":"3938","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*zIECsj_JziTHD1pR7UmHmQ.png","originalWidth":1390,"originalHeight":724,"isFeatured":true},"href":"http://aeux.io"},{"name":"48ca","type":1,"text":"Motion design helps guide users, giving context and providing clues on how to best navigate. But it hasn’t always been easy to integrate this new field into established UX design workflows.","markups":[]},{"name":"eb7c","type":1,"text":"As recently as 2016, it still felt like the dark ages of UX motion design. There were a lot…","markups":[{"type":3,"start":95,"end":107,"href":"https://material.io/design/motion/understanding-motion.html","title":"","rel":"","anchorType":0},{"type":3,"start":134,"end":140,"href":"https://airbnb.design/lottie/","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"7d95","startIndex":0}]},"isFullContent":false,"subtitle":"Introducing AEUX, a tool for integrating motion design into a UX workflow — with fewer speed bumps than ever"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"}}},"paging":{"path":"/_/api/collections/2935d33b43a8/stream","next":{"to":"1732691209616","ignoredIds":["55937ef0f0ba","5f113ffb7c43","bb4400fdfdd0","d9460d567947","b12e881119a4","8d4025ddcb57","f79e06e01594"],"page":7}},"collection":{"id":"2935d33b43a8","name":"Google Design","slug":"google-design","tags":["GOOGLE","UX","DESIGN","RESEARCH","THOUGHT LEADERSHIP"],"creatorId":"bb31b5a132c7","description":"Stories by Googlers on the people, product, and practice of UX at Google. For editorial content and more visit design.google","shortDescription":"Stories by Googlers on the people, product, and practice of…","image":{"imageId":"1*aLg16KgQKz7SEm23O2hX8A.png","filter":"","backgroundSize":"","originalWidth":200,"originalHeight":200,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":222174,"activeAt":1612531882898},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*qkwnduFf23no2FixTOP8bg.png","filter":"","backgroundSize":"","originalWidth":920,"originalHeight":154,"strategy":"resample","height":0,"width":0},"twitterUsername":"googledesign","facebookPageName":"googledesign","publicEmail":"design@google.com","collectionMastheadId":"be4d1050b17a","sections":[{"type":2,"collectionHeaderMetadata":{"title":"","description":"Stories by Googlers on the people, product, and practice of UX.","backgroundImage":{},"logoImage":{"id":"1*qkwnduFf23no2FixTOP8bg@2x.png","originalWidth":920,"originalHeight":154,"alt":"Google Design"},"alignment":2,"layout":6}},{"type":1,"postListMetadata":{"source":3,"layout":2,"number":1,"postIds":["f7e6336e12e6"]}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"d749be486e8e"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["d65db43fffe5","d339d23e9612","fe271dcf4c3e"]}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"726c188de940"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":5,"postIds":["55937ef0f0ba","5f113ffb7c43","bb4400fdfdd0","d9460d567947"],"tagSlug":"Ux Writing","tagName":"Ux Writing","sectionHeader":"Conversation Design"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":3,"postIds":["b12e881119a4","8d4025ddcb57","f79e06e01594"],"tagSlug":"Tools","tagName":"Tools","sectionHeader":"Design Tools & Resources"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":2,"postIds":[],"tagSlug":"Case Study","tagName":"Case Study","sectionHeader":"Case Studies"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":3,"postIds":[],"tagSlug":"Opinion","tagName":"Opinion","sectionHeader":"Opinion"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":6,"postIds":[],"sectionHeader":"Latest Stories"}}],"tintColor":"#FF1A73E8","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF3586FB","point":0},{"color":"#FF367DE5","point":0.1},{"color":"#FF3674D0","point":0.2},{"color":"#FF356BBA","point":0.3},{"color":"#FF3361A5","point":0.4},{"color":"#FF305691","point":0.5},{"color":"#FF2C4C7C","point":0.6},{"color":"#FF274068","point":0.7},{"color":"#FF213553","point":0.8},{"color":"#FF19283F","point":0.9},{"color":"#FF111B2B","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A73E8","point":0},{"color":"#FF3D84ED","point":0.1},{"color":"#FF5795F2","point":0.2},{"color":"#FF6EA4F7","point":0.3},{"color":"#FF84B2FC","point":0.4},{"color":"#FF98C0FF","point":0.5},{"color":"#FFABCEFF","point":0.6},{"color":"#FFBEDBFF","point":0.7},{"color":"#FFD1E8FF","point":0.8},{"color":"#FFE3F4FF","point":0.9},{"color":"#FFF4FFFF","point":1}],"backgroundColor":"#FF1A73E8"},"highlightSpectrum":{"colorPoints":[{"color":"#FFE5F4FF","point":0},{"color":"#FFE0F3FF","point":0.1},{"color":"#FFDAF2FF","point":0.2},{"color":"#FFD5F0FF","point":0.3},{"color":"#FFCFEFFF","point":0.4},{"color":"#FFCAEDFF","point":0.5},{"color":"#FFC4EBFF","point":0.6},{"color":"#FFBEEAFF","point":0.7},{"color":"#FFB8E8FF","point":0.8},{"color":"#FFB2E6FF","point":0.9},{"color":"#FFABE5FF","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF51A0FF","point":0},{"color":"#FF64A9FF","point":0.1},{"color":"#FF75B2FF","point":0.2},{"color":"#FF84BBFF","point":0.3},{"color":"#FF94C3FF","point":0.4},{"color":"#FFA2CBFF","point":0.5},{"color":"#FFB0D2FF","point":0.6},{"color":"#FFBDDAFF","point":0.7},{"color":"#FFCAE1FF","point":0.8},{"color":"#FFD7E9FF","point":0.9},{"color":"#FFE4F0FF","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":5,"title":"Archive","url":"https://medium.com/google-design/archive"},{"type":3,"title":"Work with us","url":"https://goo.gle/2JYUhd9"}],"colorBehavior":2,"collectionFeatures":[25],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"","description":"Stories by Googlers on the people, product, and practice of UX.","backgroundImage":{},"logoImage":{"id":"1*qkwnduFf23no2FixTOP8bg@2x.png","originalWidth":920,"originalHeight":154,"alt":"Google Design"},"alignment":2,"layout":6},"subscriberCount":222174,"tagline":"Stories by Googlers on the people, product, and practice of UX at Google","instagramUsername":"googledesign","isOptedIntoAurora":false,"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092763253,"type":"Collection"},"header":{"title":"","description":"Stories by Googlers on the people, product, and practice of UX.","backgroundImage":{},"logoImage":{"id":"1*qkwnduFf23no2FixTOP8bg@2x.png","originalWidth":920,"originalHeight":154,"alt":"Google Design"},"alignment":2,"layout":6},"streamItems":[{"createdAt":1732691209648,"randomId":"23f2786d9baa","section":{"items":[{"post":{"postId":"f7e6336e12e6"},"itemType":"post"}],"layout":2},"itemType":"section","type":"StreamItem"},{"createdAt":1732691209648,"randomId":"ab6802018f0b","section":{"items":[{"promo":{"promoId":"d749be486e8e"},"itemType":"promo"}],"layout":2},"itemType":"section","type":"StreamItem"},{"createdAt":1732691209648,"randomId":"f72542fe684b","section":{"items":[{"post":{"postId":"d65db43fffe5"},"itemType":"post"},{"post":{"postId":"d339d23e9612"},"itemType":"post"},{"post":{"postId":"fe271dcf4c3e"},"itemType":"post"}],"layout":4},"itemType":"section","type":"StreamItem"},{"createdAt":1732691209648,"randomId":"838170eff606","section":{"items":[{"promo":{"promoId":"726c188de940"},"itemType":"promo"}],"layout":2},"itemType":"section","type":"StreamItem"},{"createdAt":1732691209648,"randomId":"c8d001e4dbe1","section":{"items":[{"post":{"postId":"55937ef0f0ba"},"itemType":"post"},{"post":{"postId":"5f113ffb7c43"},"itemType":"post"},{"post":{"postId":"bb4400fdfdd0"},"itemType":"post"},{"post":{"postId":"d9460d567947"},"itemType":"post"}],"layout":4,"heading":{"fallbackTitle":"Conversation Design","headingBasic":{"title":"Conversation Design"},"headingType":"headingBasic"}},"itemType":"section","type":"StreamItem"},{"createdAt":1732691209648,"randomId":"72131f930dd9","section":{"items":[{"post":{"postId":"b12e881119a4"},"itemType":"post"},{"post":{"postId":"8d4025ddcb57"},"itemType":"post"},{"post":{"postId":"f79e06e01594"},"itemType":"post"}],"layout":4,"heading":{"fallbackTitle":"Design Tools & Resources","headingBasic":{"title":"Design Tools & Resources"},"headingType":"headingBasic"}},"itemType":"section","type":"StreamItem"}]}) // ]]></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e90471adfe13d95',t:'MTczMjY5MTIxMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>

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