Big Medium | This Is Big Design

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Big Medium | This Is Big Design</title> <meta name="description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="keywords" content="josh clark, brad frost, design systems, big medium, bigmedium, global moxie, globalmoxie, atomic design" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="alternate" type="application/rss+xml" href="https://bigmedium.com/bm.feed.xml" title="Big Medium - Full Feed" /> <link rel="stylesheet" href="https://bigmedium.com/bm.styles.css" type="text/css" /> <style type="text/css"> div.bma_page89 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/" /> <meta name="twitter:title" property="og:title" content="Big Medium | This Is Big Design" /> <meta name="twitter:description" property="og:description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/styles.css?cache" type="text/css" /> <meta property="og:site_name" content="Big Medium" /> <script> /*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */ (function(e){function t(t,n,r,o){"use strict";function a(){for(var e,n=0;u.length>n;n++)u[n].href&&u[n].href.indexOf(t)>-1&&(e=!0);e?i.media=r||"all":setTimeout(a)}var i=e.document.createElement("link"),l=n||e.document.getElementsByTagName("script")[0],u=e.document.styleSheets;return i.rel="stylesheet",i.href=t,i.media="only x",i.onload=o||null,l.parentNode.insertBefore(i,l),a(),i}var n=function(r,o){"use strict";if(r&&3===r.length){var a=e.navigator,i=e.Image,l=!(!document.createElementNS||!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||e.opera&&-1===a.userAgent.indexOf("Chrome")||-1!==a.userAgent.indexOf("Series40")),u=new i;u.onerror=function(){n.method="png",n.href=r[2],t(r[2])},u.onload=function(){var e=1===u.width&&1===u.height,a=r[e&&l?0:e?1:2];n.method=e&&l?"svg":e?"datapng":"png",n.href=a,t(a,null,null,o)},u.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",document.documentElement.className+=" grunticon"}};n.loadCSS=t,e.grunticon=n})(this);(function(e,t){"use strict";var n=t.document,r="grunticon:",o=function(e){if(n.attachEvent?"complete"===n.readyState:"loading"!==n.readyState)e();else{var t=!1;n.addEventListener("readystatechange",function(){t||(t=!0,e())},!1)}},a=function(e){return t.document.querySelector('link[href$="'+e+'"]')},c=function(e){var t,n,o,a,c,i,u={};if(t=e.sheet,!t)return u;n=t.cssRules?t.cssRules:t.rules;for(var l=0;n.length>l;l++)o=n[l].cssText,a=r+n[l].selectorText,c=o.split(");")[0].match(/US\-ASCII\,([^"']+)/),c&&c[1]&&(i=decodeURIComponent(c[1]),u[a]=i);return u},i=function(e){var t,o,a;o="data-grunticon-embed";for(var c in e)if(a=c.slice(r.length),t=n.querySelectorAll(a+"["+o+"]"),t.length)for(var i=0;t.length>i;i++)t[i].innerHTML=e[c],t[i].style.backgroundImage="none",t[i].removeAttribute(o);return t},u=function(t){"svg"===e.method&&o(function(){i(c(a(e.href))),"function"==typeof t&&t()})};e.embedIcons=i,e.getCSS=a,e.getIcons=c,e.ready=o,e.svgLoadedCallback=u,e.embedSVG=u})(grunticon,this); grunticon(["/grunticon-v2/icons.data.svg.css", "/grunticon-v2/icons.data.png.css", "/grunticon-v2/icons.fallback.css"]); </script> <noscript><link href="/grunticon-v2/icons.fallback.css" rel="stylesheet"></noscript> <script src="/js/picturefill-min.js" async></script>  <script type="text/javascript"> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//bigmedium.com/bigstats/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head>  <body class="bmt-utility bmslug-__HOME"> <header id="bm-top" class="header toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><defs><symbol id="bmlogo"><g fill="#000" fill-rule="evenodd"><path id="bmlogo-arrow" d="M56 9.94V0h32v30h-9.94V17.394L62.456 33 55 25.545 70.606 9.94"/><path class="bmlogo" d="M0 0v116h88V40H46V0H0zm36 10H10v96h68V50H36V10zM144 0h-10v95l-1 21h8l2-10c3.874 6.617 10.956 12 23 12 20.618 0 29-17.023 29-38v-4c0-21.292-8.382-38.316-29-38-11.033-.316-17.97 4.34-22 10V0zm0 59c3.064-5.16 9.046-12 20-12 14.142 0 21 11.352 21 29v4c0 17.648-6.858 29-21 29-10.954 0-16.936-6.84-20-12V59zm69 57h10V39h-10v77zM224 8h-13v13h13V8zm68 109c.016 13.62-5.33 21.158-20 21-14.38.158-19.872-7.09-20-22h-10v2c.445 16.1 7.96 29 30 29 21.895 0 30.133-12.61 30-30V61l1-21h-8l-2 10c-3.874-6.637-10.956-12-23-12-20.473 0-29 16.38-29 36v3c0 19.414 8.527 35.503 29 36 11.033-.497 17.825-4.846 22-11v15zm0-58v32c-3.2 5.216-9.014 12-20 12-14.02 0-21-10.392-21-26v-4c0-15.32 6.98-26 21-26 10.986 0 16.8 6.784 20 12zm156 58V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10zm81-35v-6c0-20.9-9.765-38-32-38-22.944 0-33 17.1-33 38v4c0 20.9 10.056 38 33 38 22.09 0 32-13.768 32-26h-10c.235 8.03-6.177 17.45-22 17-15.074.45-22.215-9.986-23-27h55zm-33-36c14.618 0 21.42 10.484 22 27h-44c.434-16.516 7.526-27 22-27zm76-8c-20.618-.316-29 16.708-29 38v4c0 20.977 8.382 38 29 38 11.9 0 19.126-5.383 23-12l1 10h9l-1-21V0h-10v48c-4.175-5.66-10.967-10.316-22-10zm3 71c-14.167 0-21-11.352-21-29v-4c0-17.648 6.833-29 21-29 10.84 0 16.8 6.84 20 12v38c-3.2 5.16-9.16 12-20 12zm50 7h10V39h-10v77zM636 8h-13v13h13V8zm18 31v54c0 14.632 7.973 25 23 25 13.386 0 21.65-5.55 26-12l2 10h8l-1-22V39h-10v58c-3.206 4.937-9.15 11.8-21 12-10.474-.2-16.998-5.603-17-17V39h-10zm176 78V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10z"/></g></symbol></defs><use xlink:href="#bmlogo"></use></svg> </a> <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavtop">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavtop"> </span> </nav> <div class="powertools"> <a href="#" class="icon icon-microphone icon-utility" title="speech commands" id="toggleSpeech">Speak</a> <a href="#" id="toggleSearch" class="icon icon-search icon-utility" title="search">Search</a> <a href="#nav" id="toggleMenu" class="icon icon-menu icon-utility" title="menu">Menu</a>  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  </div> </div> </header> <main role="main"> <header class="page-header page-header--sans-kicker"> <div class="lc"> <h1 class="bmw_headline">design</h1> </div> </header> <section class="touts touts--sans-kicker u--zero-border"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up">  <div class="tout-links tout-links--tags tout-links--tag-design"> <div class="bmw_link bma_page1685"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-250.png" class="bma_thumb" alt="Four devices lighting up with Sentient Design and machine intelligence" srcset="https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/events-workshops/" class="kicker kicker--tout kicker--invert">events & workshops</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" title="Workshop: Craft AI-Powered Experiences with Sentient Design" rel="bookmark">Workshop: Craft AI-Powered Experiences with Sentient Design</a></h3><div class="bma_desc">Reserve a private workshop to teach your product and design teams to imagine, design, and deliver AI-powered features and products.</div> </div> </div> </div> <div class="bmw_link bma_page1687"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-250.png" class="bma_thumb" alt="Illustration of sparkles wilting on the vine" srcset="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-500.png 500w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/icons/" class="kicker kicker--tout kicker--invert">icons</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" title="Your Sparkles Are Fizzling" rel="bookmark">Your Sparkles Are Fizzling</a></h3><div class="bma_desc">Let’s retire the sparkle emoji, purple hues, and rainbow gradients for AI-powered features.</div> </div> </div> </div> <div class="bmw_link bma_page1686"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/pinocchio-2.4x3-250.png" class="bma_thumb" alt="Illustration of Pinocchio with AI sparkles-2" srcset="https://bigmedium.com/bm.pix/pinocchio-2.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-500.png 500w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" title="Data Whisperers, Pinocchios, and Sentient Design" rel="bookmark">Data Whisperers, Pinocchios, and Sentient Design</a></h3><div class="bma_desc">Podcasts from PDFs! Working code from pen-and-paper sketches! Discover the new AI-powered design patterns that liberate content from frozen formats—and create new experience paradigms.</div> </div> </div> </div> <div class="bmw_link bma_page1684"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/the-already-here-future-of-prototyping.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/lightbulb.4x3-250.png" class="bma_thumb" alt="A lightbulb with a right-facing arrow pointing towards three cogs" srcset="https://bigmedium.com/bm.pix/lightbulb.4x3-2000.png 1066w, https://bigmedium.com/bm.pix/lightbulb.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/lightbulb.4x3-500.png 500w, https://bigmedium.com/bm.pix/lightbulb.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/the-already-here-future-of-prototyping.html" title="The Already-Here Future of Prototyping" rel="bookmark">The Already-Here Future of Prototyping</a></h3><div class="bma_desc">With LLM tools like ChatGPT and Claude, it’s easier than ever for anyone — including and perhaps especially non-developers — to develop ideas in code.</div> </div> </div> </div> <div class="bmw_link bma_page1665"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/hello-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-250.png" class="bma_thumb" alt="Illustration of four computers and devices lighting up with Sentient Design awareness" srcset="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/hello-sentient-design.html" title="Say Hello to Sentient Design" rel="bookmark">Say Hello to Sentient Design</a></h3><div class="bma_desc">Sentient Design is the already-here future of intelligent interfaces and AI-mediated experiences. Discover this framework and philosophy for working with AI as a design material.</div> </div> </div> </div> <div class="bmw_link bma_page1654"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg" class="bma_thumb" alt="Photo of Josh Clark speaking in front of a screen with the text, "Get cozy with casual intelligence"" srcset="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-2000.jpg 960w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" title="Sentient Design: AI and the Next Chapter of UX" rel="bookmark">Sentient Design: AI and the Next Chapter of UX</a></h3><div class="bma_desc">Josh Clark introduces Sentient Design, the already-here future of intelligent interfaces and AI-mediated experiences. Learn to design radically adaptive experiences that feel almost self-aware in their response to user needs.</div> </div> </div> </div> <div class="bmw_link bma_page1675"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/shape-of-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-250.png" class="bma_thumb" alt="Illustration of two hands holding aloft a triangle with AI sparkles inside" srcset="https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-500.png 500w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/shape-of-sentient-design.html" title="The Shape of Sentient Design" rel="bookmark">The Shape of Sentient Design</a></h3><div class="bma_desc">Use this diagram to think through and explore AI-mediated experiences in your product design.</div> </div> </div> </div> <div class="bmw_link bma_page1674"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/has-the-ai-edge-become-a-dull-blade.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/ai-blade-4.4x3-250.png" class="bma_thumb" alt="AI Robot wielding a blade" srcset="https://bigmedium.com/bm.pix/ai-blade-4.4x3-2000.png 1440w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-500.png 500w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/has-the-ai-edge-become-a-dull-blade.html" title="Has the “AI Edge” Become a Dull Blade?" rel="bookmark">Has the “AI Edge” Become a Dull Blade?</a></h3><div class="bma_desc">Today’s cutting-edge technology is becoming tomorrow’s ho-hum office tool. And that’s a good thing.</div> </div> </div> </div> <div class="bmw_link bma_page1695"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg" class="bma_thumb" alt="Headshots of Josh Clark and Veronika Kindred promoting the Design of AI podcast and talking about Sentient Design" srcset="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-2000.jpg 840w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/podcast/" class="kicker kicker--tout kicker--invert">podcast</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" title="Design of AI: Sentient Design" rel="bookmark">Design of AI: Sentient Design</a></h3><div class="bma_desc">Josh Clark and Veronika Kindred share the importance of design in shaping AI-powered experiences in this podcast conversation about Sentient Design, their new book, moving beyond the chatbot, generational views of technology, and much more.</div> </div> </div> </div> <div class="bmw_link bma_page1664"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/ai-snake-oil-miracle-cure.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/snake-oil.4x3-250.png" class="bma_thumb" alt="Bottle of snake oil surrounded by AI sparkles" srcset="https://bigmedium.com/bm.pix/snake-oil.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/snake-oil.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/snake-oil.4x3-500.png 500w, https://bigmedium.com/bm.pix/snake-oil.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/ai-snake-oil-miracle-cure.html" title="A.I., Snake Oil, and Miracle-Cure Expectations" rel="bookmark">A.I., Snake Oil, and Miracle-Cure Expectations</a></h3><div class="bma_desc">Be distrustful when AI is hyped as a cure-all—but don’t assume it’s useless just because it doesn’t live up to outlandish promises.</div> </div> </div> </div> <div class="bmw_link bma_page1567"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/only-one-deliverable-matters.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/one-deliverable-matters.4x3-250.png" class="bma_thumb" alt="Only one deliverable matters" srcset="https://bigmedium.com/bm.pix/one-deliverable-matters.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/one-deliverable-matters.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/one-deliverable-matters.4x3-500.png 500w, https://bigmedium.com/bm.pix/one-deliverable-matters.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/process/" class="kicker kicker--tout kicker--invert">process</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/only-one-deliverable-matters.html" title="Only One Deliverable Matters" rel="bookmark">Only One Deliverable Matters</a></h3><div class="bma_desc">Too much design effort goes into artifacts that are not part of the working software. There’s a better way to work.</div> </div> </div> </div> <div class="bmw_link bma_page1411"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/boring-design-systems.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/normcore-lego-center.4x3-250.jpg" class="bma_thumb" alt="Lego blocks center" srcset="https://bigmedium.com/bm.pix/normcore-lego-center.4x3-2000.jpg 1777w, https://bigmedium.com/bm.pix/normcore-lego-center.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/normcore-lego-center.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/normcore-lego-center.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/design-system/" class="kicker kicker--tout kicker--invert">design system</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/boring-design-systems.html" title="The Most Exciting Design Systems Are Boring" rel="bookmark">The Most Exciting Design Systems Are Boring</a></h3><div class="bma_desc">Design systems should solve problems that designers confront over and over again, so that they can turn to more interesting challenges.</div> </div> </div> </div> <div class="bmw_link bma_page1382"> <div class="bma_mediatop"> <a href="https://bigmedium.com/projects/about-verywell-thebalance.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/verywell-hooray.4x3-250.jpg" class="bma_thumb" alt="Verywell hooray!" srcset="https://bigmedium.com/bm.pix/verywell-hooray.4x3-2000.jpg 1825w, https://bigmedium.com/bm.pix/verywell-hooray.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/verywell-hooray.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/verywell-hooray.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/dotdash/" class="kicker kicker--tout kicker--invert">dotdash</a><h3 class="bma_head"><a href="https://bigmedium.com/projects/about-verywell-thebalance.html" title="Design To Wake a Sleeping Giant" rel="bookmark">Design To Wake a Sleeping Giant</a></h3><div class="bma_desc">Big Medium helped About.com (now Dotdash) reinvent its product strategy and design process—and created some mighty good-looking and profitable sites along the way.</div> </div> </div> </div> <div class="bmw_link bma_page1591"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/youre-not-too-late-machine-learning-ai-stats.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/youre-not-too-late.4x3-250.png" class="bma_thumb" alt="You're Not Too Late" srcset="https://bigmedium.com/bm.pix/youre-not-too-late.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-500.png 500w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/youre-not-too-late-machine-learning-ai-stats.html" title="You’re Not Late to Machine Learning" rel="bookmark">You’re Not Late to Machine Learning</a></h3><div class="bma_desc">If you’re worried that you’re behind in getting in on machine learning, never fear: AI has not so much come of age as reached an awkward adolescence. You’re right on time.</div> </div> </div> </div> <div class="bmw_link bma_page1582"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/why-machine-learning-and-ai-matter-for-design-team.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png" class="bma_thumb" alt="Making friends with the robots" srcset="https://bigmedium.com/bm.pix/friends-with-robots.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-500.png 500w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/why-machine-learning-and-ai-matter-for-design-team.html" title="Why Machine Learning and AI Matter for Design Teams" rel="bookmark">Why Machine Learning and AI Matter for Design Teams</a></h3><div class="bma_desc">There’s a critical role for design in the era of the algorithm—and your organization almost certainly has what it needs to jump in today.</div> </div> </div> </div> <div class="bmw_link bma_page1619"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/do-more-with-less-digital-leadership-lean-times.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/do-more-with-less.4x3-250.png" class="bma_thumb" alt="Illustration of a leader robot thinking about money alongside its robot team" srcset="https://bigmedium.com/bm.pix/do-more-with-less.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/do-more-with-less.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/do-more-with-less.4x3-500.png 500w, https://bigmedium.com/bm.pix/do-more-with-less.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/leadership/" class="kicker kicker--tout kicker--invert">leadership</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/do-more-with-less-digital-leadership-lean-times.html" title="Do More with Less: Digital Leadership in Lean Times" rel="bookmark">Do More with Less: Digital Leadership in Lean Times</a></h3><div class="bma_desc">Josh Clark shares nine principles to guide high-performing teams to deliver faster/better/cheaper in an era of shrinking budgets.</div> </div> </div> </div> <div class="bmw_link bma_page1569"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/design-systems-mastering-design-at-scale-video.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/brad-josh-dan-roundtable.4x3-250.jpg" class="bma_thumb" alt="Brad Frost, Josh Clark, and Dan Mall roundtable discussion" srcset="https://bigmedium.com/bm.pix/brad-josh-dan-roundtable.4x3-2000.jpg 1440w, https://bigmedium.com/bm.pix/brad-josh-dan-roundtable.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/brad-josh-dan-roundtable.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/brad-josh-dan-roundtable.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/video/" class="kicker kicker--tout kicker--invert">video</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/design-systems-mastering-design-at-scale-video.html" title="Design Systems: Mastering Design at Scale" rel="bookmark">Design Systems: Mastering Design at Scale</a></h3><div class="bma_desc">In this InVision video series, Brad Frost, Dan Mall, and Josh Clark share their know-how to help you build and use a design system.</div> </div> </div> </div> <div class="bmw_link bma_page1581"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/ai-is-your-new-design-material.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/josh-clark-design-2.4x3-250.jpg" class="bma_thumb" alt="Josh Clark at Amuse Conference in 2019: "AI is your new design material"" srcset="https://bigmedium.com/bm.pix/josh-clark-design-2.4x3-2000.jpg 2000w, https://bigmedium.com/bm.pix/josh-clark-design-2.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/josh-clark-design-2.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/josh-clark-design-2.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/ai-is-your-new-design-material.html" title="A.I. Is Your New Design Material" rel="bookmark">A.I. Is Your New Design Material</a></h3><div class="bma_desc">Discover the opportunities to use machine-generated content, insight, and interaction as design material in your everyday work.</div> </div> </div> </div> </div>   <ul class="bmw_overflowNav"> <li><span class="bma_inertPage">Previous</span></li> <li><a href="https://bigmedium.com/bm.tags/design/index.html" class="bma_thisPage">1</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.p2.html">2</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.p3.html">3</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.p4.html">4</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.p2.html">Next</a></li> </ul>  </div> </div> </section> </main> <section id="nav" class="prefooter"> <div class="toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><use xlink:href="#bmlogo" id="footerLogo" /></svg> </a> <a href="#bm-top" id="BackToTop" class="icon icon-menu-up icon-utility">Back to top</a> </div> </div> <div class="lc">  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavbottom">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavbottom"> </span> </nav> </div> </section>  <div class="bmw_footer"> <footer class="footer"> <div class="lc"> <div class="read-us"> <h3>Read us</h3> <ul> <li class="book-atomic"> <a href="https://atomicdesign.bradfrost.com"> <img src="/pix/atomic-design.png" alt="Atomic Design, by Brad Frost" /> </a> </li> <li class="book-touch"> <a href="http://abookapart.com/products/designing-for-touch"> <img src="/pix/designing-for-touch.png" alt="Designing for Touch, by Josh Clark" /> </a> </li> </ul> </div> <div class="hire-us"> <h3>Work with us</h3> <ul> <li><a href="/hire/#design-systems">Design systems</a></li> <li><a href="/hire/#ui-ux-design">Interface and experience design</a></li> <li><a href="/hire/#product-strategy-process">Digital strategy and process</a></li> <li><a href="/hire/#production">Production and co-creation</a></li> <li><a href="/hire/#action-plan">Action plan</a></li> <li><a href="/hire/#coaching">Coaching and hands-on advice</a></li> <li><a href="/hire/#workshops-talks">Workshops and talks</a></li> </ul> </div> <div class="follow-us"> <h3>Follow us</h3> <h4>Get the <a href="/ideas/big-medium-newsletter.html">newsletter</a></h4> <div id="mc_embed_shell_bmfooter" class="bmc_mailchimp"> <div id="mc_embed_signup_bmfooter"> <form action="https://bigmedium.us5.list-manage.com/subscribe/post?u=6c0c3f4dcd40d88bc1cedb3fa&id=7540015453&f_id=00d6c4eaf0" method="post" id="mc-embedded-subscribe-form_bmfooter" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate=""> <div id="mc_embed_signup_scroll_bmfooter"> <div class="mc-field-group"><label for="mce-EMAIL_bmfooter">Email Address</label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL_bmfooter" required="" value=""></div> <div id="mce-responses_bmfooter" class="clear"> <div class="response" id="mce-error-response_bmfooter" style="display: none;"></div> <div class="response" id="mce-success-response_bmfooter" style="display: none;"></div> </div><div class="clear"><input type="submit" class="btn" name="subscribe" id="mc-embedded-subscribe_bmfooter" class="button" value="Subscribe"></div> </div> </form> </div> </div> <ul class="social"> <li><a href="https://twitter.com/bigmediumjosh" class="icon icon-twitter">Twitter</a></li> <li><a href="/bm.feed.xml" class="icon icon-rss">RSS</a></li> <li><a href="https://instagram.com/joshclark/" class="icon icon-instagram">Instagram</a></li> <li><a href="https://github.com/bigmedium" class="icon icon-github">Github</a></li> </ul> </div> <div class="contact-us"> <h3>Contact us</h3> <div itemscope itemtype="http://schema.org/Organization"> <div> <h4>Start with Josh Clark</h4> <meta itemprop="name" content="Big Medium" /> <meta itemprop="sameAs" content="https://bigmedium.com/" /> </div> <p > <a itemprop="email" href="mailto:josh@bigmedium.com">josh@bigmedium.com</a><br /> <a itemprop="telephone" href="tel:+14013393381" class="p-tel">(401) 339-3381</a> </p> </div> </div> <p class="copyright"> Big Medium is a Global Moxie company.<br /> Copyright 2003–2024 Global Moxie, LLC. All rights reserved. </p> </div> </footer> </div>  <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>

CINXE.COM

Big Medium | This Is Big Design