CINXE.COM

Of Nerve and Imagination | Big Medium

<!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>Of Nerve and Imagination | Big Medium</title> <meta name="description" content="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?" /> <meta name="author" content="Josh Clark" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/ideas/of-nerve-and-imagination.html" /> <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_page1404 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/ideas/of-nerve-and-imagination.html" /> <meta name="twitter:title" property="og:title" content="Of Nerve and Imagination | Big Medium" /> <meta name="twitter:description" property="og:description" content="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?" /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/bm.pix/tdbox20.orig-1000.gif" /> <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> <!-- Piwik --> <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> <!-- End Piwik Code --> </head> <!-- end <%htmlhead%> --> <body id="Page-of-nerve-and-imagination" class="bmt_page bmt_page-ideas bmslug-ideas"> <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 bmn_active"><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> <!-- START <%search%> --> <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> <!-- END <%search%> --> </div> </div> </header> <main role="main"> <article class="article"> <header class="page-header"> <div class="page-icon"> <div class="lc"> <svg width="196" height="187" viewBox="0 0 196 187" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="performer"><title>performer</title><g fill="#FFF" fill-rule="evenodd"><path d="M61.108 33.853c-8.996-1.797-14.855-10.67-13.036-19.785C49.91 4.938 58.71-.967 67.712.84c9.013 1.81 14.843 10.64 13.016 19.78-1.818 9.094-10.607 15.033-19.62 13.233M166.723 157.57c.102-.122.183-.242.285-.365.245-.277.46-.552.674-.85.193-.275.38-.56.55-.848.174-.296.318-.602.46-.908.135-.32.276-.626.378-.953.102-.317.185-.623.266-.95.07-.338.144-.665.194-1.013.04-.327.062-.654.07-.98.01-.338.01-.676-.008-1.01-.02-.338-.062-.665-.112-1.003-.052-.326-.123-.653-.196-.98-.08-.327-.183-.644-.306-.96-.123-.327-.246-.647-.397-.963-.143-.296-.305-.58-.48-.87-.183-.315-.387-.61-.61-.907-.093-.133-.166-.277-.278-.4L80.83 39.74c-3.695-4.445-10.3-5.05-14.74-1.347-.91.756-2.94 3.3-2.94 3.3L39.74 68.256l-13.8-13.38 10.116-16.23-5.564-3.475-9.74 15.628c-3.112-1.178-6.747-.492-9.196 2.043-3.287 3.394-3.196 8.81.194 12.1l22.54 21.843c1.59 1.54 3.726 2.41 5.942 2.41.113 0 .222 0 .335-.008 2.34-.094 4.534-1.135 6.076-2.894L61.14 69.85l20.67 20.042-27.89 14.636h-.01c-.277.144-.52.338-.776.51-.305.205-.632.38-.91.615-.213.173-.396.377-.59.57-.287.268-.572.532-.828.82-.173.204-.306.43-.458.654-.224.316-.46.623-.653.96-.144.246-.235.51-.358.767-.154.327-.316.664-.428 1.002-.093.285-.156.573-.226.868-.08.348-.175.683-.225 1.042-.043.295-.053.604-.072.9-.02.37-.04.725-.02 1.093.01.295.06.593.1.88.05.375.114.755.216 1.132.03.133.03.266.07.4.063.214.165.418.246.623.052.143.07.295.133.45l15.905 38.48c.183.44.408.858.643 1.266H.725v29.232h8.33v-20.89h186.282v-8.34h-28.613v.01zm-82.362-9.28l-11.443-27.686 31.177-9.106 47.54 46.073H83.686c1.594-2.738 1.97-6.13.674-9.28z"/></g></svg> </div> </div> <div class="lc"> <!-- START <%kicker%> --> <a href="https://bigmedium.com/bm.tags/future/" class="kicker" rel="tag">future</a> <!-- END <%kicker%> --> <!-- start <%headline%> --> <h1 class="bmw_headline">Of Nerve and Imagination</h1> <!-- end <%headline%> --> <!-- start <%byline%> --> <h2 class="bmw_byline">By <a href="https://bigmedium.com/about/josh-clark.html" class="bmc_byline">Josh Clark</a> <br /> <span class="bmc_bylineTitle">Principal, Big Medium</span> </h2> <!-- end <%byline%> --> <!-- start <%pubdate%> --> <span class="bmw_pubdate">Published Apr 10, 2015</span> <!-- end <%pubdate%> --> </div> </header> <div class="lc maincontent"> <section class="bodycontent"> <!-- start <%content%> --> <div class="bmc_aboveContent"> <figure class="media-center bmc_image"> <a href="https://bigmedium.com/bm.pix/tdbox20.gif" rel="bm_lightbox" title="" target="_blank"><img src="https://bigmedium.com/bm.pix/tdbox20.orig-250.gif" alt="1970s synthesizer kit" srcset="https://bigmedium.com/bm.pix/tdbox20.orig-2000.gif 774w, https://bigmedium.com/bm.pix/tdbox20.orig-500.gif 500w, https://bigmedium.com/bm.pix/tdbox20.orig-250.gif 250w" sizes="(min-width: 1050px) 1050px, 100vw" title="Click to enlarge" /></a> </figure> </div> <div class="bmw_pageContent"> <p><em>I was six years old the first time I saw the future.</em></p> <p><em>My elementary school imported a steady and unusual program of guest speakers. Our assemblies featured a swami, a secret agent and, on this particular day, a wiry young man with a stage full of equipment.</em></p> <p><em>From inside my pint-sized body, the machinery in the auditorium that day seemed huge, a mainframe-sized collection of premium 1970s technology. Our visitor dashed from console to console, leaping thick cables, getting his gear ready. He stopped in front of a big keyboard and then looked up at us. And that’s when the sound started.</em></p> <hr /> <p>“Any sufficiently advanced technology is indistinguishable from magic,” Arthur C. Clarke famously wrote. He wasn’t talking parlor tricks. He referred to technology that so completely transcends our everyday understanding of the world that it is utterly inexplicable. Aristotle, Clarke wrote, would have been at a loss to explain how touching two pieces of metal together could unleash a devastating surge of energy. For all his genius, the philosopher’s understanding of science could not possibly embrace nuclear reaction.</p> <p>The mind’s eye can’t see around the corner of brain-bending scientific breakthroughs. This is one of the things that make the prophet racket so hard. A single discovery or insight can suddenly make the impossible possible, even easy. The fact that we don’t foresee such changes is an excusable failure of imagination. It’s hard, foolhardy perhaps, to predict that the impossible is within reach.</p> <p>Less forgivable is what Clarke called “the failure of nerve.” That’s when all the pieces for powerful change are sitting right in front of us, ready and available, and we fail to see their potential. We’re so stuck on the way things have been that we don’t see how they might be rearranged to powerful effect.</p> <p>Failures of nerve often seem ridiculous after the fact, because the outcome seems so obvious in hindsight. In 1985, a New York Times column predicted <a href="http://www.nytimes.com/1985/12/08/business/the-executive-computer.html">a miserable future for laptop computers</a>:</p> <blockquote> <p>On the whole, people don’t want to lug a computer with them to the beach or on a train to while away hours they would rather spend reading the sports or business section of the newspaper. Somehow, the microcomputer industry has assumed that everyone would love to have a keyboard grafted on as an extension of their fingers. It just is not so.…</p> <p>Yes, there are a lot of people who would like to be able to work on a computer at home. But would they really want to carry one back from the office with them? It would be much simpler to take home a few floppy disks tucked into an attache case.…</p> <p>[T]he real future of the laptop computer will remain in the specialized niche markets. Because no matter how inexpensive the machines become, and no matter how sophisticated their software, I still can’t imagine the average user taking one along when going fishing.</p> </blockquote> <hr /> <p><em>The sound started simply enough. A <code>bleep</code> here, then a <code>bloop</code>, a <code>buzz</code> and a <code>beep</code>. But slowly the sounds gathered and folded onto each other to form deepening layers. It’s robot music, I thought. I knew, because Star Wars had arrived in theaters that spring. The auditorium filled with the sound of a hundred R2-D2s chirping in harmony. It was electronic, unnatural, but still&#8230; distinctly musical.</em></p> <p><em>At the center of the sound was our visitor, in t-shirt and sneakers, a wild-eyed composer creating a one-man symphony, just him and his machines. He was making the machines sing.</em></p> <hr /> <p>The significance of new combinations tends to escape us. When someone embeds a computer inside a watch, it’s all too natural for us to assume that it will be used like either a computer or a watch. <em>A smartphone on your wrist!</em> A failure of nerve prevents us from imagining the entirely new thing that this combination might represent. The habits of the original technology blind us to the potential opportunities of the new.</p> <p>Today’s combinations are especially hard to parse because they’re no longer about individual instances of technology. The potential of a smartwatch, for example, hinges not only on the combination of its component parts but on its combination with other smart and dumb objects in our lives.</p> <p>As we weigh the role of the smartwatch, we have to muster the nerve to imagine: How might it talk to other devices? How can it interact with the physical world? What does it mean to wear data? How might the watch signal identity in the digital world as we move through the physical? How might a gesture or flick of the wrist trigger action around me? What becomes possible if smart watches are on millions of wrists? What are the social implications? What new behaviors will the watch channel and shape? How will it change the way I use other devices? How might it knit them together?</p> <p>As we begin to embed technology into everything—when anything can be an interface—we can no longer judge each new gadget on its own. The success of any new interface depends on how it controls, reflects, shares, or behaves in a growing community of social devices. We are bridging the gap between digital and physical, one small step at a time. Nerve demands that we take the long view.</p> <hr /> <p><em>He owned us. It’s not easy to hold the attention of 100 grade-schoolers, but after 30 minutes of crafting a live sci-fi soundtrack, he had us completely. A 1970s electronic pied piper.</em></p> <p><em>And then it happened. At the end of his performance, he stepped to the front of the stage. “One day,” he said, “all of you will have a machine that does all this, makes music like this.” Then he pulled out his wallet and held it up. “And it won’t be any bigger than this. It will fit in your pocket.”</em></p> <p><em>A roomful of little first-grade heads exploded. I’ll never forget it: “It will fit in your pocket.” It was the first time I really ached for a specific vision of the future. For me, the future wasn’t rocket cars. It wasn’t living on the moon. It wasn’t even R2-D2. The future was having my own little synthesizer, a computer in my pocket that I could use to make something.</em></p> <p><em>So I waited for the future. At first, I thought it had arrived in 2001 with the iPod. Bam, music in your pocket, just like he said. But that was just a player. It couldn’t make anything. It wasn’t a creative device. It wasn’t until 2007 that I realized that it was the iPhone I was waiting for. Apple’s fabulous device was the first thing to resemble my childhood notions of the future. It was the very first time the future finally got here. And I’ll be damned if the future didn’t fit in my pocket, exactly as promised.</em></p> <hr /> <p>I don’t know who our guest was. I wish I knew his name. His equipment wouldn’t fit in my living room, let alone my pocket. Gordon Moore had posited Moore’s Law only a decade earlier. The Apple II personal computer would hit the market later that summer. And the New York Times was still eight years away from declaring the death of the portable computer. Yet this guy was already sharing his vision for tiny personal computers. Even more remarkable, he had the foresight to imagine them dedicated to creativity and leisure.</p> <p>I thought about his promise every few months for the next three decades. And now that this stuff is what I do for a living, I think about it even more. I think about it every time I feel a lapse of imagination or nerve, or when I’m tempted to say, “it can’t be done” or “I just don’t see it.” I think back to the robot conductor of 1977, and I’m inspired to look again, deeper this time.</p> <p>“The only way of discovering the limits of the possible is to venture a little way past them into the impossible,” Clarke wrote. There’s fresh magic minted every day. It’s up to us to have the nerve to see it.</p> </div> <!-- end bmw_pageContent --> <!-- end <%content%> --> </section> <section class="moreinfo"> <!-- START <%tags%> --> <h3>Read more about...</h3> <ul class="bmw_tags"> <li><a href="https://bigmedium.com/bm.tags/future/" rel="tag">future</a></li> <li><a href="https://bigmedium.com/bm.tags/design/" rel="tag">design</a></li> <li><a href="https://bigmedium.com/bm.tags/life/" rel="tag">life</a></li> </ul> <!-- END <%tags%> --> </section> </div> </article> </main> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up"> <h2><a href="https://bigmedium.com/ideas/" class="kicker kicker--invert">Ideas</a></h2> <!-- start <%latest%> --> <div class="tout-links tout-links--latest tout-links--sec-ideas"> <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 &amp; 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_page1698"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/design-system-governance-bugs-design-discrepancies.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/governance.4x3-250.png" class="bma_thumb" alt="Point" srcset="https://bigmedium.com/bm.pix/governance.4x3-2000.png 1066w, https://bigmedium.com/bm.pix/governance.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/governance.4x3-500.png 500w, https://bigmedium.com/bm.pix/governance.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/design-system-governance-bugs-design-discrepancies.html" title="“The Design System Isn't Working for Me!”" rel="bookmark">“The Design System Isn't Working for Me!”</a></h3> <div class="bma_desc">What&#8217;s going on when a design system&#8217;s can&#8217;t get it to do what they need? How to manage bugs, missing features, intentional design deviations, new patterns, and more.</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&#8217;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> <!-- end <%latest%> --> <div class="continue"> <a href="https://bigmedium.com/ideas/" class="btn btn--next"> <span class="btn-arrow-text--right">More Ideas</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-simple"> <h2><a href="https://bigmedium.com/ideas/links/" class="kicker kicker--invert">What We’re Reading</a></h2> <!-- start <%latest%> --> <div class="tout-links tout-links--latest tout-links--sec-links"> <div class="bmw_link bma_page1699 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <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 &#8220;human in the loop&#8221; interfaces and explanations of AI logic and confidence scores.</div> </div> </div> </div> <div class="bmw_link bma_page1694 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/ai-pioneer-thinks-ai-is-dumber-than-a-cat.html" title="This AI Pioneer Thinks AI Is Dumber Than a Cat" rel="bookmark">This AI Pioneer Thinks AI Is Dumber Than a Cat</a></h3> <div class="bma_desc">AI pioneer Yann LeCun reminds us that just because LLMs are good at language doesn&#8217;t mean that they&#8217;re smart.</div> </div> </div> </div> <div class="bmw_link bma_page1693 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/beware-of-botshit.html" title="Beware of Botshit" rel="bookmark">Beware of Botshit</a></h3> <div class="bma_desc">Botshit is hallucinated content that makes its way into human communications or screws up decision making.</div> </div> </div> </div> <div class="bmw_link bma_page1692 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/radically-adaptive-world-model-ethan-mollick.html" title="A Radically Adaptive World Model" rel="bookmark">A Radically Adaptive World Model</a></h3> <div class="bma_desc">A research project generates a world based on Counter-Strike, frame by frame in response to your actions. What happens when you apply the same thinking to the design of websites, dashboards, or canvas apps?</div> </div> </div> </div> <div class="bmw_link bma_page1691 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/exploring-the-ai-solution-space-jorge-arango.html" title="Exploring the AI Solution Space" rel="bookmark">Exploring the AI Solution Space</a></h3> <div class="bma_desc">Jorge Arango explores what it means for machine intelligence to be &#8220;used well&#8221; and, in particular, questions the current fascination with general-purpose, open-ended chat interfaces.</div> </div> </div> </div> <div class="bmw_link bma_page1688 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <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> <!-- end <%latest%> --> <div class="continue"> <a href="https://bigmedium.com/ideas/links/" class="btn btn--next"> <span class="btn-arrow-text--right">More Links</span> </a> </div> </div> </div> </section> <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"> <!-- START <%search%> --> <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> <!-- END <%search%> --> <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 bmn_active"><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> <!-- start <%footer%> --> <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&amp;id=7540015453&amp;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&nbsp;Clark</h4> <meta itemprop="name" content="Big Medium" /> <meta itemprop="sameAs" content="https://bigmedium.com/" /> </div> <p > <a itemprop="email" href="&#x6D;&#97;&#105;&#108;&#x74;&#x6F;:&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;">&#106;&#x6F;&#115;&#104;&#64;&#x62;&#105;&#x67;&#109;&#101;&#100;&#105;&#x75;&#x6D;.&#x63;&#x6F;&#x6D;</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> <!-- end <%footer%> --> <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>

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