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_page1520"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/presentable-podcast-dinosaur-surfboard.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/dinosaur-confidence-4x3.4x3-250.png" class="bma_thumb" alt="Dinosaur (maybe on a surfboard?) 4x3" srcset="https://bigmedium.com/bm.pix/dinosaur-confidence-4x3.4x3-2000.png 600w, https://bigmedium.com/bm.pix/dinosaur-confidence-4x3.4x3-500.png 500w, https://bigmedium.com/bm.pix/dinosaur-confidence-4x3.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/podcast/" class="kicker kicker--tout kicker--invert">podcast</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/presentable-podcast-dinosaur-surfboard.html" title="Designing with Artificial Intelligence: The Dinosaur on a Surfboard" rel="bookmark">Designing with Artificial Intelligence: The Dinosaur on a Surfboard</a></h3><div class="bma_desc">On the Presentable podcast, Josh Clark joins Jeff Veen to consider the role for designers in a world of algorithms and machine learning.</div> </div> </div> </div> <div class="bmw_link bma_page1470"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/design-in-the-era-of-the-algorithm.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/josh-clark-3.4x3-250.jpg" class="bma_thumb" alt="Josh Clark at Mind the Product 2017" srcset="https://bigmedium.com/bm.pix/josh-clark-3.4x3-2000.jpg 1068w, https://bigmedium.com/bm.pix/josh-clark-3.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/josh-clark-3.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/josh-clark-3.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/design-in-the-era-of-the-algorithm.html" title="Design in the Era of the Algorithm" rel="bookmark">Design in the Era of the Algorithm</a></h3><div class="bma_desc">Machine learning is technology’s new frontier, and designers have a crucial part to play. Josh Clark explores our new roles and responsibilities when we design for the machines.</div> </div> </div> </div> <div class="bmw_link bma_page1404"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/of-nerve-and-imagination.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/tdbox20.4x3-250.gif" class="bma_thumb" alt="1970s synthesizer kit" srcset="https://bigmedium.com/bm.pix/tdbox20.4x3-2000.gif 542w, https://bigmedium.com/bm.pix/tdbox20.4x3-500.gif 500w, https://bigmedium.com/bm.pix/tdbox20.4x3-250.gif 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/future/" class="kicker kicker--tout kicker--invert">future</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/of-nerve-and-imagination.html" title="Of Nerve and Imagination" rel="bookmark">Of Nerve and Imagination</a></h3><div class="bma_desc">The future is sitting right in front of us in plain view, waiting to be assembled. Do we have the nerve and imagination to piece it together?</div> </div> </div> </div> <div class="bmw_link bma_page1484"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/how-ai-will-affect-ux-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/robot-pencil.4x3-250.jpg" class="bma_thumb" alt="Robot with pencil" srcset="https://bigmedium.com/bm.pix/robot-pencil.4x3-2000.jpg 933w, https://bigmedium.com/bm.pix/robot-pencil.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/robot-pencil.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/interview/" class="kicker kicker--tout kicker--invert">interview</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/how-ai-will-affect-ux-design.html" title="The Rise of Artificial Intelligence: How AI Will Affect UX Design" rel="bookmark">The Rise of Artificial Intelligence: How AI Will Affect UX Design</a></h3><div class="bma_desc">Adobe profiled and interviewed Big Medium’s Josh Clark about the opportunities and challenges facing UX designers in a world of machine learning and artificial intelligence.</div> </div> </div> </div> <div class="bmw_link bma_page1402"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/systems-smart-enough-to-know-theyre-not-smart-enough.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/robot-not-smart-enough.4x3-250.jpg" class="bma_thumb" alt="An uncertain robot" srcset="https://bigmedium.com/bm.pix/robot-not-smart-enough.4x3-2000.jpg 2000w, https://bigmedium.com/bm.pix/robot-not-smart-enough.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/robot-not-smart-enough.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/robot-not-smart-enough.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/ideas/systems-smart-enough-to-know-theyre-not-smart-enough.html" title="Systems Smart Enough To Know When They're Not Smart Enough" rel="bookmark">Systems Smart Enough To Know When They're Not Smart Enough</a></h3><div class="bma_desc">Google and others offer wrong answers with matter-of-fact authority. How can designers build stronger signals of trust into data-driven interfaces?</div> </div> </div> </div> <div class="bmw_link bma_page1699 bmw_link--noimage"> <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/links/when-combinations-of-humans-and-ai-are-useful.html" title="When Combinations of Humans and A.I. are Useful" rel="bookmark">When Combinations of Humans and A.I. are Useful</a></h3><div class="bma_desc">A research study raises challenging questions about collaborative AI interfaces, including the value of “human in the loop” interfaces and explanations of AI logic and confidence scores.</div> </div> </div> </div> <div class="bmw_link bma_page1688 bmw_link--noimage"> <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/links/salesforce-generative-canvas.html" title="Introducing Generative Canvas" rel="bookmark">Introducing Generative Canvas</a></h3><div class="bma_desc">Salesforce is piloting a radically adaptive, AI-mediated dashboard for CRM users. Look out, enterprise, here comes Sentient Design.</div> </div> </div> </div> <div class="bmw_link bma_page1643 bmw_link--noimage"> <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/links/josh-clark-2019-talk-on-design-and-ai-john-maeda.html" title="John Maeda: Josh Clark's 2019 talk on Design and AI" rel="bookmark">John Maeda: Josh Clark's 2019 talk on Design and AI</a></h3><div class="bma_desc">Design legend John Maeda discovers some old gold from Big Medium’s Josh Clark.</div> </div> </div> </div> <div class="bmw_link bma_page1640 bmw_link--noimage"> <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/links/ai-design-figma-users-tell-us-whats-coming-next.html" title="AI + Design: Figma Users Tell Us What’s Coming Next" rel="bookmark">AI + Design: Figma Users Tell Us What’s Coming Next</a></h3><div class="bma_desc">A survey of Figma users indicates that AI is making its way into most companies’ product pipelines, but the solutions they’re shipping are… uninspired.</div> </div> </div> </div> <div class="bmw_link bma_page1638 bmw_link--noimage"> <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/links/this-is-the-moment-to-reinvent-your-product.html" title="This is the Moment to Reinvent Your Product" rel="bookmark">This is the Moment to Reinvent Your Product</a></h3><div class="bma_desc">Will you use AI to get better/faster at things you already do, or will you invent new ways to do things that weren’t previously possible?</div> </div> </div> </div> <div class="bmw_link bma_page1600"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/the-technology-we-deserve-health-fitness-devices.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/tech-we-deserve-link.4x3-250.png" class="bma_thumb" alt="The Technology We Deserve - Link" srcset="https://bigmedium.com/bm.pix/tech-we-deserve-link.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/tech-we-deserve-link.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/tech-we-deserve-link.4x3-500.png 500w, https://bigmedium.com/bm.pix/tech-we-deserve-link.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/design/" class="kicker kicker--tout kicker--invert">design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/the-technology-we-deserve-health-fitness-devices.html" title="The Technology We Deserve" rel="bookmark">The Technology We Deserve</a></h3><div class="bma_desc">Smart gadgets often abuse their trust or overreach their capabilities. A personal list of favorite fitness devices yields some principles for good product design.</div> </div> </div> </div> <div class="bmw_link bma_page1594"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/links/the-decade-of-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/UX_Header.4x3-250.png" class="bma_thumb" alt="Figma's decade of design, image courtesy of Figma" srcset="https://bigmedium.com/bm.pix/UX_Header.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/UX_Header.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/UX_Header.4x3-500.png 500w, https://bigmedium.com/bm.pix/UX_Header.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/design/" class="kicker kicker--tout kicker--invert">design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/the-decade-of-design.html" title="The Decade of Design" rel="bookmark">The Decade of Design</a></h3><div class="bma_desc">Figma interviewed a dozen experts, including Big Medium’s Josh Clark, to chronicle the rise of design in the past decade—and what comes next.</div> </div> </div> </div> <div class="bmw_link bma_page1593"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/links/how-dotdash-formerly-about-is-taking-over-internet.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/dotdash-logo.4x3-250.png" class="bma_thumb" alt="Dotdash logo" srcset="https://bigmedium.com/bm.pix/dotdash-logo.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/dotdash-logo.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/dotdash-logo.4x3-500.png 500w, https://bigmedium.com/bm.pix/dotdash-logo.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/dotdash/" class="kicker kicker--tout kicker--invert">dotdash</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/how-dotdash-formerly-about-is-taking-over-internet.html" title="How Dotdash, Formerly About.com, Is Taking over the Internet" rel="bookmark">How Dotdash, Formerly About.com, Is Taking over the Internet</a></h3><div class="bma_desc">This may be the most successful design- and business-turnaround story Big Medium has been involved with. Fast Company tells the tale of Dotdash, the network formerly known as About.com.</div> </div> </div> </div> <div class="bmw_link bma_page1589 bmw_link--noimage"> <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/links/amanda-linden-role-of-an-ai-designer.html" title="What is the Role of an AI Designer?" rel="bookmark">What is the Role of an AI Designer?</a></h3><div class="bma_desc">Facebook’s Amanda Linden shares how AI product designers approach their work in Facebook’s Artificial Intelligence team.</div> </div> </div> </div> <div class="bmw_link bma_page1566"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/links/design-tools-are-running-out-of-track.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/design-tools.4x3-250.png" class="bma_thumb" alt="Frustrating design tools" srcset="https://bigmedium.com/bm.pix/design-tools.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/design-tools.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/design-tools.4x3-500.png 500w, https://bigmedium.com/bm.pix/design-tools.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/design-system/" class="kicker kicker--tout kicker--invert">design system</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/design-tools-are-running-out-of-track.html" title="Design Tools Are Running Out of Track" rel="bookmark">Design Tools Are Running Out of Track</a></h3><div class="bma_desc">Our design tools are fundamentally disconnected from the realities and constraints of working software—which means that designers are, too.</div> </div> </div> </div> <div class="bmw_link bma_page1543 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/iphone/" class="kicker kicker--tout kicker--invert">iphone</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/imran-chaudhri-apples-greatest-flaws.html" title="The iPhone’s original UI designer on Apple’s greatest flaws" rel="bookmark">The iPhone’s original UI designer on Apple’s greatest flaws</a></h3><div class="bma_desc">In an interview with Imran Chaudhri, the iPhone interface’s original designer says Apple knew the phone would be distracting and attention-soaking—and chose to bury the controls to make it less so.</div> </div> </div> </div> <div class="bmw_link bma_page1540 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/design/" class="kicker kicker--tout kicker--invert">design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/updike-consider-the-beer-can.html" title="Consider the Beer Can" rel="bookmark">Consider the Beer Can</a></h3><div class="bma_desc">In 1964, John Updike bemoaned the arrival of the modern beer can, offering food for thought to designers who would disrupt familiar experiences.</div> </div> </div> </div> <div class="bmw_link bma_page1506"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/links/toy-story-lessons-for-the-internet-of-things.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/woody-and-buzz.4x3-250.jpeg" class="bma_thumb" alt="Woody and Buzz of Toy Story" srcset="https://bigmedium.com/bm.pix/woody-and-buzz.4x3-2000.jpeg 960w, https://bigmedium.com/bm.pix/woody-and-buzz.4x3-500.jpeg 500w, https://bigmedium.com/bm.pix/woody-and-buzz.4x3-250.jpeg 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/iot/" class="kicker kicker--tout kicker--invert">iot</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/toy-story-lessons-for-the-internet-of-things.html" title="Toy Story Lessons for the Internet of Things" rel="bookmark">Toy Story Lessons for the Internet of Things</a></h3><div class="bma_desc">Dan Gärdenfors ponders how to handle “leadership conflicts” in IoT devices.</div> </div> </div> </div> </div>   <ul class="bmw_overflowNav"> <li><a href="https://bigmedium.com/bm.tags/design/index.html">Previous</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.html">1</a></li> <li><a href="https://bigmedium.com/bm.tags/design/index.p2.html" class="bma_thisPage">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.p3.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