CINXE.COM
Why Machine Learning and AI Matter for Design Teams | 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>Why Machine Learning and AI Matter for Design Teams | Big Medium</title> <meta name="description" content="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." /> <meta name="author" content="Josh Clark" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/ideas/why-machine-learning-and-ai-matter-for-design-team.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_page1582 { 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/why-machine-learning-and-ai-matter-for-design-team.html" /> <meta name="twitter:title" property="og:title" content="Why Machine Learning and AI Matter for Design Teams | Big Medium" /> <meta name="twitter:description" property="og:description" content="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." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/bm.pix/friends-with-robots.orig-1000.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> <!-- 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-why-machine-learning-and-ai-matter-for-design-team" 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="386" height="188" viewBox="0 0 386 188" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Illustration of people holding hands with robots"><title>Illustration of people holding hands with robots</title><g fill="#FFF" fill-rule="evenodd"><path d="M84.42 111.465l-3.134 4.615a4.03 4.03 0 0 1 1.776 3.364c0 2.212-1.724 4.017-3.843 4.017-2.124 0-3.851-1.801-3.851-4.017a4.02 4.02 0 0 1 1.776-3.364l-3.134-4.615a9.557 9.557 0 0 0-4.255 7.979c0 4.29 2.803 7.933 6.654 9.148v8.15c0 1.483-1.147 2.69-2.55 2.69h-5.692v5.561h5.692c4.503 0 8.166-3.7 8.166-8.251v-8.147c3.85-1.214 6.653-4.854 6.653-9.148a9.581 9.581 0 0 0-4.258-7.982zM15.14 139.305c-4.481 0-8.125 3.61-8.125 8.05v7.858c-3.847 1.174-6.653 4.731-6.653 8.924 0 3.154 1.595 6.069 4.27 7.795l3.024-4.589a3.811 3.811 0 0 1-1.761-3.21c0-2.126 1.743-3.856 3.885-3.856 2.146 0 3.892 1.73 3.892 3.856a3.82 3.82 0 0 1-1.761 3.21l3.025 4.59c2.674-1.731 4.27-4.646 4.27-7.796 0-4.193-2.807-7.75-6.654-8.924v-7.862c0-1.417 1.162-2.568 2.591-2.568h9.453v-5.482l-9.456.004z"/><path d="M47.876 113.397h-2.991c-11.158 0-20.29 9.043-20.29 20.101v29.888h18.418v5.736a10.898 10.898 0 0 1 6.737 0v-5.74h18.413l-.003-18.393v-11.492c0-11.054-9.128-20.101-20.285-20.101zm-9.856 42.867h-4.206v-4.395h4.206v4.395zm7.057 0h-4.202v-4.395h4.202v4.395zm7.06 0h-4.2v-4.395h4.2v4.395zm-5.759-9.859c-6.702 0-12.156-5.403-12.156-12.044 0-6.64 5.454-12.044 12.156-12.044 6.703 0 12.157 5.403 12.157 12.044 0 6.64-5.454 12.044-12.157 12.044zm12.82 9.859h-4.205v-4.395h4.205v4.395zM38.084 179.354c0 4.54 3.715 8.218 8.294 8.218 4.583 0 8.294-3.681 8.294-8.218 0-4.54-3.715-8.217-8.294-8.217-4.583-.004-8.294 3.677-8.294 8.217zm8.294-2.414a2.42 2.42 0 0 1 2.433 2.41c0 1.331-1.09 2.41-2.433 2.41-1.343 0-2.433-1.079-2.433-2.41a2.42 2.42 0 0 1 2.433-2.41z"/><path d="M46.378 126.143c-4.583 0-8.294 3.681-8.294 8.218 0 4.54 3.715 8.217 8.294 8.217 4.583 0 8.294-3.68 8.294-8.217 0-4.54-3.711-8.218-8.294-8.218zm0 10.628a2.42 2.42 0 0 1-2.433-2.41c0-1.33 1.09-2.415 2.433-2.415 1.343 0 2.437 1.08 2.437 2.414 0 1.335-1.094 2.41-2.437 2.41zM144 17c0 8.844-7.176 16-16 16-8.833 0-16-7.165-16-16s7.167-16 16-16c8.815 0 16 7.165 16 16zM129.654 125.874l3.43 58.416c0 2.024 1.661 3.71 3.696 3.71 2.052 0 3.732-1.686 3.732-3.71l3.163-58.416h10.342l-10.68-65.48 21.52 42.823a3.718 3.718 0 0 0 4.869 1.98 3.727 3.727 0 0 0 1.981-4.882s-15.762-42.592-19.671-50.535C148.144 41.837 144.315 37 129.503 37h-3.02c-14.768 0-18.642 4.828-22.516 12.78-3.882 7.944-19.662 50.535-19.662 50.535a3.71 3.71 0 0 0 1.937 4.881c1.901.799 4.078-.097 4.895-1.979l21.511-42.823-10.698 65.48h10.325l3.208 58.416c0 2.024 1.67 3.71 3.696 3.71 2.097 0 3.758-1.686 3.758-3.71l3.19-58.416h3.527zM246.9.02c-8.874 0-16.083 7.127-16.083 15.933 0 8.816 7.21 15.95 16.084 15.95 8.856 0 16.03-7.134 16.03-15.95.008-8.807-7.174-15.932-16.03-15.932zM263.55 93.872l1.062-34.681 19.612 43.14c.82 1.887 3.033 2.799 4.941 1.985a3.739 3.739 0 0 0 2.025-4.926s-13.806-42.916-17.757-50.9c-3.942-7.993-10.027-12.865-25.011-12.865h-3.078c-14.977 0-21.08 4.863-25.02 12.865-3.925 7.985-17.731 50.9-17.731 50.9a3.741 3.741 0 0 0 1.998 4.926c1.926.823 4.14-.098 4.914-1.985l19.639-43.14 1.07 34.68-3.096 87.2c-.216 3.452 2.395 6.447 5.85 6.67.163.036.325.036.45.036 3.295 0 6.067-2.521 6.328-5.829l7.12-71.812 7.19 71.812c.208 3.317 2.989 5.83 6.256 5.83.153 0 .306 0 .459-.036 3.492-.224 6.066-3.228 5.86-6.67l-3.106-87.2h.025z"/><path d="M286.358 112.982l3.592 5.34c-1.273.857-2.034 2.31-2.034 3.893 0 2.564 1.975 4.644 4.402 4.644 2.433 0 4.413-2.085 4.413-4.644 0-1.578-.76-3.036-2.035-3.893l3.592-5.34c3.055 2.055 4.876 5.505 4.876 9.233 0 4.968-3.214 9.179-7.627 10.583v9.427c0 1.718 1.309 3.111 2.926 3.111h20.208v6.436h-20.203c-5.16 0-9.359-4.285-9.359-9.547v-9.427c-4.412-1.404-7.621-5.62-7.621-10.588-.005-3.723 1.82-7.178 4.87-9.228zM338.488 170.304v-5.212h6.338v5.212c-1-.329-2.06-.508-3.169-.508-1.11 0-2.17.184-3.17.508z"/><path d="M340.25 136.705h2.815c6.582 0 12.413 3.38 15.85 8.487h9.662c5.134 0 9.308 4.176 9.308 9.313v9.094c4.408 1.359 7.627 5.476 7.627 10.329 0 3.648-1.83 7.023-4.89 9.024l-3.468-5.311a4.43 4.43 0 0 0 2.02-3.713c0-2.46-1.995-4.465-4.453-4.465a4.465 4.465 0 0 0-4.458 4.465 4.43 4.43 0 0 0 2.02 3.713l-3.467 5.311a10.758 10.758 0 0 1-4.89-9.024c0-4.853 3.213-8.965 7.621-10.324v-9.1a2.975 2.975 0 0 0-2.97-2.97h-6.92a18.97 18.97 0 0 1 .502 4.275v6.62h-41.004v-6.62c0-10.503 8.592-19.104 19.094-19.104zm8.109 16.207h4.283v-4.574h-4.283v4.574zm-8.846 0h4.284v-4.574h-4.284v4.574zm-8.846 0h4.284v-4.574h-4.284v4.574zM342.985 73.155h-2.662v4.61h2.662zM334.597 84.828v1.329h-4.607v-2.663h4.607zM348.711 83.493h4.612v2.663h-4.612zM334.349 75.629l-1.886 1.887 3.259 3.26 1.885-1.887zM348.96 75.629l-3.258 3.26 1.886 1.882 3.258-3.26z"/><path d="M315.21 97.392h20.427v-5.008h4.204v-3.912c-1.338-.677-2.268-2.04-2.268-3.644a4.087 4.087 0 0 1 4.09-4.091c2.253 0 4.074 1.836 4.074 4.091 0 1.608-.93 2.967-2.269 3.644v3.912h4.204v5.008h20.433c1.896 0 3.463 1.568 3.463 3.464v30.429c0 1.897-1.567 3.465-3.463 3.465H315.21c-1.895 0-3.452-1.568-3.452-3.465v-30.429c0-1.896 1.552-3.464 3.452-3.464zm4.482 17.79a3.327 3.327 0 0 0 3.324 3.325h37.279a3.327 3.327 0 0 0 3.323-3.325v-1.568a3.328 3.328 0 0 0-3.323-3.315h-37.28a3.325 3.325 0 0 0-3.323 3.315v1.568zM341.657 172.215c4.313 0 7.806 3.5 7.806 7.81a7.808 7.808 0 0 1-7.806 7.81 7.808 7.808 0 0 1-7.806-7.81c0-4.31 3.492-7.81 7.806-7.81zm0 10.105a2.295 2.295 0 0 0 0-4.59 2.295 2.295 0 0 0 0 4.59z"/></g></svg> </div> </div> <div class="lc"> <!-- START <%kicker%> --> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker">sentient design</a> <!-- END <%kicker%> --> <!-- start <%headline%> --> <h1 class="bmw_headline">Why Machine Learning and AI Matter for Design Teams</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 Mar 28, 2019</span> <!-- end <%pubdate%> --> </div> </header> <div class="lc maincontent"> <section class="bodycontent"> <!-- start <%content%> --> <div class="bmw_pageContent"> <p>Machine learning is everywhere these days, powering the services, products, and interfaces that all of us use every day. Yet many designers and organizations are still on the sidelines without a clear vision of how to work with this technology. Many aren’t sure if there’s a role for them at all. Fact is, there’s a critical role for <a href="https://bigmedium.com/speaking/design-in-the-era-of-the-algorithm.html">design in the era of the algorithm</a>—and your organization almost certainly has what it needs to jump in today.</p> <p>I’ve been bringing that message home to client companies as we work together to craft products powered by machine learning. But more and more, I’ve also been bringing these perspectives and techniques to stages and workshops around the world. If you’re interested in leveling up your data literacy as a designer, I invite you to join me for one of these sessions. (As I write this, I have workshops scheduled for <a href="https://2019.uxlondon.com/speakers/josh-clark#Workshop">London</a>, <a href="https://academy.frozenrockets.nl/workshop/ux-design-for-ml-and-ai-12-june">Amsterdam</a>, and <a href="https://iot613.ca">Ottawa</a>. As always, keep an eye on the <a href="https://bigmedium.com/speaking/">Talks</a> page for <a href="https://bigmedium.com/speaking/#upcoming-talks">upcoming talks and workshops</a>—or get in touch if you’d like me to visit your organization.)</p> <p>I sat down recently for a Q&A with the good folks at Connecticut UXPA to preview what designers will learn in this workshop series. Maybe even more important, we talked about why designing for machine learning should be on the radar for all design teams today. Here’s the conversation:</p> <p><strong>Q: Why do designers need to care about machine learning and artificial intelligence?</strong></p> <p>Perhaps the real question is why <em>wouldn’t</em> you care about it? In the same way that mobile defined the last decade of digital product design, machine learning is already defining the next. It’s the engine behind every single one of today’s important emerging interactions: voice interfaces, computer vision, predictive interfaces, bots, augmented reality, virtual reality, as well as so many of the sensor-based interfaces behind the internet of things. So if you’re interested in understanding the design of these new channels and platforms, <a href="https://bigmedium.com/speaking/ai-is-your-new-design-material.html">machine learning is your fundamental design material</a>.</p> <p>But beyond these emerging and next-generation interactions, A.I. is already driving so many of the digital products all of us use every day. Algorithms determine what you see in your Facebook and Instagram feeds. They predict what you’ll want to watch on Netflix. They suggest what you should buy at Amazon. They identify fraudulent use of our credit cards. They tell us how to drive home from work.</p> <blockquote class="pullquote media-center"> Designing for machine learning isn’t for the hand-wavy future. This is very much for the here and now. </blockquote> <p>All of the most successful digital products now have machine learning either at their core, or as an important enhancement to the core offering.</p> <p>It’s amazing how quickly algorithms have become so woven into the fabric of nearly every moment of our lives. That means it’s also urgently important that those experiences be designed with intention and skill. There’s a critical role for designers here.</p> <p><strong>Q: Most designers don’t work for one of those high-flying companies. What if your company doesn’t use machine learning right now, and doesn’t have the in-house expertise of a Google, Amazon, or Facebook?</strong></p> <p>There’s a common assumption that a company has to have a vast army of algorithm engineers and data scientists in order to put machine learning to work. But it turns out the underlying technologies are widely available and don’t even require deep expertise to get started. If you have interesting data—and most companies do—most developers can create interesting machine-learning applications.</p> <p>But here’s the really exciting thing. There are lots of A.I. services available that don’t require any engineering or data science know-how whatsoever. The big players like Microsoft, IBM, Google, and Amazon all offer practically-free services for speech recognition, image recognition, product recommendation, and more—and the technical bar to use them is incredibly low. A typical designer and web developer can pair up to create their own machine-learning product with astonishingly little effort. All of us have easy access to the superpowers we associate with these tech giants.</p> <p>In the workshop, we’ll explore those services together and actually work with them. Designers are able to see and understand how they can use the results those services provide as design material in their work. These are tools designers can use today—like right now—with the skills they and their colleagues already have. Designers will leave the workshop with a knowledge of technologies and services to help their companies start working with machine learning immediately. </p> <p>So it turns out that the technology is not the biggest challenge. The harder thing is identifying meaningful ways to use that technology. That’s the work of product design and UX design. The job and opportunity for designers is to point the machines at problems worth solving—and to present the results in ways that are meaningful and useful to our customers.</p> <blockquote class="pullquote media-center"> The technology is not the biggest challenge. The harder thing is identifying meaningful ways to use that technology. </blockquote> <p>That’s another big focus of this workshop. We’ll work through some techniques for ideation to identify opportunities for machine learning in everyday products.</p> <p><strong>Q: What does that look like? I assume we’re not talking about the everyman designer building a self-aware, all-knowing computer intelligence personality?</strong></p> <p>Ha, that’s right. The term “artificial intelligence” has gotten away from us, and it’s used by marketers to describe everything from the most basic automated system to sci-fi visions of sentient robots. What we’re talking about in this workshop is a practical middle that is in some ways mundane but still incredibly powerful.</p> <p>Machine learning is basically pattern matching at unprecedented scale. It takes a mountain of historical data and locates patterns that an algorithm can recognize in new data it receives. That means machine learning can identify or categorize information (or images, sounds, products, you name it). But it can also predict or recommend what’s next: based on past history, here’s the most likely thing that will happen or that you should do. Put another way, machine learning figures out what’s “normal” (most common) for any specific context and then predicts the next normal thing, or identifies things that aren’t normal (fraud, crime, disease, etc).</p> <p>Practically speaking, all of this means that machine learning lets you do four new things:</p> <ol> <li><strong>Do better at answering questions we already ask.</strong></li> <li><strong>Answer new questions.</strong> Using sentiment analysis, for example, a customer care center can now search emails for “angry” or “upset” instead of traditional keyword searches.</li> <li><strong>Mine new sources of information.</strong> Until now, all the messy ways that humans communicate have been opaque to the machines. Suddenly, images, doodles, speech, gestures, facial expression… it’s now all available as meaningful data—or even as surfaces for interaction—thanks to machine learning.</li> <li><strong>Uncover invisible patterns.</strong> Machine learning can find patterns in vast troves of data that were historically invisible to us. That means we can identify new customer segments, new buying patterns, popular running routes, micro-communities, even sources of disease.</li> </ol> <p>In the workshop, we’ll experiment with each of those four kinds of opportunities. Designers will come away with a firm grounding in how you can use each of them to create entirely new products or, just as powerfully, to improve existing ones. </p> <p><strong>Q: What are some examples of improving existing products? For designers who aren’t yet working with machine learning, how will this workshop help them in their everyday work?</strong></p> <p>Sprinkling a little intelligence into a webpage with machine learning will soon be as commonplace as sprinkling a little interaction into a page with Javascript. That’s already the case for some companies, and the same will follow for everyone else.</p> <p>I’m talking about small, even casual interventions. Think about predictive text in your smartphone’s keyboard. That’s machine learning suggesting the next word based on what you’ve already typed—a small little intervention that improves customers lives by helping in the tedious and error-prone task of touchscreen typing.</p> <p>Or consider Google Forms, the survey-building tool. When you add a new question, you have to tell it the format of the answer (multiple choice, checkboxes, linear scale, etc.). As you type your question, Google Forms identifies the category of question and changes the default answer type based on the wording—a convenient bit of intelligence to make the process easier.</p> <p>Or think of a CMS that suggests a caption or alt-text description for images that are uploaded.</p> <blockquote class="pullquote media-center"> Sprinkling a little intelligence into a page with machine learning should soon be as commonplace as sprinkling a little interaction into a webpage with Javascript. </blockquote> <p>All of these examples are almost startlingly mundane. One of the messages that I want designers to absorb is that machine learning isn’t just about creating new kinds of products. It also gives you tools to add high polish and deep convenience to existing applications. The tools are here and ready for us to use, but it takes a perspective shift. We have to get as cozy with casual applications of machine learning as we are with Javascript, or with designing for small screens.</p> <p><strong>Q: What expertise does this require? There’s already the ongoing debate about whether designers should code. Do designers now have to be data scientists, too?</strong></p> <p>You don’t have to be a data scientist to design for machine-generated content and interactions. For better or worse, though, many machine-generated interfaces have been designed by engineers and data scientists. Those folks have been enormously helpful by showing us what’s possible, what machine learning can do. <a href="https://bigmedium.com/ideas/systems-smart-enough-to-know-theyre-not-smart-enough.html">But we’ve also seen flaws.</a> We’ve seen machine learning pointed at the wrong problems. Or we’ve seen interfaces that don’t reflect the actual confidence (or uncertainty) of the underlying results.</p> <p>And those are design problems. The presentation of machine-generated results is at least as important as the underlying algorithm.</p> <p>So, no, you don’t have to be a data scientist to design for machine learning. But you do need to be data-literate. You have to understand the strange new texture of this design material—and some of the uncertainty and weirdness that it introduces into our designs.</p> <p>An umbrella theme of the workshop is learning to understand the new perspectives and techniques that are required when you’re designing for machine-generated content. We put those practices to work in very concrete, practical, and actionable ways.</p> <blockquote class="pullquote media-center"> You don’t have to be a data scientist to design for machine learning. But you do need to be data-literate. </blockquote> <p><strong>Q: What about the other way around? For data scientists already working with machine learning, would they benefit from learning about related design and UX considerations?</strong></p> <p>I love it when data scientists and algorithm engineers join these workshops, because it’s an opportunity to introduce design perspective to the way they think about their work. How do you explain the results of the algorithm in ways that are meaningful and intuitive to end users? How do you translate the numeric confidence of the algorithm into everyday language?</p> <p>Data scientists understand that these systems are probabilistic. The systems report the <em>statistical likelihood</em> that something is true, but nothing is black and white. So one of the interesting challenges—for both designers and data scientists—is how to express the results as signals or suggestions, not facts. It’s a new kind of design. Manner and presentation become critical—things that designers consider every day, but that aren’t necessarily obvious when the data folks are building or tuning models.</p> <p><strong>Q: Who else will benefit from the workshop?</strong></p> <p>This workshop is all about understanding how machine learning fits into the everyday practice of building digital products. Like all good UX design, this ultimately means how we triangulate user needs, business goals, and the technology’s capabilities. That’s a conversation that benefits not only designers, but also product owners, researchers, and developers—everyone involved in the product process. That also includes managers and executives trying to figure out how machine learning applies to their company or industry.</p> <p><strong>Q: You mentioned the role of machine learning in today’s emerging interfaces. How will the workshop help attendees explore the design of voice assistants, bots, physical interfaces and the rest?</strong></p> <p>We’ll dip our toe into all of these to talk about some of the unique considerations and challenges of each. For assistants and bots, for example, we’ll look at some of the pitfalls of creating interfaces that ape human behavior—and some techniques and perspectives that can help to avoid the biggest problems, and pave the way for success.</p> <p>Across the board, the biggest thing you can do is be transparent about what the system does and what it’s good at. Our work as designers is always to set good expectations and channel behavior in ways that match the capabilities of the system. But often, machine-generated systems over-promise. Alexa and Siri invite us to ask them anything, but that sets up an expectation that is far beyond their capability. They constantly disappoint us, even though they are astonishing technologies. It’s not a tech problem, it’s an expectation-setting challenge. That’s design work.</p> <p>One of the biggest things I’ve learned as I work with machine-generated content and interaction is that we have to design for failure and uncertainty. Traditionally, we’ve always designed for success, crafting a fixed path through content that is under our control. When machines are generating the content—and sometimes even the interaction itself—it’s a new challenge.</p> <p>In the workshop, we’ll explore techniques and approaches to keep things on the rails even when the machines deliver lousy results.</p> <p>There are tons of opportunities to do amazing things with machine learning in our work. But there are also lots of ways it can go sideways—and <a href="https://bigmedium.com/ideas/systems-smart-enough-to-know-theyre-not-smart-enough.html">there are plenty of examples of how it already has</a>. Ultimately, the way this technology gets used is a question of design. So really, it’s up to us.</p> <p>This workshop is all about helping designers discover their own influential role in putting this powerful (and surprisingly accessible) technology to work. And perhaps just as important: it’s all about how to handle this new design material with care and respect.</p> <p><em>Are you or your team wrestling with how to adopt and design for machine learning and A.I.? Wrestling with the UX of bots, data-generated interfaces, and artificial intelligence? Big Medium can help—with workshops, executive sessions, or a full-blown design engagement. <a href="https://bigmedium.com/hire/">Get in touch.</a></em></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/sentient-design/">sentient design</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/" rel="tag">ai</a></li> <li><a href="https://bigmedium.com/bm.tags/algorithms/" rel="tag">algorithms</a></li> <li><a href="https://bigmedium.com/bm.tags/data/" rel="tag">data</a></li> <li><a href="https://bigmedium.com/bm.tags/design/" rel="tag">design</a></li> <li><a href="https://bigmedium.com/bm.tags/events-workshops/">events & workshops</a></li> <li><a href="https://bigmedium.com/bm.tags/speaking/" rel="tag">speaking</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 & 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’s going on when a design system’s can’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’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 “human in the loop” 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’t mean that they’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 “used well” 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&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> <!-- end <%footer%> --> <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>