2018 Design In Tech Report

---

<img src="https://designintech.report/wp-content/uploads/2018/03/orangepointssm.png" style="position:fixed; padding:0; margin:0;top: 0; left:0; width:100%;height:100%;" width="100%" height="100%">
<div class="tx-mono" style="color: white; position: absolute; left: 138px; top: 95px;">John Maeda</div>
<div class="tx-mono" style="font-size: 32px; color: white; position: absolute; left: 738px; top: 435px;">Design in Tech </div>
<div class="tx-mono" style="font-size: 32px; color: white; position: absolute; left: 738px; top: 475px;">Report 2018</div>
<div class="tx-mono" style="font-size: 11px; color: white; position: absolute; left: 738px; top: 523px;"><a target="_blank" href="https://designintechreport.wordpress.com">https://designintechreport.wordpress.com</a></div>

---

.subhead.bg-black[Founding Team]

.grid-8-across[
.box.tx-center[<img class="team-circles" src="https://designintech.report/wp-content/uploads/2018/03/jackie.jpg">
.tx-sans.tx-small[Jackie Xu]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/aviv.jpg">
.tx-sans.tx-small[Aviv Gilboa]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/fatimah2.jpg">
.tx-sans.tx-small[Fatimah Kabba]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/justin.jpg">
.tx-sans.tx-small[Justin Sayarath]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/maeda.jpg">
.tx-sans.tx-small[John Maeda]
]
]
<div style="height:20px;"></div>
.subhead.bg-black[Report Contributors]
.grid-8-across[
.box.tx-center[<img style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/bon.jpg">
.tx-sans.tx-small[Bon Ku<br />Medicine]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/ling.jpg">
.tx-sans.tx-small[Ling Fan<br />China]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/sunil2.jpg">
.tx-sans.tx-small[Sunil Malhotra <br />India]
]
.box.tx-center[<img class="im-monochrome" style="width: 100%; position: relative; overflow: hidden; border-radius: 50%;" src="https://designintech.report/wp-content/uploads/2018/03/luis.jpg">
.tx-sans.tx-small[Luis Arnal <br />Latin America]
]
]
]

<div class="footer">Welcome</div>

---

title: toc-start

## I had originally intended to design this report in some clever way that was mobile-first and responsive ... but I got lost in all the code along the way. Weekend hacking projects will do that to you (wink). If you're visiting by mobile -- which is super likely -- please turn around. Next week I'll release a mobile-only version for fun. I'm learning! —JM

<div class="footer">Welcome</div>

---

title: toc-start

.right-column[<div style="height: 2rem;"></div>
.quote-medium[.fg-white.tx-sans[Welcome to a new format for the Design in Tech Report. For this year's report, I took a stab at learning all the CSS/JS that I've always wanted to know, and then went after the task of making a fully responsive report. I've partially succeeded on my road there with this letterbox-only version — which is better than a PDF, but it's a little buggy. Sorry!
 <br /><br />When you see <span style="background: #6918F9;color: white; padding: 2px 2px;">Refresh Screen If Needed</span> please refresh your window and a dynamic diagram is likely to reappear. Chrome seems to work best with this report. If you don't like an interactive version like this, please visit the one<a href="https://www.slideshare.net/johnmaeda/design-in-tech-report-2018">**</a> on Slideshare.
<br /><br />Expect a video version on my new YouTube channel "John Maeda is Learning" by this weekend that walks you through all these findings.<br /><br />—@johnmaeda
]
  ]  
]

<div class="footer">Welcome</div>

---

title: toc-start

.right-column[<div style="height: 2rem;"></div><div class="grid-2-across">
<div class="box a">.subhead-slim.bg-black[1) TBD = Tech × Business × Design ]
  .cellbox-indented[How do technology, business, and design interrelate in the startup and corporate ecosystems?
  ]  
</div>
  <div class="box b">.subhead-slim.bg-black[2) Scaling Design]
  .cellbox-indented[How do you scale the design function in a company to impact business at the speed of Moore's Law? 
  ]  
  </div>
  <div class="box c">.subhead-slim.bg-black[3) Computational Design: 1st Steps]
  .cellbox-indented[What is "computational design" and why does it matter to business + tech? 
  ]  
  </div>
  <div class="box d">.subhead-slim.bg-black[4) Computational Design × A.I.]
  .cellbox-indented[How does artificial intelligence change the future of design and what do designers need to know? 
  ]  
  </div>
  <div class="box e">.subhead-slim.bg-black[5) Inequality]
  .cellbox-indented[What does technology have to do with rising inequalities and should I care as a designer? 
  ]  
  </div>
  <div class="box g">.subhead-slim.bg-black[6) Why Inclusive Design]
  .cellbox-indented[Do I need to care about inclusive design more when considering TBD? What can I do about it? 
  ]
    </div>
</div>
  ]

<div class="footer">Welcome</div>

---

# Key takeaways from the Design In Tech Reports

* 14 creative firms were atypically acquired between 2004 and 2015 by tech companies like Facebook, Flextronics, Google; also Accenture, Capital One, BBVA, McKinsey & Co.
* As the marginal return on computing power (a la Moore’s law) diminishes and technology is less of a differentiating factor, the value of design has entered the foreground.
* 27 startups that were co-founded by designers were acquired since 2010 by companies like Intuit, Google, Facebook, Adobe, LinkedIn, and Yahoo.
* Five (20%) of the top cumulative-funded VC-backed ventures that have raised additional capital since 2013 are noted to have designer co-founders.
* There were no designers on Silicon Valley's fabled “Sand Hill Road” until January of 2014 when Kleiner Perkins appointed their first Design Partner **John Maeda**. Shortly afterwards six more VC firms acquired new Design Partners.
* .fg-em-z.tx-sans[ <i class="fas fa-chart-line"></i> **DESIGN <i class="fal fa-arrow-right"></i> DE$IGN** Designing for mobile brought new experience constraints compared with the desktop, and made designers' skills invaluable as the pathway to non-techy consumers.]
]
.box-no-indent[
.subhead-box.bg-em[2016]
.comment[* Design isn’t just about beauty; it’s about market relevance and meaningful results. Gartner reports that 89% of companies believe that customer experience will be their primary basis for competition versus 36% five years prior.)
]
* Design firm acquisitions continue: 42 design firms since 2004, and ~50% of them in the last year alone. Accenture, Deloitte, IBM take the lead.
* Designers in venture capital have increased: More designers entered VC in the last two years than the previous 4 years combined. Its history is revealed.
* 93.5% of 370 designers surveyed believe that coding and data-oriented skills are table stakes knowledge for designers in tech.
.comment[* 86% of design students surveyed say that they learned their digital skills from resources outside their coursework. Design education lags the technology industry’s needs for data-oriented, coding-enabled graduates with business acumen.)
]
* 100% of the top 10 business schools have student-led design/innovation clubs. 6-7% of the 2015 class of HBS take product management jobs.
* Designing Systems and Designer Culture emerge as key methods for design to achieve scale — building on agency practices and Karl Gerstner's pioneering work on Designing Programmes.
* Instead of seeing diversity as a problem that needs solving, designing for inclusion becomes an economic opportunity and cultural responsibility.
* .fg-em-z.tx-sans[ <i class="fas fa-chart-line"></i> **The 3 Kinds of Design** There are 3 kinds of design: Classical Design, Design Thinking, and Computational Design. The most business value is being driven by the latter two kinds of design.]
]
.box-no-indent[
.subhead-box.bg-em[2017]
* Demand for designers is up with Facebook, Google, and Amazon collectively growing designer headcount by 65% in a year according to LinkedIn.
* McKinsey & Co and Salesforce make significant bets on design with more acquisitions. Design tool startup InVision acquires 5 smaller startups.
.comment[* 4 Design Partners are elected at McKinsey & Co and IBM appoints 3 Distinguished Designers — to the highest senior levels of a corporate hierarchy. 
]
* Design tools begin to evolve out of print and early web design paradigms from the Photoshop era to encompass prototyping, project management, version control, inline coding, and automation.
* Voice- and chat-based interfaces are grounded in mental models that don't require a visual representation. Related and unrelated artificial intelligence advancements are accelerating.
* Coverage of tech design trends in China begins. Chinese design in tech principles and practices are leading the world, and are often overlooked. 
* 90% of designers surveyed say that having a more diverse design team is personally important to them. The number one request inside their companies is to: "Talk about it more internally."
* .fg-em-z.tx-sans[<i class="fas fa-chart-line"></i> **Inclusive Design Takes Off** Adopting an inclusive design approach expands a tech product’s total addressable market. The tipping point for inclusive design begins to tip.]
]
]

<div class="source"><a target="_blank" href="https://designintechreport.wordpress.com">Design in Tech Reports</div>
<div class="footer">Welcome</div>

---

# Design in Tech Reports simplified
  
.grid-3-across[
  .box[
  .subhead-numeral.bg-em[2015]
  .cellbox[]
  .subhead-numeral-afterparty[
  .quote-medium[.fg-em-z[Design isn't just about beauty; it’s about market relevance and meaningful results.]
  
  _DESIGN is about DE$IGN — and it's traditionally been that case since the era of the Bauhaus, and even way before._]
  ]
  ]
  
  .box[
  .subhead-numeral.bg-em[2016]
  .cellbox[]
  .subhead-numeral-afterparty[
  .quote-medium[.fg-em-z[There are 3 kinds of design: Classical Design, Design Thinking, and Computational Design.]
  
  _The most business value is being driven by the latter two kinds of design, but Classical Design is slowly evolving._]
  ]
  ]
  
  .box[
  .subhead-numeral.bg-em[2017]
  .cellbox[]
  .subhead-numeral-afterparty[
  .quote-medium[.fg-em-z[Adopting an inclusive design approach expands a tech product’s total addressable market.]
  
  _Inclusion is good business. And new proof points are emerging. More will start to emerge as inclusive design takes hold._]
  ]
  ]
  ]

<div class="source">Past <a href="https://designintechreport.wordpress.com">Design in Tech Reports</a></div>
<div class="footer">Welcome</div>  
---

# About the 2017 #DesignInTech Report

.left-column[
<div style="height: 50px;"></div>
<figure class="caption">
<img style=" -webkit-filter: grayscale(1);filter: grayscale(1); width:100%;" src="https://designintechreport.files.wordpress.com/2017/03/screen-shot-2017-03-07-at-5-34-13-pm.png">
<figcaption class="caption-text">Design in Tech Report 2017</figcaption></figure>
<div style="height: 40px;"></div>
<details><summary><i class="fas fa-football-ball"></i></summary>
<figure class="caption">
<img style=" -webkit-filter: grayscale(1);filter: grayscale(1); " src="https://media.giphy.com/media/atYyKKGkdjaUg/giphy.gif"width="100%">
<figcaption class="caption-text">via Giphy</figcaption></figure>
</details>
]

.subhead.bg-em[Quick info about the 2017 Report]
.box[
* On Slideshare there were 800K+ views.
* With new video and audio versions there were 30K+ accesses.
* *Writing and its critical importance to design* — an insight by **Fatimah Kabba** — was by far the most popular perspective in last year's report.
* SEO for the new home **designintechreport.wordpress.com** has stuck solidly. Thanks for your help and for your encouragement to continue!
]
<details><summary></summary>
.subhead.bg-dkgray[And Luckily There's Freedom of Speech]

.box.fg-dkgray[* **Statler:** "The #DesignInTech Report is not a well designed artifact."
* **Waldorf:** "I remember seeing one and thinking the graphic design was terrible :-)."
* **Statler:** "Embarrassing as a representation of design."
* **Waldorf:** "Agreed."]
]
</details>
<div class="source">Twitter and Giphy</div>
<div class="footer">Welcome</div>

---

# Useful feedback on the 2017 #DesignInTech Report

.subhead.bg-em.fg-dkgray[Positive Sentiments Shared]

.box[
* "I've been calling myself a designer-developer—now changed, thanks 2017 #DesignInTech report." 
* "I'm putting your oral #designintech preso on @SoundCloud on repeat."
* "Congrats @simplysecureorg for the #designintech shoutout. Great work in privacy & security." 
* "Designers Who Code & Write: opportune time to digest the #DesignInTech report."
* "#DesignInTech 'reframes computational design as driver of accelerated growth.'"
* "'Design isn't just about beauty; it's about relevance and meaningful results.'"
]

.subhead.bg-em[Constructive Criticism Shared]
.box[* "Adding useless adjectives in front of the word 'designer' isn't doing anything positive for the industry."
* "Using small gray text in the DesignInTech Report excludes anyone with visual difficulties."
* "Appalled in 2017 to see platitude of 'Design is not about beauty.'"
* "When computational design dominates, will we have a Universal Design Income?"
]
<div class="source">via Twitter</div>
<div class="footer">Welcome</div>

---

.subhead-slim.bg-em[Design in tech is evolving rapidly and globally]

* Design isn't just about beauty; it’s about market relevance and meaningful results.
* There are three kinds of design. Classical Design, Design Thinking, and Computational Design.
* In 2017 there were 21 acquisitions of creative agencies or designer-founded startups.
* Medical schools in the US are using design thinking in their curricula.
* Consulting companies are going beyond just design thinking — they're changing how business is done.
* China continues to lead in designing experiences at a scale and level of sophistication that astounds.
* Indian and Latin markets are advancing design thinking and computational design. And we have a lot to learn from them.
* **Gen B(older)** is becoming a market opportunity for new products and services that can't be ignored.
]
]

<div class="footer">Technology × Business × Design</div>  
---

# There Are Three Kinds of Design

<div class="grid-3-across">
  <div class="box a">
    <div class="subhead-numeral bg-em">01</div>
    <div class="cellbox">There’s a right way to make what is perfect, crafted, and complete.<br />
    </div>
    <div class="subhead-numeral-afterparty">
      <span class="inline-subheads" style="padding-top:50px;">Classical Design</span>
      <div class="horizontal-stripe-1" style="width: 200px; height: 200px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 40px auto 40px auto; border:1px solid black;">
      </div>
        Driver/ the Industrial Revolution, and prior to that at least a few millennia of ferment.
    </div>
  </div>
  <div class="box a">
    <div class="subhead-numeral bg-em">02</div>
    <div class="cellbox">Because execution has outpaced innovation, and experience matters.</div>
    <div class="subhead-numeral-afterparty">
      <span class="inline-subheads">Design Thinking</span><br/>
      <div class="diagonal-stripe-4" style="width: 200px; height: 200px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 40px auto 40px auto; border:1px solid black;">
      </div>
       Driver/ the need to innovate in relation to individual customer needs requires empathy.    </div>
  </div>
  <div class="box a">
    <div class="subhead-numeral bg-em">03</div>
    <div class="cellbox">Design for billions of individual people and in real time, is at scale and TBD.</div>
    <div class="subhead-numeral-afterparty">
      <span class="inline-subheads">Computational Design</span>
      <div style="width: 200px; height: 200px; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 40px auto 40px auto; border-radius: 50%; background-color:#fe4040;border:1px solid black;">
      </div>
      Driver/ the impact of Moore’s Law, mobile computing, and the latest tech paradigms. 
    </div>
  </div>
</div>

<div class="footer">Technology × Business × Design</div>

<div class="source">2017 Design In Tech Report</div>

---

# What's a Computational Designer?

<div style="height:0px;"></div>
.left-column[
<div style="height:25px;"></div>
<figure class="caption">
<div class="im-tint">
<img src="https://designintech.report/wp-content/uploads/2018/03/nike_jd.png" style="width:100%;"></div>
<figcaption class="caption-text">via Nike</figcaption></figure>
.cellbox[
.fg-dkgray[At NIKE Digital, we embrace open source, contributing to the community by building – and sharing – digital solutions that work on a global scale. We invest in cutting-edge technologies and work with a network of open source libraries and tools, like React.js, Node.js and GraphQL. These investments and tools help us advance web and native UI development, evolve our data science and eCommerce capabilities, refine our DevOps and retool our services infrastructure.]

—2017 Nike job board <a target="_blank" href="https://web.archive.org/web/20180125124622/https://jobs.nike.com/job/united-states/product-director-computational-design/824/4344159">archived listing</a>
]
]
.right-column[

.grid-2-across[
.box-quote[.tx-sans.tx-large[Understands Computation]
<br /><br />Has facility with representational codes and maybe programming codes. Knows what is easy and possible, hard and possible, difficult and impossible for now.
]
.box-quote[.tx-sans.tx-large[Thinks Critically About Technology]
  <br /><br />Practices being a humanist technologist who asks questions about what's being made, who's making it, and why.
  ]
  .box-quote[.tx-sans.tx-large[Uses All Three Kinds of Designs]
  <br /><br />Taps into the rich history of classical design (form _and_ content) while leading and teaming inclusively _via design thinking_ within their org, or across orgs, for profit or not-for-profit. 
  ]
  .box-quote[.tx-sans.tx-large[Actively Learning AI And The New]
  <br /><br />Considers intersectionality as a source of creativity and a primary driver of change. Embraces new paradigms and learns them deeply. Embraces what as French poet Guillaume Apollinaire in the Bauhaus era wrote, .fg-em-z["New (hu)man must have the courage to be new."]
  ]
  ]
]

<div class="source">Nike jobs.nike.com via Wayback Machine</div>
<div class="footer">Technology × Business × Design</div>  
---

# Does computational design play a material role in a company?

.fg-em-x.tx-sans[<span style="background: #6918F9;color: white; padding: 2px 2px;">Refresh Screen If Needed</span>  As reported in Leah Buley's widely reviewed 2016 State of UX essay:]

<div class="grid-2-across">
<div class="box fg-dkgray">
  When asked, "What measurable outcomes resulting from user experience are you most proud of?" high-impact respondents gave responses like: "Multimillion dollar increases in conversion and customer lifetime value."
</div>
<div class="box fg-dkgray">
By contrast, one low-impact respondent answered, "We are moving so fast there has been no time or resources for testing/outcomes – even for small usability improvements."
</div>
</div>
<div style="height:25px;"></div>

<div class="source">@leahbuley / Leah Buley Co. <a target="_blank" href="https://www.creativebloq.com/features/the-state-of-ux-in-2016">The State of UX in 2016</i></a></div>
<div class="footer">Technology × Business × Design</div>

---

# Computational Designer vs Classical Designer

.fg-dkgray[When people in the tech industry talk about “design,” they often make the mistake of not differentiating between classical designers and computational designers. The former kind of designer might craft a wooden chair for a home which is used by a few people; the latter kind of designer might craft an app for a smartphone which is used by hundreds of millions of people.]

<div class="grid-3-across">
<div class="box-quote"></div>
<div class="box-quote table-item fg-white bg-em"><span class="tx-medium">Classical Design</span></div>
<div class="box-quote table-item fg-white bg-em"><span class="tx-medium">Computational Design</span></div>
<div class="box-quote  table-item bg-ltgray">Number of Active Users</div>
<div class="box-quote  table-item">Few to Millions</div>
<div class="box-quote table-item">Few to Billions</div>
<div class="box-quote table-item bg-ltgray">Time Needed to Deploy Completed Product</div>
<div class="box-quote table-item">Weeks to Months through Distribution Channels</div>
<div class="box-quote table-item">Instantaneously Delivered Over the Net</div>
<div class="box-quote table-item bg-ltgray">“Perfection” is Achievable</div>
<div class="box-quote table-item">Yes There’s a final state.</div>
<div class="box-quote table-item">No It’s always evolving.</div>
<div class="box-quote table-item bg-ltgray">Designer’s Level of Confidence</div>
<div class="box-quote table-item">Absolute, and Self-Validating</div>
<div class="box-quote table-item">Generally High, but Open to Analyzing Testing/Research</div>
<div class="box-quote table-item bg-ltgray">Production Materials</div>
<div class="box-quote table-item">Paper, Wood, Metal, and Anything Physical</div>
<div class="box-quote table-item">Data, Models, Algorithms, and Anything Virtual</div>
<div class="box-quote table-item bg-ltgray">Skills With Tools Are Generally Grounded In</div>
<div class="box-quote table-item">Hands and Laws of Physics</div>
<div class="box-quote table-item">Mind and Computer + Social Sciences</div>
</div>

<div class="source"></div>
<div class="footer">Technology × Business × Design</div>  
---

# What's a Design Thinker?

.subhead.bg-em[The Evolution of Design in the Enterprise]

.grid-4-across[
.box-quote[
.cell-title[Birth of Traditional Design for Large Corporations / Corporate Identity+Image and Product Styling
]

.tx-sans[**1950s**] GM’s CEO makes the first executive position in design with Harley Earl elevated to VP. <br /><br />.tx-sans[**1966**] IBM Memo to IBM employees by CEO TJ Watson Jr. about the emerging importance of design to the company.
]
.box-quote[
.cell-title[Birth of Modern Product
Design Firms / From Traditional Design, to Design of Systems+Services]

.tx-sans[**1982**] From 1982 Apple’s design language begins to form with frog and Hartmut Esslinger’s direction.<br /><br />.tx-sans[**1991**] David Kelley, Bill Moggridge, Mike Nutall join forces and change the course of design by co-founding IDEO.
]
.box-quote[
.cell-title[Birth of "Design Thinking"
and Design Strategy / 
Harnessing the Creative Problem Solving Skills of Designers]

.tx-sans[**2005**] Hasso Plattner Institute of Design at Stanford starts.<br /><br />
IDEO's Jane Fulton Suri publishes <a target="_blank" href="https://www.ideo.com/post/thoughtless-acts">Thoughtless Acts?</a> and brings design research to the foreground.<br /><br />
.tx-sans[**2008-09**] Roger L. Martin describes design thinking at the CEO level with P&G’s AG Laffley and his book on The Design of Business. (SAP and P&G were a few of the early executive adopters of Design Thinking.)

]
.box-quote[
.cell-title["Design Thinking" Mainstreams
as Whole Business Strategy /
Re-contextualizing Design, Making B-Schools into D-Schools]
.tx-sans[**2015-16**] Phil Gilbert leads IBM’s $100M bet to bring design back to IBM. <br /><br /> Tim Brown and Roger L. Martin open the introductory issue for HBR on “The Evolution of Design Thinking.” <br /><br /> 
Top 10 B-schools all have student-led design clubs.

.tx-sans[**2018**]
IBM Design open sources their <a target="_blank" href="https://www.ibm.com/design/thinking/">Enterprise Design Thinking</a> framework for all.
]
]
<div class="source">@librariobabel <a target="_blank" href="https://twitter.com/librariofbabel/status/970373045348130817">Good definition of design thinking</a></div>
<div class="footer">Technology × Business × Design</div>  
---

# The large consulting firms are the major M&A driver

.subhead.bg-dkgray[21 new acquisitions of creative agencies or designer-founded startups noted in 2017.]

* .cell-title[2017 Jan - Feb]<br /><br />**Idean** acquired by Capgemini<br /><br />**Unity&Variety** acquired by Salesforce<br /><br />**Sequence** acquired by Salesforce<br /><br />**Dribbble** acquired by Tiny<br /><br />**DeviantArt** acquired by Wix<br /><br />
* .cell-title[March]<br /><br />**JWalk** acquired by Shiseido
* .cell-title[May]<br /><br />**The Monkeys and Maud** acquired by Accenture
* .cell-title[June]<br /><br />**Market Gravity** acquired by Deloitte<br /><br />**Intrepid** acquired by Accenture
* .cell-title[July]<br /><br />**Maya** acquired by BCG <br /><br />**Clearhead** acquired by Accenture
* .cell-title[August]<br /><br />**Wire Stone** acquired by Accenture<br /><br />**Acne** acquired by Deloitte
* .cell-title[September]<br /><br />**Matter** acquired by Accenture<br /><br />**VLT Labs** acquired by McKinsey & Co<br /><br />**TandemSeven** acquired by Genpact.
* .cell-title[October]<br /><br />**Cooper** acquired by Designit/Wipro <br /><br />**Telepathy** acquired by ServiceNow (CEO: **John Donahoe**)<br /><br />**Brand.ai** acquired by InVision<br /><br />**YARD** acquired by Kyu Collective.
* .cell-title[December]<br /><br />**Rothco** acquired by Accenture

<div style="height:30px;"></div>
.subhead-box.bg-em-x[2018]

.box.fg-dkgray[We’re excited to join Verizon in their quest to put customers in control of their connectivity and create breakthrough live and digital experiences.<br />
<br />
—**Moment** acquired by Verizon <a target="_blank" href="http://www.momentdesign.com/what-lies-ahead-moment-joins-verizon/">March 2018]

<div class="source">@tberno @jcoronado1 @leahbuley @hugosarrazin @randyjhunt @scootermcdoog @ezyjules @shatzygoespro @keithinstone</div>
<div class="footer">Technology × Business × Design</div>  
---

# Classical Designers Tend to Look Down on Design Thinking

.quote-big.fg-dkgray[The reduction of a complex creative problem-solving mindset into five steps makes design seem easy when it’s not. A certificate for the completion of a design thinking course is not enough to transform a business into the next Apple. So don’t be deceived by the demystification of the design process or the chance to workshop out million-dollar ideas over post-its. There’s more to design than what design thinking dealers are preaching.

—<a target="_blank" href="https://www.itsnicethat.com/articles/natasha-jen-pentagram-graphicdesign-230218">Natasha Jen</a> .fg-dkgray[on "Why Design Thinking is bullshit"]]

<div class="source"><a target="_blank" href="https://www.itsnicethat.com/articles/natasha-jen-pentagram-graphicdesign-230218">It's Nice That</a> <a target="_blank" href="http://fortune.com/2018/03/06/design-leadership-ceo-thinking-business-strategy/">Fortune</a></div>
<div class="footer">Technology × Business × Design</div>  
---

# Medical schools are using design thinking

.left-column[.subhead-box.bg-em[<i class="far fa-hospital"></i> <i class="fas fa-graduation-cap"></i>]
.tx-small[This list does not include universities where medical students took design thinking classes in schools outside of the medical school. It also does not include health care professional schools. Example: Stanford medical students who might take design thinking classes at the d.school or Penn medical students taking design classes in the architecture school.
 
Also, this is not an inventory of academic medical centers or hospitals that have a design group or team. Many of these teams employ human centered design but do not necessarily teach medical students.]
]

.right-column[
.tx-sans[Medical schools in the US that offer a formal program or classes that teach design thinking to medical students]

.box[1. Dell Medical School at The University of Texas at Austin
2. Kaiser Permanente School of Medicine (not yet opened)
3. Mayo Clinic School of Medicine
4. The College of Osteopathic Medicine at Oklahoma State University
5. The Sidney Kimmel Medical College at Thomas Jefferson University
6. The Warren Alpert Medical School of Brown University
7. University of Michigan Medical School
8. University of Virginia School of Medicine
9. Zucker School of Medicine at Hofstra/Northwell
]
.quote-small[[Bon Ku](https://twitter.com/BonKu/), MD, MPP /

In my experience, Design Thinking provides a platform for non-designers (myself included) - doctors, nurses and medical students - to work with designers. 
DT is a primer that provides us a shared language. Many of us who are in health care have already been practicing elements of DT (empathizing, prototyping, testing, etc.) but we just didn't know what to call it.

I do not believe that DT is a step by step recipe. We teach our medical students to develop a design mindset and build their creative muscles. Design thinking helps us to reimagine a better future state of health care and give us some more tools in how to get there. <br /><br />
]]

<div class="source">@bonku</div>
<div class="footer">Technology × Business × Design</div>

---

# Consulting companies are going beyond just design thinking

.quote-medium.fg-em-y[This complex discipline does itself a disservice to just call itself "design," which signals only surface-level solutions. Perhaps we’ll start to see new ways of describing these multifaceted and interconnected capabilities. —<a target="_blank" href="https://www.mckinsey.com/business-functions/organization/our-insights/good-design-is-good-business">Hugo Sarrazin</a>]

.grid-4-across[
.box[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-medium[###Journey<br />Design 
Infusing traditional customer (or employee) experience work with design thinking to help create spaces and experiences
  that drive consumer (or employee) satisfaction, operational efficiency, and revenue growth.]
]
]
.box[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-medium[###Advanced<br /> Analytics
The convergence of Advanced Analytics (including AI) and Design is driving the confluence of insights (both quantitative
and qualitative) informing the discovery and design of a solution – where data and creativity work together, not against
one-another.]
]
]
.box[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-medium[###New Design<br /> Paradigm
For design to inform new growth opportunities for clients, the need to quantify the value it can achieve by having great
DNA as a company becomes critical.]
]
]
.box[
.subhead-numeral.bg-em[04]
.cellbox[]
.subhead-numeral-afterparty[
.quote-medium[###Designer<br /> Hybrids
As designers are now working on problems relevant to the c-suite they need to build core analytical skills that allow
them to equate their design beliefs into quantifiable impact that can deliver business value have been identified.]
]
]
]

<div class="source">@hugosarrazin <a target="_blank" href="https://www.mckinsey.com/business-functions/organization/our-insights/good-design-is-good-business">Good Design Is Good Business</a></div>
<div class="footer">Technology × Business × Design</div>

---

# Which companies are being perceived as improving in design?

<br />

.quote-huge[.fg-em-x[In the 1200+ survey responses, these companies appeared to be improving in design:] Google, Microsoft, Atlassian, Airbnb, Dropbox, Amazon]

<br />

.subhead.bg-em[5 dominant words to explain why a company is perceived to be improving in design]

<div class="grid-5-across" style="margin-top: 20px;">
    <div class="box bg-ltgray tx-sans tx-large fg-black" style="padding: 30px;text-align: center;">Innovation</div>
    <div class="box bg-ltgray tx-sans tx-large fg-black" style="padding: 30px;text-align: center;">Consistency</div>
    <div class="box bg-ltgray tx-sans tx-large fg-black" style="padding: 30px;text-align: center;">Scale</div>
    <div class="box bg-ltgray tx-sans tx-large fg-black" style="padding: 30px;text-align: center;">Simplicity</div>
    <div class="box bg-ltgray tx-sans tx-large fg-black" style="padding: 30px;text-align: center;">Diversity</div>
</div>
<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Technology × Business × Design</div>

---

# The perception of design and its impact to business is cyclic

<span class="tx-small" style="float:left; width:110px; padding-right: 10px; height: 160px;">Design for Action <a target="_blank" href="https://hbr.org/2015/09/design-for-action">HBR, September 2015</a> Tim Brown and Roger L. Martin</span>
<img style="width:120px;" src="https://hbr.org/resources/images/covers/BR1509_500.png">

.tx-small[The Empathy Economy [BusinessWeek, March 2005 ](https://www.bloomberg.com/news/articles/2005-03-07/the-empathy-economy
) / Bruce Nussbaum .tooltip[some info.tooltiptext[Design thinking can create rewarding experiences for consumers -- the key to earnings growth and an edge that outsourcing can't beat.]]

The Beauty of Simplicity
[Fast Company 2005](https://www.fastcompany.com/56804/beauty-simplicity) / Linda Tischler
.tooltip[some info.tooltiptext[Marissa Mayer, who keeps Google’s home page pure, understands that less is more. Other tech companies are starting to get it, too. Here’s why making things simple is the new competitive advantage. Google understands that simplicity is both sacred and central to its competitive advantage. Mayer is a specialist in artificial intelligence, not design, but she hits on the secret to her home page’s success: “It gives you what you want, when you want it, rather than everything you could ever want, even when you don’t.”]]

Design Thinking Is A Failed Experiment. So What’s Next?
[BusinessWeek 2011](https://www.fastcodesign.com/1663558/design-thinking-is-a-failed-experiment-so-whats-next) / Bruce Nussbaum
]
]

.quote-medium[  John Maeda distinguishes between three categories: “classical” designers, who create physical objects or products for a specific group of people (think architects as well as industrial, furniture and graphic designers); “commercial” designers who innovate by seeking deep insights into how customers interact with products and services (think teams of researchers huddled around whiteboards and mosaics of brightly colored Post-it notes); and “computational” designers, who use programming skills and data to satisfy millions or even billions of users instantaneously (think tech firms like Amazon and Facebook).<br /><br />
—Clay Chandler [TIME](http://time.com/5180711/the-meaning-of-design-is-up-for-debate/)

<img style="width:60%; height:250px; object-fit: cover; float: left;padding-right: 10px;" src="https://designintech.report/wp-content/uploads/2018/03/dit_timemag.jpg">
<img style="width: 100px;" src="https://timedotcom.files.wordpress.com/2018/02/greta-cover-final.jpg"><br />
]
.tx-tiny[The Meaning of Design Is up for Debate.<br /> 
And That’s a Good Thing <br />[TIME, March 12, 2018](http://time.com/5180711/the-meaning-of-design-is-up-for-debate/) / Clay Chandler]
]

<div class="source"><a target="_blank" href="https://designintechreport.wordpress.com/2015/02/01/chronology-of-designintech-from-2004-to-2014/">#DesignInTech Chronology</a></div>
<div class="footer">Technology × Business × Design</div>
---

# Classical Designers are slowly beginning to evolve

.grid-2-across[
.box[.subhead-slim.bg-dkgray[The top 10 most critical issues  <br /> and challenges currently facing design]

1. .fg-em-x[(Classical)] Design not having a "seat at the table"
2. .bg-em-y[Diversity in design and tech]
3. Ethics in design
4. Education cost and equity of access
5. Consumer vs. social impact focus
6. Generational differences in the workforce
7. Environmental impacts of design
8. .bg-em-y[Algorithm bias]
9. .bg-em-y[Advertising supported content model]
10. .bg-em-y[Dark UX patterns]
]
.box[.subhead-slim.bg-dkgray[The top 10 emerging trends to have  <br /> the biggest impact on design]

1. .bg-em-y[AI and machine learning]
2. .bg-em-y[Augmented Reality]
3. .bg-em-y[Virtual Reality]
4. .bg-em-y[Behavior tracking and modeling]
5. .bg-em-y[3D printing]
6. .bg-em-y[Distributed teams and virtual workplace]
7. .bg-em-y[Democratization of design]
8. .bg-em-y[Algorithmic design]
9. .bg-em-y[Crowdsourcing and open source]
10. .bg-em-y[Facial and voice recognition]
]
]

.tx-sans.tx-small[.bg-em-y[Highlight] corresponds to computational design.]

<div class="source">@aiga <a target="_blank" href="https://designcensus.org">Design Census 2017</i></a></div>
<div class="footer">Technology × Business × Design</div>  
---

# People Moves and Milestones

.subhead.bg-em[Happenings in the #DesignInTech space to highlight.]

.grid-8-across[
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">2016</div>
.box-sm[.cell-title[March] **Andrew Crow** joins Strava as VP of Design.
]
.box-sm[.cell-title[May] Google Ventures Design Partners publish NYT bestseller book *"SPRINT."*<br /><br />**August de los Reyes** joins Pinterest as Head of Design.
]
.box-sm[.cell-title[July] Khosla Design Partner **Irene Au** publishes *"Design in Venture Capital."*
]
.box-sm[.cell-title[August] Former Kleiner Perkins Design Partner **John Maeda** goes in-house to become Head of Design at Automattic.
]
.box-sm[.cell-title[September] Design leader **Kristy Tillman** goes West to join Slack.<br />
<br />Design leader **Leah Buley** publishes her State of UX in 2016 Study.
]
.box-sm[.cell-title[October] **Catherine Courage** joins Google as VP of Ads and Commerce UX
]
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">2017</div>
.box-sm[.cell-title[Feb]
**Bobby Ghoshal** and **Jason Erondu** launch [High Resolution</i>](https://www.highresolution.design/1-katie-dill/) podcast for designers in tech with a **Katie Dill** feature.
]
.box-sm[.cell-title[Apr]
Former GV Design Partner **Braden Kowitz** co-founds Range Labs
]
.box-sm[.cell-title[Jun]
Combine VC raises 1st fund of 12M (Founders: **Adam Michela** and **Soleio Cuervo**).
]
.box-sm[.cell-title[Jul]
Former Accel Design partner **Jason Mayden** unveils Super Heroic as co-founder/CEO.
]
.box-sm[.cell-title[Jul] Initialized Capital raises 3rd fund of $125M (MP: **Garry Tan**).
]
.box-sm[.cell-title[Aug]
**Kate Aronowitz** joins Google Ventures (GV) as Design Partner.
]
.box-sm[.cell-title[Sep]
**Randy Hunt** joins Artsy as Head of Design.
]
.box-sm[.cell-title[Oct]
**Katie Dill** leaves Airbnb to join Lyft as VP of Design.

**Michael Gough** leaves Microsoft to join Uber as VP of Design.
]
.box-sm[.cell-title[Nov]
**Kat Holmes** joins the Automattic Board of Advisors.<br /><br />
Intuit names its first Chief Product and Design Officer, **Diego Rodriguez**.
]
.box-sm[.cell-title[Dec]
Design tool startup InVision announces the $5M Design Forward Fund.
]
.box-sm[.cell-title[Dec]
New Enterprise Associates (NEA) Design Partner **Albert Lee** with General Partner **Dayna Grayson** <a target="_blank" href="https://twitter.com/daynagrayson/status/943173916322861057">publishes</i></a> the 2017 Future of Design in Start-ups survey results.
]
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">2018</div>
.box-sm[.cell-title[2018 Jan]
**Vanessa Cho** joins GV as Design Partner.

_Google Ventures emerges as the clear leader in venture capital and design as a sustainable team._
]
.box-sm[.cell-title[Feb]
Former GV Design Partner **Daniel Burka** joins Resolve To Save Lives as Design Director.
]
.box-sm[.cell-title[Feb]
IBM Design led by **Phil Gilbert** enables IBM Cloud to win <a target="_blank" href="https://medium.com/design-ibm/ibm-cloud-continues-to-demonstrate-design-excellence-7a5150124136">two</i></a> iF Design Awards.
]
.box-sm[.cell-title[Feb]
Design tool startup Figma <a target="_blank" href="https://www.bloomberg.com/news/articles/2018-02-01/startups-try-to-chip-away-at-adobe-s-dominance">raises</i></a> 25M Series B led by Kleiner Perkins **Mamoon Hamid**. 
]
]
<div class="source">@tberno @jshoee @ezyjules @wertandcompany @johnmaeda</div>
<div class="footer">Technology × Business × Design</div>

---

# Think Beyond Silicon Valley: India and Design

.quote-medium[By 2050, India’s economy is projected to be the world’s second largest, behind only China. —<a target="_blank" href="https://www.weforum.org/agenda/2017/10/eight-key-facts-about-indias-economy-in-2017/">WEF</a></div>]

.grid-4-across[
.box-no-indent[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### English Speaking

* 125 million English speakers, second only to the United States.
* Oral tradition where narrative is the primary mode of culture propagation.
* India is a pluralistic society, secular and incredibly diverse.
Multi-ethnic Art & Craft tradition with local idioms marking design sensibilities. * Strictly speaking, there is no such thing as a unified "Indian" culture-it's identified by region / state.
* Differing in Cuisine, Language, Performing arts, Apparel, Customs, Music, Literature, Architecture, …
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Mobile Culture
* India has the second largest installed base of smartphones in the world behind China of ~300 million.
* Basic smartphone handsets are available at below $50
* Monthly data plan for under $2
* People in India spent ~150 billion hours on Android devices in 2016
* 70% of Indians consider local language (22 official local languages) digital content more reliable than content in English
* 9 out of 10 users coming online are not proficient in English, but adapt anyways. Many use the English keyboard -- not bothering to switch to the script of their native language
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### China with (not vs) India
* China and India make a complementary combination of machine power and human power: China - Products / India - Services.
* They're giant neighbors.
* Each has a population of over a billion (they collectively account for 36.3% of the world's people).
* They anchor the "rise of the rest."
* Each touts its style of governance as opposed to that of the other: China, with its authoritarian efficiency; India, with its democratic vibrancy.
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[04]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### JUGAAD
* In Hindi,<br /><br />_“overcoming harsh constraints by improvising an effective solution using limited resources”._<br /><br />(a.k.a. "the MVP")
* Thrift not waste.
* Inclusion, not exclusion.
* Bottom-up participation, not top-down command and control.
* Flexible thinking and action, not linear planning.

<a target="_blank" href="https://hbr.org/2010/01/jugaad-a-new-growth-formula-fo">HBR</a> (2010) / Ravi Radjou, Jaideep Prabhu, and Simone Ahuja
]
]
]
]

<div class="source">@sunilmalhotra <a target="_blank" href="http://indianexpress.com/article/technology/india-set-to-have-530-million-smartphone-users-in-2018-study-4893159/">Indian Express</a> <a target="_blank" href="https://qz.com/972844/indias-internet-users-have-more-faith-in-content-thats-not-in-english-study-says/">Quartz</a> <a target="_blank" href="https://www.recode.net/2017/5/31/15720378/mary-meeker-india-annual-internet-trends-report-code-2017">Recode</a> <a target="_blank" href="https://hbr.org/2010/01/jugaad-a-new-growth-formula-fo">HBR</a></div>
<div class="footer">Technology × Business × Design</div>

---

# Think Beyond Silicon Valley: Latin America and Design

.quote-medium[Latin America has the fastest rate of smartphone adoption in the world. —<a target="_blank" href="https://www.fastcompany.com/3044662/what-latin-america-will-look-like-in-2020">Fast Company</a></div>]

.grid-4-across[
.box-no-indent[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Design Rush
* Latin America (LATAM) has a long history with design that started out in the 1950s.
* .fg-em-z.tx-sans[1950s] - Mexico, Argentina and Brazil led the movement in LATAM of formal design schools.
* .fg-em-z.tx-sans[Today] - Vibrant startup ecosystem. <a target="_blank" href="https://www.fastcompany.com/3041655/the-worlds-top-10-most-innovative-companies-of-2015-in-latin-">Insitum</a>, "IDEO of emerging markets" has 5 offices in LATAM and 140+ consultants. 
* .fg-em-z.tx-sans[Future] - A new generation of mobile users could create an ideal environment for a new digital currency. 
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### With the Wall or Without It
* LATAM region, with 650 million people, is exploring opportunities to be less dependent on the US economy.
* The <a target="_blank" href="https://www.nytimes.com/2018/03/08/world/asia/us-trump-tpp-signed.html">Trans Pacific Partnership</a> has been signed between 11 countries, and China is solidifying its ties with the region <a target="_blank" href="https://www.bloomberg.com/news/articles/2018-03-04/chinese-startups-export-playbook-to-latin-america-for-new-riches">via startups</a>. 
* Ex: China's Didi <a target="_blank" href="https://techcrunch.com/2018/01/03/didi-confirms-it-has-acquired-99-in-brazil-to-expand-in-latin-america/">acquires 99</a>, a ridesharing company in Brazil 99.

]
]
]
.box-no-indent[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Copy, Adapt and Improve
* Increased activity in the startup ecosystem in LATAM. 
* Many of the startups are adaptations of successful models elsewhere customized to LATAM environment, while often finding opportunities to improve beyond the original. 
* Ex: <a target="_blank" href="https://www.kubofinanciero.com">Kubo Financiero</a> is the Mexican LendingClub, and it's introduced a social responsibility component to investing - which resonates with users in a nationalistic country like Mexico.
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[04]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Design for Trust
* Corruption is everywhere. 
* There is a generalized lack of trust between people, companies and governments. 
* Startups are disrupting traditional industries by designing to inspire trust and prevent fraud while providing a good user experience. 
* Ex: <a target="_blank" href="https://www.crunchbase.com/organization/nubank">Nubank</a>. - online credit card company, and <a target="_blank" href="https://www.crunchbase.com/organization/enlight-mexico">Enlight</a> - Mexico's solar-energy startup. 
]
]
]
]

<div class="source">@luisarnal <a target="_blank" href="https://www.fastcompany.com/3041655/the-worlds-top-10-most-innovative-companies-of-2015-in-latin-">@insitum</a> @fastcompany @bloomberg @kubofinanciero @nubankbrasil @enlightmx @techcrunch @bloomberg</div>
<div class="footer">Technology × Business × Design</div>

---

# Think Beyond Silicon Valley: China and Design

.grid-2-across[
.box[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Car Experiences
<figure class="caption">
  <img style="width:100%;" src="https://www.nio.io/prod/s3fs-public/styles/scale_width_1920_desktop_1x_/public/hero/home-es8-banner-bg.jpg">
<figcaption class="caption-text">via NIO</figcaption></figure>

New driving and transportation experiences via <a target="_blank" href="https://www.nio.com/">NIO</a> <a target="_blank" href="http://www.wm-motor.com/">Weima</a> <a target="_blank" href="https://www.xiaopeng.com/en/">Xiaopeng</a> <a target="_blank" href="https://www.ff.com/us/">FF</a>

<div style="height:3px;"></div>
.tx-sans[.subhead-mini.bg-em[Check out two New Designer-Founded Startups]
1. <a target="_blank" href="http://www.shanzhaicity.com/">ShanZhai City</a> A social impact assessment big-data company.
2. <a target="_blank" href="http://www.tmogroup.asia/sell-on-wechat-top-3rd-party-wechat-ecommerce-platforms-in-china-now/">Youzan</a> SaaS company to help anyone open an online shop on WeChat.]
]
]
]
.box[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Retail Experiences
<video width="100%" controls>
  <source src="https://bcsecure04-a.akamaihd.net/36/5392214352001/201712/6/5392214352001_5668800512001_5668789168001.mp4?pubId=5392214352001&videoId=5668789168001" type="video/mp4">
</video>

Alibaba Hema and the Starbucks Roastery represent a new vertical integration between online and offline experiences.

Related: Employee-less <a target="_blank" href="http://www.scmp.com/tech/china-tech/article/2123348/unmanned-stores-china-still-working-seamless-shopper-experience">BingoBox</a> convenience stores are unlocked with a mobile phone by scanning a QR code and with no cashier.
]
]
]
]

<div class="source">@ling_fan_tezign Ling Fan, CEO/Founder Tezign <a target="_blank" href="https://go.theinformation.com/d34d5f937e89c84d"></a>The Information"</a> <a target="_blank" href="http://www.alizila.com/alibaba-tech-underpins-launch-worlds-interactive-starbucks/">Alizila</a> <a target="_blank" href="http://www.scmp.com/tech/china-tech/article/2123348/unmanned-stores-china-still-working-seamless-shopper-experience">South China Morning Post</a></div>

<div class="footer">Technology × Business × Design</div>

---

# Think Again Beyond Silicon Valley: China and Design

.grid-2-across[
.box[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Alibaba Luban: E-commerce Design Robot

<figure class="caption">
<img width="75%" src="http://image.uisdc.com/wp-content/uploads/2017/04/uisdc-ali-20170420-7.gif">
<figcaption class="caption-text">via UISDC</figcaption></figure>

* Alibaba Luban produced 400 million banners during the 2017 singles day, resulting in a 100% increase in conversion rate.
* 1 million banner / e-commerce designers in Alibaba's ecosystem (70% face the challenge from Luban).
* More automated marketing design tools are emerging like <a target="_blank" href="https://Arkie.cn">Arkie</a> and <a target="_blank" href="https://Kuaizi.co">Kuaizi</a>.
]
]
]
.box[
.subhead-numeral.bg-em[04]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### Design & AI report 
<figure class="caption">
<img width="220" src="http://image.uisdc.com/wp-content/uploads/2017/04/uisdc-ali-20170420-2.jpg">
<figcaption class="caption-text">via UISDC</figcaption></figure>

Visit the <a target="_blank" href="https://www.sheji.ai">Design & AI Report</a> produced by **Ling Fan** in collaboration with Tongji University, Tezign, and Alibaba AI Design Lab
]
]
]
]

<div class="source">Ling Fan, CEO/Founder Tezign / <a target="_blank" href="https://go.theinformation.com/d34d5f937e89c84d">The Information</a> <a target="_blank" href="http://www.uisdc.com/alibaba-luban-ai-banner">UISDC</a> <a target="_blank" href="https://medium.com/@rexrothX/ai-visual-design-is-already-here-and-it-wont-hesitate-to-take-over-your-petty-design-job-934d756db82e">Gale Partners</a></div>

<div class="footer">China and Design</div>

---

# You're not getting any younger. You're getting B(older).

.quote-big.fg-dkgray[Restricting its estimate to those aged 60 and up, market research firm Euromonitor predicts that by 2020, worldwide older-adult spending will reach $15 trillion—and that's still well before global aging will fully hit its stride. By 2030, the Boston Consulting Group estimates that the 55-plus population will have been responsible for 50 percent of the US consumer spending growth since 2008, 67 percent of that of Japan, and 86 percent for that of Germany. It's no exaggeration to say that the world's most advanced economies will soon revolve around the needs, wants, and whims of grandparents.

—<a target="_blank" href="http://agelab.mit.edu/longevity-economy">Joseph Coughlin</a>]

<div class="source"><a target="_blank" href="http://agelab.mit.edu/longevity-economy">The Longetivity Economy</a></div>
<div class="footer">Technology × Business × Design</div>

---

# Think Beyond GenZ + Millennials: Think Gen B(older)

.grid-3-across[
.box[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### A B(older) EU Median Age
<figure class="caption">
<img style="width:100%;margin-bottom:5px;" src="https://assets.weforum.org/editor/2KdV59nkmwGn68gOJ5NGuiH91Z16wz35OglbqRZuTLE.gif">
<figcaption class="caption-text">via WEF/@aronstrandberg</figcaption></figure>
U.N. projects some European countries to start hitting a median age of 50 or higher. This includes countries like Spain, Italy, Portugal, and Greece, and then later Germany, Poland, Bosnia, and Croatia.<br /><br />
—<a target="_blank" href="https://www.weforum.org/agenda/2017/11/these-animations-show-the-western-world-is-rapidly-ageing">WEF</a>
]
]
]
.box[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[### A B(older) US Too
<figure class="caption">
<img style="width:100%;height: 290px; object-fit: cover;object-position: 20% 20%;" src="http://assets.pewresearch.org/wp-content/uploads/sites/12/2014/04/847889448.gif">
<figcaption class="caption-text">via Pew Research</figcaption></figure>
From 1960 to 2060, our pyramid will turn into a rectangle. We'll have almost as many Americans over age 85 as under age 5.<br /><br />
—<a target="_blank" href="http://www.pewresearch.org/next-america/#Two-Dramas-in-Slow-Motion">PEW</a>
]
]
]
.box[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-medium[### Startup CEOs Get B(older)
The aging of the U.S. population, combined with
the increasing rate of new entrepreneurs among individuals aged fifty-five to sixty-four, have shifted this group from making up 14.8 percent of new entrepreneurs in the 1997 Index to 25.8 percent of all new entrepreneurs in the 2015 Index.

—<a target="_blank" href="http://www.kauffman.org/~/media/kauffman_org/research%20reports%20and%20covers/2015/05/kauffman_index _startup_activity_national_trends_2015.pdf">Kauffman Foundation</a>
]

.quote-tiny.fg-dkgray[_Younger entrepreneurs (ages twenty to thirty-four) made up 24.7 percent of all new entrepreneurs in the 2015 index_]
]
]
]

<div class="source">@aronstrandberg @kauffmanfdn <a target="_blank" href="https://monocle.com/magazine/the-forecast/2017/ageing-gracefully/">Monocle: Aging in Cities</a> <a target="_blank" href="https://ourworldindata.org/life-expectancy-how-is-it-calculated-and-how-should-it-be-interpreted">1514 - 2015</a> <a target="_blank" href="http://www.pewresearch.org/fact-tank/2015/10/07/a-shift-from-germany-to-mexico-for-americas-immigrants/?utm_content=buffer3fc31&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer">PEW Research: Immigrants</a></div>
<div class="footer">Technology × Business × Design</div>

---

* Design is generally used early in the product development process instead of applied at the very end before it is shipped. 
* Creating an inclusive culture for designers is how to start building better products. Listening to what they value is how to start.
* Unconscious bias is promoted by stereotypes that exclude others. Recognizing exclusion is a way to take immediate action.
* Design tools and systems are ch-ch-changing these days. Among many new capabilities, machine intelligence looks to change everything.
* We're in a golden age of data visualization and quant-qual science. The tools that are available today enable understanding -- for those who want it.
* User research skills and product management skills are vital for designers to understand to work more inclusively with customers and product colleagues.
]
]
<div class="footer">Scaling Design</div>
---

# Is a college degree necessary to succeed as a designer in tech?

.subhead-box.bg-em[86%]

.fg-dkgray[of current design students surveyed said that they learned their digital skills from resources outside their coursework.]

—<a target="_blank" href="https://designintechreport.wordpress.com/2016/03/13/design-in-tech-report-2016/">2016</a>

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Scaling Design</div>

---

# Is the culture of your company set up for design to succeed?

.subhead.bg-em[Which kind of design-oriented company are you?]

.grid-5-across[
<div class="box-svelte tx-small tx-sans">
  How is your design function organized?
  <ol class="tx-serif">
    <li>We have a single central design department</li>
    <li>We have multiple design teams</li>
    <li>Design is a distributed expertise, not a department</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  How do you manage the physical/digital divide?
  <ol class="tx-serif">
    <li>We have discrete physical and digital design teams</li>
    <li>Our different design functions sit and operate together</li>
    <li>We train our teams so they can integrate more effectively</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  Where do your design teams work?
  <ol class="tx-serif">
    <li>Design works out of a central office</li>
    <li>Our designers sit in all of our offices</li>
    <li>We have cross-functional product/service studios</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  Does design fit into your development process?
  <ol class="tx-serif">
    <li>We have a clear design phase</li>
    <li>Design is involved in several stages of the development process</li>
    <li>Design is involved throughout life cycle (cradle to grave)</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  When do you undertake user research?
  <ol class="tx-serif">
    <li>Early qualitative research</li>
    <li>Early qualitative and quantitative research</li>
    <li>Qualitative and quantitative research throughout</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  What do you do with research findings?
  <ol class="tx-serif">
    <li>We report what the customers tell us</li>
    <li>We assess what the customers want</li>
    <li>We interpret what the customer actually needs</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  When do you prototype?
  <ol class="tx-serif">
    <li>We have a prototyping phase</li>
    <li>We may have more than one prototyping phase</li>
    <li>We iterate end-to-end and prototype as needed</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  Why do you prototype?
  <ol class="tx-serif">
    <li>To check production/launch feasibility only</li>
    <li>To fail "fast" -- kill under-performing ideas</li>
    <li>To "refine fast" -- build on solutions and address our failings</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  Who leads design in your company?
  <ol class="tx-serif">
    <li>A head of department, e.g. marketing</li>
    <li>A chief design officer</li>
    <li>A chief design officer who is a peer to other board members</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  How do you make design decisions?
  <ol class="tx-serif">
    <li>Based on leader opinions</li>
    <li>Using semi-subjective metrics</li>
    <li>Objectively (using design metrics)</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  How do you track design performance?
  <ol class="tx-serif">
    <li>We do not track design performance</li>
    <li>We review customer feedback post-launch</li>
    <li>We track pre- and post-launch as rigorously as we measure quality, cost, and delivery</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  How do you incentivize good design?
  <ol class="tx-serif">
    <li>We have no incentives tied to customers or design</li>
    <li>Design shares company-level performance bonuses</li>
    <li>We track and reward customer satisfaction, even at board level</li>
  </ol>
</div>

<div class="box-svelte tx-small tx-sans">
  How brave is your organization when it comes to making design decisions?
  <ol class="tx-serif">
    <li>We suffer from bloated and incremental product portfolio</li>
    <li>We have become better at killing incremental products during project development</li>
    <li>We strive to create bold new products to meet unmet needs, and accept that not all will</li>
  </ol>
</div>
<div class="box"></div>
<div class="box-svelte tx-medium tx-sans" style="line-height: 150%; padding: 5px; border: 4px solid #FFC808">
  Take the <a target="_blank" href="https://johnmaeda.typeform.com/to/PL8Esd">McKosmo Quiz</a> to find out your type! It's easy.</a>
  ]
</div>
<div class="source">@hugosarrazin <a target="_blank" href="https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/more-than-a-feeling-ten-design-practices-to-deliver-business-value">More than a feeling: Ten design practices to deliver business value</a></div>

<div class="footer"><span>Scaling Design</span></div>

---

# At what stage is design typically involved?

.subhead-box.bg-em[2.98]

.quote-medium[overall average on a 1-to-10 point progression from a product's conception (1) to just before it ships (10). Last year it was 2.89.]

.subhead-box.bg-em[64%]

.quote-small[By far the largest number of samples are from the US, so the variance by country will be less reliable, but good to note.]

<div class="footer">Scaling Design</div>
<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
---

# Whatever you do, don't F up the culture

.quote-big.fg-dkgray[Why is culture so important to a business? Here is a simple way to frame it. The stronger the culture, the less corporate process a company needs. When the culture is strong, you can trust everyone to do the right thing. People can be independent and autonomous. They can be entrepreneurial. And if we have a company that is entrepreneurial in spirit, we will be able to take our next "(wo)man on the moon" leap. In organizations (or even in a society) where culture is weak, you need an abundance of heavy, precise rules and processes.

—<a target="_blank" href="https://medium.com/@bchesky/dont-fuck-up-the-culture-597cde9ee9d4">Brian Chesky</a>]

<div class="source">@bchesky</div>
<div class="footer">Scaling Design</div>

---

# Creating an inclusive culture for designers is where to start

<div class="grid-2-across">
<div class="box fg-dkgray tx-mono tx-huge tx-sans" style="margin-top:35px; width: 70%;">
  Do any of these designer stereotypes sound familiar?
</div>
<div class="box">
<div class="grid-2-across" style="margin-top: 50px;">
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Designers make it pretty.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Designers can't lead teams.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Designers don't understand business.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Designers only care how it looks.</div>
  </div>
</div>
</div>

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>

---

# Unconscious bias is promoted by stereotypes that exclude others

.tx-small.fg-em-z[<span style="background: #6918F9;color: white; padding: 2px 2px;">Refresh Screen If Needed</span> *What false stereotype would you like to break when it comes to how designers are perceived?*]

<div id="wordtree_basic" style="width: 100%; height: 480px;"></div>
<div class="footer">Scaling Design</div>
<div class="source">#DesignInTech 2018 Open Survey | 1219 samples <a target="_blank" href="https://link.springer.com/article/10.3758/s13421-015-0569-4">Darya Zabelina et al on creative mindsets</a></div>

---

# How do you create an inclusively managed culture for designers?

<div class="grid-2-across">
<div class="box fg-dkgray tx-mono tx-huge tx-sans" style="margin-top:85px; width: 70%;">
  Hey, Boss! Can you please ...
</div>
<div class="box">
<div class="grid-2-across" style="margin-top: 50px;">
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Be  clear about the business problem.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Advocate for the user.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Allow for failure.</div>
<div class="box bg-em-z tx-large fg-white tx-sans" style="padding: 25px;">Ask  questions to build empathy.</div>
  </div>
</div>
</div>

<div class="footer">Scaling Design</div>
<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>

---

# Every boss of designers can stand to hear feedback every day

.tx-small.fg-em-z[<span style="background: #6918F9;color: white; padding: 2px 2px;">Refresh Screen If Needed</span> *What would you tell your boss if you could be "radically candid"?* B*ut how do you give it back? Katie Dill has good tips for <a target="_blank" href="http://firstround.com/review/Give-Criticism-that-Makes-a-Difference-With-These-Tips-from-Airbnbs-Head-of-Experience-Design/">Criticism</a> and <a target="_blank" href="https://medium.com/@katiemdill/to-show-recognition-try-speaking-a-different-language-2f5b0682820c">Recognition</a>.*]

<div class="footer">Scaling Design</div>
<div class="source">@kimballscott @lil_dill #DesignInTech 2018 Open Survey | 1219 samples</div>

---

# Tools that ground the visual language of the computer

<figure class="caption">
  <img width="100%" src="https://cdn.mos.cms.futurecdn.net/d3cc904e153a5b3cc1008d057fd25a0f-650-80.jpg">
<figcaption class="caption-text">via Quantel</figcaption></figure>

.quote-small[The Paintbox package came together complete with its own disc store and library management. At that time a big hard drive held 70 megabytes on 14-inch platters that occupied about 4RU, took loads of power and cost about £5000.

—<a target="_blank" href="https://www.creativebloq.com/video-production/remembering-quantel-paintbox-712401">Quantel</a>
  ]]
  .box[.bg-em.subhead-box[1984]

<figure class="caption">
  <img width="100%" src="http://archive.computerhistory.org/resources/still-image/Apple/Macintosh/apple.1984.102626977.lg.jpg">
<figcaption class="caption-text">via Computer History Museum</figcaption></figure>

.quote-small[MacPaint was written by Bill Atkinson, who was a member of the original Macintosh development team. He based it on his earlier LisaSketch (also called SketchPad) for the unsuccessful Apple Lisa computer, so he originally called it MacSketch. He started work on the Mac version in early 1983.

—<a target="_blank" href="http://www.computerhistory.org/atchm/macpaint-and-quickdraw-source-code/">The Computer History Museum</a>]
  ]
  .box[.bg-em.subhead-box[1989]

<figure class="caption">
  <img width="100%" src="https://winworldpc.com/res/img/screenshots/10-249b5bcef9e7cfb96dc65d245a016963-Adobe%20Photoshop%201.0.7%20-%20About.png">
<figcaption class="caption-text">via Computer History Museum</figcaption></figure>

.quote-small[Adobe Photoshop 1.0 minimum system requirements are hard disk and 2 megabytes RAM. A gray-scale or color monitor is recommended, and a Macintosh compatible scanner is optional.

—<a target="_blank" href="http://www.firstversions.com/2015/07/adobe-photoshop.html">First Versions</a>
]
]
]

<div class="source"><a target="_blank" href="https://en.wikipedia.org/wiki/A._Michael_Noll">A. Michael Noll</a> <a target="_blank" href="https://youtu.be/TtA46JT2q_0">Using Photoshop 1.0 in 2015</a> <a target="_blank" href="http://www.computerhistory.org/atchm/photoshop-software-license-agreement/">Source Code for Photoshop</a> @winworldpc </div>
<div class="footer">Scaling Design</div>

---

# Prototyping tools started in code and got more visual

.quote-regular[
Apple Computer Inc. will introduce an unusual database and management information program Tuesday that the company hopes will help it maintain its lead in technology for making computers easy to use.

The new software, known as Hypercard, will enable users of Apple's Macintosh computers to organize information on computerized file cards that can be linked to other file cards in intricate ways. The program will be included for no charge with each Macintosh sold, starting this month.

—<a target="_blank" href="http://www.nytimes.com/1987/08/11/business/company-news-apple-to-introduce-unusual-software.html">NYT</a>

<figure class="caption">
<img width="100%" src="http://basalgangster.macgui.com/RetroMacComputing/The_Long_View/Entries/2010/10/23_HyperCard_files/shapeimage_2.png">
<figcaption class="caption-text">via MacGUI</figcaption></figure>
]
]
.box[
.subhead-box.bg-em[1990]

<figure class="caption">
<img width="100%" src="http://lingoworkshop.com/assets/images/Director2.gif">
<figcaption class="caption-text">via Lingo Workshop</figcaption></figure>

.quote-regular[VideoWorks (1985 predecessor to Director) required a "Macintosh with at least 128k" and "although VideoWorks will work satisfactorily with just the Macintosh's internal drive, a second (external) drive will help avoid a lot of disc swapping."]

—<a target="_blank" href="http://lingoworkshop.com/articles/history">Lingo Workshop</a>
]
.box[
.subhead-box.bg-em[2013]

<a target="_blank" href="http://www.emilyschwartzman.com/prototyping-tool-resource/">Emily Schwartzman</a> road tests many of the then available prototyping tools and provides a useful study and chart — which grows into a general resource on <a target="_blank" href="https://www.cooper.com/prototyping-tools">Cooper</a>.

<figure class="caption">
<img width="100%" src="https://www.cooper.com/wp-content/uploads/2013/07/summaryChart.png">
<figcaption class="caption-text">via Cooper</figcaption></figure>
]
]

<div class="source">@oddowl macgui.com lingoworkshop.com</div>
<div class="footer">Scaling Design</div>

---

# Design tools and systems are ch-ch-changing these days

<div class="grid-4-across" style="margin-top: 20px;">
    <div class="box bg-ltgray tx-large tx-sans fg-black" style="padding: 30px;">Integrated cloud</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Responsive built-in</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Project management</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Flexible annotation</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Version control</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Convert to actual code</div>
    <div class="box bg-ltgray tx-large tx-sans  fg-black" style="padding: 30px;">Realtime collaboration</div>
    <div class="box bg-em-x tx-large tx-sans  fg-white" style="padding: 30px;">Machine intelligence</div>
</div>
<br /><br />
<span class="subhead-slim bg-em">Future design tools with further developments in AI will possibly ...</span>

.grid-2-across[.box[1. Construct models of our customers
2. Generate design directions on their own
3. Sort and prioritize competing constraints
4. Identify best potential ROI and more
5. Enable savings in time for designers
]
.box[<ol start="6">
<li>Run experiments for us and reduce risks</li>
    <li>Create many variations to test</li>
        <li>Scan the entire experience for inconsistencies</li>
            <li>Prevent re-invention of past solutions</li>
                <li>Have potential to remove apprentice-level jobs</li> 
                </ol>
]
]

<div class="source"><a target="_blank" href="https://www.linkedin.com/pulse/thoughts-future-design-tools-from-adobe-max-leah-buley/">Leah Buley: Thoughts on the Future of Design Tools</a> + @johnmaeda's un-scientific observations</div>
<div class="footer">Scaling Design</div>
---

# Erondu's Playbook has the Qs&As for designers amidst scaling
<div style="height:30px;"></div>
.subhead.bg-em[The top 15 questions designers are asking today]

.grid-2-across[
.box[
1. How do you elevate the perception of design at a company? <a target="_blank" href="https://askplaybook.com/as-a-manager-how-do-you-elevate-the-perception-of-design-at-a-company/answers"><i class="far fa-question-circle"></i></a>
2. How do you show the value of design to justify hiring more designers? <a target="_blank" href="https://askplaybook.com/how-do-you-show-the-value-of-design-to-justify-hiring-more-designers/answers"><i class="far fa-question-circle"></i></a>
3. How do you establish more transparency for design within a company? <a target="_blank" href="https://askplaybook.com/how-do-you-establish-more-transparency-for-design-within-a-company/answers"><i class="far fa-question-circle"></i></a>
4. How do you know when it's time to leave a company? <a target="_blank" href="https://askplaybook.com/how-do-i-know-when-it-s-time-to-leave-my-company/answers"><i class="far fa-question-circle"></i></a>
5. As a team grows, how do you maintain the quality and consistency of its design work? <a target="_blank" href="https://askplaybook.com/as-a-team-grows-how-do-you-maintain-the-quality-and-consistency-of-its-design-work/answers"><i class="far fa-question-circle"></i></a>
6. What’s the best way to present work during a design critique? <a target="_blank" href="https://askplaybook.com/what-s-the-best-way-to-present-work-during-a-design-critique/answers"><i class="far fa-question-circle"></i></a>
7. How can a team keep track of past work and learnings as a living repository? <a target="_blank" href="https://askplaybook.com/how-can-a-team-keep-track-of-past-work-and-learnings-as-a-living-repository/answers"><i class="far fa-question-circle"></i></a>
]
.box[
<ol start="8">
<li>When working with remote teams, how do you effectively collaborate with each other? <a target="_blank" href="https://askplaybook.com/when-working-with-remote-teams-how-do-you-effectively-collaborate-with-each-other/answer/taramann"><i class="far fa-question-circle"></i></a></li>
<li>How do you know when a design is 'done'/right? <a target="_blank" href="https://askplaybook.com/how-do-you-know-when-a-design-is-done-or-right/answers"><i class="far fa-question-circle"></i></a></li>
  <li>What are commonly used design KPIs? <a target="_blank" href="https://askplaybook.com/what-are-commonly-used-design-kpis/answers"><i class="far fa-question-circle"></i></a></li>
    <li>What are things to do to avoid burnout? <a target="_blank" href="https://askplaybook.com/what-are-the-signs-that-you-re-about-to-burnout/answers"><i class="far fa-question-circle"></i></a> / <a target="_blank" href="https://askplaybook.com/what-can-you-do-after-you-burnout/answers"><i class="far fa-question-circle"></i></a></li>
      <li>When interviewing, what are some questions to ask about a company's culture and design team? <a target="_blank" href="https://askplaybook.com/when-interviewing-what-are-some-questions-to-ask-to-understand-the-culture-of-a-company-and-design-team/answers"><i class="far fa-question-circle"></i></a></li>
        <li>Is going to college worth it? (<a target="_blank" href="#college">college</a>)
            <li>How should I structure my design portfolio to best communicate my skillsets? <a target="_blank" href="https://askplaybook.com/how-should-i-structure-my-design-portfolio-to-best-communicate-my-skillsets/answers"><i class="far fa-question-circle"></i></a></li>
              <li>Should I start my career at an agency, startup, or big company? <a target="_blank" href="https://askplaybook.com/how-do-i-be-a-confident-designer/answers"><i class="far fa-question-circle"></i></a></li>
]
]
<div class="source">@erondu @askplaybook</div>
<div class="footer">Scaling Design</div>

---

# We're in a new age of data visualization × quant-qual science

.quote-medium[
The <a target="_blank" href="https://blog.udacity.com/2014/11/data-science-job-skills.html">core</a> set of skills:

* Programming Skills
* Statistics
* Machine Learning
* Multivariable Calculus & Linear Algebra
* Data Wrangling
* Data Intuition
* Data Visualization & Communication

.subhead.bg-em[OSDSM]

The Open Source Data Science Master's Degree is a cool set of resources gathered by <a target="_blank" href="http://datasciencemasters.org/">Clare Corthell</a>.]
]
.box[.subhead.bg-em[Talk data to me]

.quote-medium[Data visualization and journalism teams at <a target="_blank" href="https://www.theguardian.com/data">The Guardian</a> <a target="_blank" href="https://www.informationisbeautifulawards.com/news/118-the-nyt-s-best-data-visualizations-of-the-year">NYT</a> <a target="_blank" href="http://graphics.wsj.com/wsj-interactives-2015/">WSJ</a> have been at the forefront.]

.subhead-box.bg-ltgray[<i class="fas fa-wrench"></i>]
.quote-medium[These tools show a new direction:

* <a target="_blank" href="https://beta.observablehq.com/">Observable</a> by Mike Bostock
* <a target="_blank" href="https://www.google.com/analytics/data-studio/capabilities/">Data Studio</a> by Google
* <a target="_blank" href="https://research.google.com/colaboratory/faq.html">Colaboratory</a> by Google

And open source ones exist too:
* <a target="_blank" href="https://d3js.org">D3.js</a> by Mike Bostock
* <a target="_blank" href="https://processing.org/">Processing</a> by Processing Team
* <a target="_blank" href="https://opensource.com/business/16/7/3-open-source-data-visualization-tools-hadoop">Zeppelin</a> by Apache
* <a target="_blank" href="http://www.drawbot.com/">DrawBot</a> by DrawBot Team 
]

]
.box[.subhead.bg-em[Have I given up on design?]

.quote-small.fg-em-z[_**Nope.** I'm just collecting all the parts I've been learning/doing for my whole life before — I get uploaded to the big cloud in the sky one day. To design amazing experiences for people, I've always chosen to think/work inclusively and broadly._]
]
]

<div class="source">@udacity @clarecorthell</div>
<div class="footer">Scaling Design</div>

---

# Learn user researcher skills and principles to grow

.grid-2-across[
.box[.subhead-slim.bg-em[The top 10 most valuable design  <br /> skills for the future]
1. Adaptability to tech and social change
2. Empathy
3. .bg-em-y[Communication skills]
4. .bg-em-y[Asking good questions]
5. Cross-functional skills
6. .bg-em-y[Storytelling]
7. .bg-em-y[Cross-cultural skills]
8. .bg-em-y[Observation and listening]
9. .bg-em-y[Psychology and human behavior]
10. Managing complexity

.tx-sans.tx-small[Note that many of .bg-em-y[these skills] are exercised with expertise by User Researchers. To learn more about User Research <a target="_blank" href="https://www.linkedin.com/pulse/9-rules-design-research-erika-hall/">see Erika Hall's work</i></a>]
]
.box[
<div style="height:90px;"></div>
.quote-big[Surprisingly very few companies conduct qualitative user research.] 
<br />
<br />
.quote-medium[Early-stage start-ups surveyed by Albert Lee/Dayna Grayson that use qualitative research: 12%, Mid-stage: 32%, Late-stage: 46%]

.tx-sans[—<a target="_blank" href="http://www.futureof.design">NEA Future of Design in Start-ups 2017</i></a>
]
]
]

<div class="source">@aiga <a target="_blank" href="https://designcensus.org">Design Census 2017</i></a> @neavc @tweetalbert @daynagrayson</div>
<div class="footer">Scaling Design</div>

---

# Learn product management skills and principles to grow

.grid-3-across[
.box[
.subhead-slim.bg-em[The top 8 skills that designers  <br /> need to understand in business]

1. .bg-em-y[Product Roadmap Strategy]
2. .bg-em-y[Company Strategy]
3. .bg-em-y[Retention/ Engagement Metrics]
4. .bg-em-y[Conversion Metrics]
5. .bg-em-y[Funnel Acquisition Metrics]
6. .bg-em-y[Revenue Model]
7. .bg-em-y[Financial Metrics (i.e. Revenue, Margin etc.)]
8. .bg-em-y[Resource Allocation]
]
.box[
.subhead-slim.bg-em[The top 10 skills needed near-  <br /> term for designers in start-ups]
1. .bg-em-y[Business]
2. .bg-em-y[Communication]
3. .bg-em-y[People Skills / Emotional Intelligence]
4. Writing - Copywriting
5. AR Design
6. .bg-em-y[Data Science]
7. .bg-em-y[Empathy for End User]
8. .bg-em-y[Facilitation Skills]
9. .bg-em-y[Management Skills]
10. .bg-em-y[Service Design]
]
.box[
.subhead-slim.bg-em[The top 10 skills needed further  <br /> out for designers in start-ups]
1. Writing
2. AI / ML
3. Data Science
4. .bg-em-y[Empathy for End User]
5. .bg-em-y[Storytelling]
6. Sound Design
7. .bg-em-y[Scenario Design / Service Design]
8. .bg-yellow[Ethics / Bias]
9. .bg-em-y[Psychology]
10. .bg-em-y[Systems Design]
]
]

.tx-sans.tx-small[.bg-em-y[Highlight] corresponds to product manager and design leader/manager skills. .bg-yellow[Highlight] is a classical design competency that is needed today.]

<div class="source">@neavc @tweetalbert @daynagrayson <a target="_blank" href="http://www.futureof.design">Future of Design in Start-ups 2017</i></a></div>
<div class="footer">Scaling Design</div>

---

# The best way to scale design? Listen to what Bill used to say.

.grid-3-across[
.box[
<figure class="caption">
<img style="-webkit-filter: grayscale(1);filter: grayscale(1); width:100%; height: 400px; object-fit: cover; object-position: 30% 0" src="https://img.youtube.com/vi/Atsmy_oMLaI/maxresdefault.jpg">
<figcaption class="caption-text">via Cooper Hewitt</figcaption></figure>

.fg-dkgray.tx-sans[1943-2012]
]
.box[<div style="height:25px;"></div>
.quote-large[<br /> If there's a simple, easy design principle that binds everything together, it's probably about starting with the people. <br /><br />—Bill Moggridge <a target="_blank" href="https://www.ideo.com/people/bill-moggridge">IDEO</a>
]
]
.box[
.subhead-box[ ]
.fg-dkgray[<div style="height:24px;"></div>_Bill Moggridge, co-founder of IDEO and director of the Smithsonian’s Cooper-Hewitt National Design Museum, died September 8th, 2012, following a battle with cancer. An outspoken advocate for the value of design in everyday life, Bill pioneered interaction design and integrated human factors into the design of computer software and hardware._
]
]
]

<div class="source">@ideo @cooperhewitt</div>

<div class="footer"><span>Scaling Design</span></div>

---

class:

# Scaling Design Case Study: <a target="_blank" href="https://automattic.design">Automattic.Design</a>

.grid-5-across[
.box-no-indent[
.subhead-numeral.bg-em[01]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[## .fg-dkgray[Design Culture]
You need a CEO who cares about design, and recognizes that good design is good business. It's because the customer wants it. <i class="fas fa-check-square"></i>

* <a target="_blank" href="https://www.gsb.stanford.edu/faculty-research/case-studies/ebay-designing-culture-change-innovation-playbook">Stanford GSB Case Study</a>
* <a target="_blank" href="https://designintechreport.wordpress.com">Design in Tech Reports</a>
* <a target="_blank" href="https://medium.com/design-ibm/creating-a-culture-of-design-dfb9a36623b3">IBM Design</a>
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[02]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[## .fg-dkgray[Design Talent]
You need a strong designer hiring leader. They will be, "Someone who you wish was designing instead and loves talent, too." <i class="fas fa-check-square"></i>

* <a target="_blank" href="https://automattic.design/2018/03/09/tips-for-hiring-designers-for-remote-teams/">Brie Anne Demkiw's tips</a>
* <a target="_blank" href="https://automattic.design">Automattic.Design blog</a>
* <a target="_blank" href="https://centercentre.learnsocially.com">Jared Spool's Master Class</a>
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[03]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[## .fg-dkgray[Design Leaders]

You need a primary design lead who cares about leadership and enjoys fostering new leaders. <i class="fas fa-check-square"></i>

* <a target="_blank" href="https://mitpress.mit.edu/books/redesigning-leadership">Redesigning Leadership</a>
* <a target="_blank" href="https://www.designbetter.co/design-leadership-handbook">InVision Design Leadership</a>
* <a target="_blank" href="https://gowithin.co/">Within Leadership Retreat</a>
* <a target="_blank" href="https://designerfund.com/design-leadership-insights-source-summit-2017">Designer Fund</a>
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[04]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[## .fg-dkgray[Design Systems] 
You need a few <a target="_blank" href="https://automattic.design/2018/02/09/react-components-design-and-wordpress-com-2015/">computational designers</a> who work inclusively. Plus  listen to <a target="_blank" href="https://medium.com/eightshapes-llc/defining-design-systems-6dd4b03e0ff6">Nathan Curtis</a>.
<i class="fas fa-check-square"></i>

<span class="fg-em-z">Our design system offers *[kit scope]* released as *[kit outputs]* and documented at *[kit doc site]* produced by *[people]* in order to serve *[products]* products and experiences.</span> <a target="_blank" href="https://medium.com/eightshapes-llc/defining-design-systems-6dd4b03e0ff6">†</a> <a target="_blank" href="https://medium.com/eightshapes-llc/design-systems-intermediaries-955ef18c9409">††</a>

* <a target="_blank" href="https://github.com/alexpate/awesome-design-systems">Awesome Design Systems</a>
* <a target="_blank" href="https://github.com/marcintreder/adele">Adele</a> | <a target="_blank" href="https://www.designsystems.com/">DesignSystems.com</a>
* <a target="_blank" href="https://twitter.com/_dte/status/966475058750173184">Some Needed Levity</a>
]
]
]
.box-no-indent[
.subhead-numeral.bg-em[05]
.cellbox[]
.subhead-numeral-afterparty[
.quote-small[## .fg-dkgray[Design Ops]
You want to product- and project- manage design as a service inside the org. And we've recently hired for Design Ops. <i class="fas fa-check-square"></i>

* <a target="_blank" href="https://www.linkedin.com/pulse/what-design-operations-why-should-you-care-dave-malouf">What is Design Ops?</a>
* <a target="_blank" href="https://medium.com/amplify-design/the-different-lenses-of-design-operations-c29086cf907f">Design Ops Lenses</a>
* <a target="_blank" href="https://twitter.com/hollyface1975/status/971585555157934080">Holly Burroughs Cole</a>
]
]
]
]

<div class="source"><a target="_blank" href="https://www.lars-mueller-publishers.com/designing-programmes">Karl Gerstner</a>  @mialoira @nathanacurtis @marcintreder @alexjpate @daveixd @_dte @figma @hollyface1975</div>
<div class="footer"><span>Scaling Design</span></div>

---

* Custom fabrication technology that leverages computation while using less tech, traditional manufacturing ideas is becoming more accessible.
* Speech recognition has advanced to the point where the experiences provided by this technology are becoming just as important as how computer graphics technology brought GUIs to the screen.
* Augmented reality (and VR) experiments and ideas abound as the technology becomes more accessible via smartphones and inexpensive peripherals.
* The majority of Americans now own a cellphone and are rapidly upgrading to smartphones, but the US lags in 13th place in average mobile data used per person across countries.
* Speed is a key design attribute of a mobile experience with sessions averaging on the order of 30 seconds and over half of site visitors abandoning a site visit if takes longer than 3 seconds to load.

]
]
<div class="footer">Computational Design</div>
<div class="source"></div>
---

# Atoms × Bits are getting cheaper to work (and experiment) with

.grid-2-across[
.box[
<figure class="caption">
<img style="width:100%;height: 300px; object-fit: cover;" src="https://www.line-us.com/uploads/1/1/7/2/117239281/creative-ideas_orig.jpg">
<figcaption class="caption-text">via Line US</figcaption></figure>

[Line US](https://Line-us.com) .fg-dkgray[_via the UK_]
]
.box[
<figure class="caption">
<img style="width:100%;height: 300px; object-fit: cover;" src="https://uploads-ssl.webflow.com/59d78963a7327a00016b071a/59dac0f7bcf399000193a32c_img_402x.jpg">
<figcaption class="caption-text">via Mayku</figcaption></figure>

[Mayku](https://www.mayku.me/) .fg-dkgray[_via the UK_]
]
]
.quote-medium[The Line US and Mayku devices are excellent examples of low-cost, sophisticated computational design tools to work (and experiment) in the physical world. Line US is genius, and Mayku uses old-school vacuum forming methods.]

.quote-small[Design milestones to note are a 4d-printed dress by <a target="_blank" href="https://www.moma.org/explore/inside_out/2015/03/26/future-couture-nervous-systems-kinematics-dress/">Nervous Systems</a> accessioned to MoMA and the ever-expanding work of MIT Media Lab's <a target="_blank" href="http://www.materialecology.com/news">Neri Oxman</a>. Manufacturing machinery advances to note in 3d-printing are materials scientist Jennifer Lewis' work on footwear with <a target="_blank" href="https://www.voxel8.com/">Voxel8</a> and advanced 3d-printing capability in metal achieved by <a target="_blank" href="https://www.desktopmetal.com">Desktop Metal</a>.
]

<div class="source">@johnmaeda @Line_us_machine @teammayku</div>
<div class="footer">Computational Design</div>

---

# Mobile (Atoms × Bits) is how everyone (will) get things done

When a question or need arises, our phones are by far our most trusted resource, with 96% of people using a smartphone to get things done.

To meet these needs, people are at least twice as likely to use search than other online or offline sources such as store visits or social media

—Lisa Gevelber <a target="_blank" href="https://www.thinkwithgoogle.com/consumer-insights/mobile-search-consumer-behavior-data/">Google</a>

<figure class="caption">
<img style="width:100%;height: 230px; object-fit: cover; object-position: 0 10%;" src="https://www.thinkwithgoogle.com/_qs/images/T_YTfVgBw6V5ec8xryQjWtfCS7c=/113/width-2000/how-needs-were-addressed-chart.png">
<figcaption class="caption-text">via Google</figcaption></figure>
]
.box[
<iframe src="http://www.pewinternet.org/chart/mobile-phone-ownership/iframe/" id="pew17312" scrolling="no" width="100%" height="500px" frameborder="0"></iframe> <script type='text/javascript'id='pew-iframe'>(function(){function async_load(){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src='http://www.pewinternet.org/wp-content/plugins/pew-scripts/js/iframeResizer.min.js';s.onload=s.onreadystatechange=function(){var rs=this.readyState;try{iFrameResize([],'iframe#pew17312')}catch(e){}};var embedder=document.getElementById('pew-iframe');embedder.parentNode.insertBefore(s,embedder)}if(window.attachEvent)window.attachEvent('onload',async_load);else window.addEventListener('load',async_load,false)})();</script>    
.quote-small[—<a href="http://www.pewinternet.org/chart/mobile-phone-ownership/">PEW</a> *This graphic wouldn't embed*]
]
.box.fg-dkgray[
<div style="height:128px;"></div>
The vast majority of Americans – 95% – now own a cellphone of some kind. The share of Americans that own smartphones is now 77%, up from just 35% in Pew Research Center’s first survey of smartphone ownership conducted in 2011.<br /><br/>
—<a target="_blank" href="http://www.pewinternet.org/fact-sheet/mobile/">PEW Research Center</a> (2018)
<div style="height:10px;"></div>

.subhead-box.bg-em[<i class="fas fa-random"></i>]

.quote-small[The Open Source typeface <a target="_blank" href="https://rsms.me/inter/">Inter UI</a> claims to be better for reading text on a mobile device.]

.quote-small[Starbucks is challenged by mobile order-ahead <a target="_blank" href="http://www.businessinsider.com/starbucks-attempts-to-fix-mobile-ordering-review-2017-8">fulfillment</a> but will likely design good fixes.]

]
]

<div class="source">@google @pewresearch @rsms</div>
<div class="footer">Computational Design</div>

---

# Mobile adds time to our digital lives, and data usage to our plans

.grid-3-across[
  .box.fg-dkgray.layout-3-left-1[
  Mobile’s mostly additive — it added more screen time in the US than it took from other media.
 
  Time spent on mobile has surged, while time spent on other media has only slowly declined.
  
  —<a target="_blank" href="https://twitter.com/lukew/status/956940234901544960">Luke Wroblewski</a>

Finland's average mobile data usage per person per month is 10.95Gb, followed by Latvia 8.21Gb, Austria 6.28, Sweden 4.38, Denmark 4.37. 
  
  The US is #13 at 2.67Gb.

—<a target="_blank" href="http://www.oecd.org/sti/broadband/broadband-statistics/">OECD</a>

]
  .box.layout-3-right-2[
<figure class="caption">
  <img border="1" style="width:100%; border: 1 solid gray;" src="https://pbs.twimg.com/media/DUe8EgfU0AAmsYJ.jpg:large">
<figcaption class="caption-text">via @lukew</figcaption></figure>
  ]

]

<div class="source">@lukew @emarketer @OECD</div>
<div class="footer">Computational Design</div>

---

# Mobile demands higher performance standards in experience

—<a target="_blank" href="https://www.thinkwithgoogle.com/intl/en-154/insights-inspiration/research-data/need-mobile-speed-how-mobile-latency-impacts-publisher-revenue/">Google</a>
]
.box.fg-dkgray[
.subhead-box.bg-em[53% of users]

—<a target="_blank" href="https://www.thinkwithgoogle.com/data-gallery/detail/mobile-site-abandonment-three-second-load/">Google</a>
]
.box.fg-dkgray[
.subhead-box.bg-em[35% smaller]

—<a target="_blank" href="https://www.theverge.com/2017/3/17/14957272/google-jpeg-encoder-new-guetzli-smaller-faster">The Verge</a>
]
.box.fg-dkgray[
.subhead-box.bg-em[30 seconds]

—<a target="_blank" href="https://twitter.com/lukew/status/938095211619655680?lang=en">@lukew</a>
]
]

<div class="source">@lukew <a target="_blank" href="https://maeda.pm/2018/01/13/speed-is-a-key-design-attribute/">Marissa Mayers' early contribution to design was key</a> <a target="_blank" href=" https://medium.com/@Pinterest_Engineering/driving-user-growth-with-performance-improvements-cfc50dafadd7">Pinterest</div>
<div class="footer">Computational Design</div>

---

# Mobile phones have more sensors than a microphone these days

.grid-3-across[
.box[
In 2018, currently [Android Docs](https://source.android.com/devices/sensors/sensor-types) lists Android Sensor Types as having 9 base sensors. And there are 5 other "composite sensor" types that are created out of the base sensor systems. Two sensors not listed there are the microphone and visible light camera — of which smartphones today now sport two each, at least.<br /><br />For context, a BMW 5-series car has a 100 or more sensors.

.quote-medium[Sensors provide data,<br /> software provides experiences.<br /><br /> 
—<a target="_blank" href="https://www.qualcomm.com/news/onq/2014/04/24/behind-sixth-sense-smartphones-snapdragon-processor-sensor-engine">Qualcomm</a> (2014)]

]
.box[
.listicle[

.subhead-slim.bg-em[Android base sensors]

* Accelerometer
* Ambient temperature
* Magnetic field sensor
* Gyroscope
* Heart Rate
* Light
* Proximity
* Pressure
* Relative humidity

.subhead-slim.bg-em[Android composite sensor types]
* Linear acceleration
* Significant motion
* Step detector
* Step counter
* Tilt detector

.subhead-slim.bg-em[Other sensors on devices]

* Range camera, IR camera, Heart rate, Fingerprint
]

]
.box[
.quote-small[The Nintendo Switch represents a different kind of form-factor in design, which gives rise to a different kind of experience.
]
<figure class="caption">
<img style="height: 150px; object-fit:cover; object-position: 0 50%;" src="https://www.nintendo.com/switch/etRgxnAu0zRX4bmWnt9K628wG7YQUI6t/images/switch/buy-now/bundle_gray_console.jpg">
<figcaption class="caption-text">via Nintendo</figcaption></figure>
.quote-small[Snapchat Spectacles received a lot of attention for how it failed to capture attention, but it remains a clever design experiment.
]
<figure class="caption">
<img style="height:150px;object-fit:cover;object-position: 0% 60%;" src="https://images-na.ssl-images-amazon.com/images/I/71ob6XrmubL._SL1500_.jpg">
<figcaption class="caption-text">via Amazon</figcaption></figure>
.quote-regular[
<i class="fab fa-youtube"></i> Relevant SNL sketches: [Alexa](https://www.youtube.com/watch?v=YvT_gqs5ETk) [Glasses](https://youtu.be/huIPadEfD3E?t=24s)]
]
]

<div class="source"><a target="_blank" href="https://www.quora.com/How-many-sensors-are-in-a-new-BMW">Quora</a> <a target="_blank" href="https://www.theverge.com/2018/3/7/17091104/android-p-prevents-apps-using-mic-camera-idle-background">Android Privacy Issues</a> <a target="_blank" href="https://www.wired.com/story/ios-11-privacy-security-settings/">iOS Privacy Issues</a></div>
<div class="footer">Computational Design</div>
---

# Towards conversational design

<div style="height:70px;"></div>
.quote-big.fg-dkgray[Conversation is not a new interface. It's the oldest interface. Conversation is how humans interact with one another, and have for millennia. We should be able to use the same principles to make our digital systems easy and intuitive to use by finally getting the machines to play by our rules.

—<a target="_blank" href="https://abookapart.com/products/conversational-design">Erika Hall</a>
]

<div class="source">@mulegirl<a target="_blank" href="https://abookapart.com/products/conversational-design">Conversational Interfaces</a></div>
<div class="footer">Computational Design</div>
---

# Conversational experience design is worth talking about

.grid-3-across[
.box[
.quote-medium[Voice promises to deliver interactions closer to how we all communicate as human beings. Applications have to adapt to people now, instead of the other way around.]<br /><br />
—<a target="_blank" href="https://www.subtraction.com/2017/08/29/finding-a-voice-for-design-in-voice-uis/">Khoi Vinh</a>
]
.box[
.quote-medium[Siri saying, _"One liter is 33.81 fluid ounces."_ in iOS 9, iOS 10, iOS11.]
<table>
    <tr><td><audio style="width:100px;" controls>
        <source src="http://machinelearning.apple.com/images/journals/siri-voices/ios9-005.mp3" type="audio/mpeg">
        </audio>
    </td> <td><audio style="width:100px;" controls>
        <source src="http://machinelearning.apple.com/images/journals/siri-voices/ios10-005.mp3" type="audio/mpeg">
    </audio> 
    </td><td><audio style="width:100px;" controls>
        <source src="http://machinelearning.apple.com/images/journals/siri-voices/ios11-005.mp3" type="audio/mpeg">
    </audio>
    </td></tr>
    </table>
—<a target="_blank" href="https://machinelearning.apple.com/2017/08/06/siri-voices.html">Apple Machine Learning</a>
]
.box[
.quote-medium[<img style="width:60px; border: 1px solid gray; margin-right:10px;float:left;" src="https://cdn.shopify.com/s/files/1/0051/7692/products/aba-cover-25_100x@3x.png"><a target="_blank" href="https://abookapart.com/products/conversational-design
">_Conversational Design_</a> .fg-dkgray[is out this month by design leader, user research guru, and author, **Erika Hall**.]<br /><br />]
.quote-medium[
The experience design milestone in prose × chat by <a target="_blank" href="https://www.typeform.com/blog/human-experience/cui/">Typeform</a> is worth reading/seeing/interacting.
]
]
.box[
.quote-medium[Sonos enters the voice arena with the <a target="_blank" href="https://www.sonos.com/en-us/alexa-on-sonos">Sonos One </a>
<img style="margin-top: 10px; width: 80%; height: 200px; object-fit: cover;object-position: 0 0%;" src="https://www.sonos.com/on/demandware.static/-/Library-Sites-SonosLibrary/default/dwc433b879/pages/alexa-on-sonos/one-feature.png">
]]
.box[
.quote-medium[Voice recognition is the transcribing of audio to text and natural language processing is taking that text and working out what command might be in it. .bg-em-y[Since 2012, error rates for these tasks have gone from perhaps a third to under 5%.] In other words, this works, mostly, when in the past it didn't.]<br /><br />
—<a target="_blank" href="https://www.ben-evans.com/benedictevans/2017/2/22/voice-and-the-uncanny-valley-of-ai">Benedict Evans</a>
]
.box[
.subhead-box.bg-em[<i class="fab fa-youtube"></i>]
.listicle[
* <a target="_blank" href="https://www.youtube.com/watch?v=yxxRAHVtafI"> The Science of Talking with Computers</a>
* <a target="_blank" href="https://vimeo.com/223731156"> DAVID Miami / BK Spot</a>
* <a target="_blank" href="https://www.youtube.com/watch?v=vmINGWsyWX0&feature=youtu.be"></i> Infinite Looping Voice Assistants</a>
* <a target="_blank" href="https://www.youtube.com/watch?v=x4W8aKLS2zI&feature=youtu.be">Billy Bass Alexa</a>
]
]
]
<div class="source">@sonos @khoi @benedictevans @mulegirl @typeform @arrelid</div>
<div class="footer">Computational Design</div>

---

# The Web's become much better at listening and speaking up

.block-quote.fg-dkgray[This specification defines a JavaScript API to enable web developers to incorporate speech recognition and synthesis into their web pages. It enables developers to use scripting to generate text-to-speech output and to use speech recognition as an input for forms, continuous dictation and control. The JavaScript API allows web pages to control activation and timing and to handle results and alternatives.]

—<a target="_blank" href="https://w3c.github.io/speech-api/speechapi.html">W3C</a>
]
.box[
.subhead-box.bg-em[2018]

```var recognition = new SpeechRecognition();```<br />

.block-quote.fg-dkgray[The Web Speech API provides two distinct areas of functionality — speech recognition, and speech synthesis (also know as text to speech, or tts) — which open up interesting new possibilities for accessibility, and control mechanisms.

—Mozilla <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a>]

.subhead-box.bg-ltgray[<i class="fab fa-codepen"></i>]

<a target="_blank" href="https://codepen.io/jakemhiller/pen/ECAcz">Listen</a> <a target="_blank" href="https://codepen.io/matt-west/pen/wGzuJ">Talk</a> <a target="_blank" href="https://codepen.io/rodriguesmarcos/pen/BFwCa">Colors</a> <a target="_blank" href="https://codepen.io/nickforddesign/project/full/XVkvqe/">Map States</a>

.subhead-box.bg-ltgray[<i class="fas fa-random"></i>]

<a target="_blank" href="https://experiments.withgoogle.com/voice">Google Experiments</a with <a target="_blank" href="https://mysteryanimal.withgoogle.com/"> Mystery Animal</a> <a target="_blank" href="https://memebuddy.chat/">Meme Buddy</a>
]
]

<div class="source">@codepen @jakemhiller @matt-west @rodriguesmarcos @nickfordesign @michaelarestad </div>
<div class="footer">Computational Design</div>
---

# Should you care about augmented/virtual reality? Sure!

.quote-medium[We believe that AR technologies will be instrumental in closing the skill gap that is responsible for the shortage of skilled manufacturing workers. Because AR will allow more workers to do high-skill jobs, and improve their performance in this work, we are optimistic that industrial productivity will grow and that this will ultimately translate into higher wages. —<a target="_blank" href="https://hbr.org/2017/03/augmented-reality-is-already-improving-worker-performance">HBR</a>
]

<div style="height:10px;"></div>
.grid-2-across[
.box[
<iframe width="100%" height="315" src="https://www.youtube.com/embed/ET2CKUqdPCo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

<a target="_blank" href="http://thesystemis.com">Zach Lieberman</a> and collaborators
]
.box[
<iframe width="100%" height="315" src="https://www.youtube.com/embed/_jJxuWSVme8?start=16" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

<a target="_blank" href="https://project-ican.com">Project iCan</a> ドラえもん どこでもドア
]
]
<div class="source">@zachlieberman @zappyzappy7 @google <a target="_blank" href="https://www.blog.google/products/google-vr/best-practices-mobile-ar-design/">Mobile AR Design</a> <a target="_blank" href="http://www.bbc.com/news/technology-41524550">ARtists at Work</div>
<div class="footer">Computational Design</div>
---

title: toc-4
class: bg-ltgray

.grid-2-across[
.box[
##Computational Design:<br /> Artificial Intelligence
]
.box[
.subhead-slim.bg-em[AI isn't good at inclusive design because we aren't, too]

* 88% of designers surveyed believe that it will be at least 5 years or more until visual designers are replaced by AI. AI can already do a lot right now.
* The history of AI and generating visual art goes back to the 1960s with A. Michael Noll and other artists at Bell Labs, and stretches back to Marcel Duchamp.
* AI is extremely proficient at tedious tasks that no human should really have to do, like: adjust image contrast, correct messy lines, and re-style images. 
* Google is by far the leader in mixing AI with design experimentation due to the amazing talent they've acquired like Martin Wattenberg and Fernanda Viegas — who at IBM first advanced data visualization with their landmark <a target="_blank" href="http://www.bewitched.com/manyeyes.html">Many Eyes</a>.
* AI is showing us the unintended consequences of running what appear to be "fair" algorithms that feed off of past activity and practices that are converted into training data. But embedded in that training data is our long history of exclusion.

]
]
<div class="footer">Computational Design: <b>AI</b></div>

---

# When do you expect AI to replace most visual designers?

.subhead-box.bg-em[5]

.fg-dkgray[years or more before AI replaces most visual designers believed by 88% of designers surveyed]

.subhead-box.bg-em[35%]

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Computational Design: <b>AI</b></div>

---

# AI has gone to art school and its grades are improving

.grid-2-across[
.box[
<details><summary>.quote-small[Input Image —<a target="_blank" href="http://webdav.tuebingen.mpg.de/pixel/enhancenet/">Max-Planck Institute</a>]</summary>
<figure class="caption">
<img width="100%" src="http://webdav.tuebingen.mpg.de/pixel/enhancenet/files/eagle-nn.jpg">
<figcaption class="caption-text-top">via Max-Planck Institute</figcaption></figure>
</details>
]
.box[
<details><summary>.quote-small[Generated Image —<a target="_blank" href="http://webdav.tuebingen.mpg.de/pixel/enhancenet/">Max-Planck Institute</a>]</summary>
<figure class="caption">
<img width="100%" src="http://webdav.tuebingen.mpg.de/pixel/enhancenet/files/eagle-pat.jpg">
<figcaption class="caption-text-top">via Max-Planck Institute</figcaption></figure>
</details>
]

<div class="quote-regular" style="width: 90%;">
A digital computer and microfilm plotter were used to produce a semirandom picture similar in composition to Piet Mondrian's painting "Composition With Lines" (1917). Only 28% of the Ss were able to correctly identify the computer-generated picture, while 59% of the Ss preferred the computer-generated picture. Both percentages were statistically diferent (0.05 level) from selections based upon chance according to a binomial test.
<br /><br />
—<a target="_blank" href="http://tdecamillophillips1.workflow.arts.ac.uk/mondrian-experiment-a-michael-noll">A. Michael Noll</a> (1966)
</div>
]
]

.subhead-box.bg-em[94,681]
<br /><br />.quote-big[machine learning]

.subhead-box.bg-em[28,189]
<br /><br />.quote-big[deep learning]

.subhead-box.bg-em[10,544]
<br /><br />.quote-big[artificial intelligence]

]

<div class="source">March 9, 2018 GitHub search / Psychology Record / Max-Planck Institute @ual</div>
<div class="footer">Computational Design: <b>AI</b></div>

---

# Hey AI-designer. Can you go and ____ for me?"

.grid-2-across[
.box[<details><summary>Remove watermark <a target="_blank" href="https://research.googleblog.com/2017/08/making-visible-watermarks-more-effective.html">*</a></summary>
<figure class="caption">
  <img width="100%" src="https://4.bp.blogspot.com/-XPKnwJ-x9Y0/WZTJtk9VMYI/AAAAAAAAB9U/p4xomyw24C8T9oFRG68Osbix18Wt59zFACLcBGAs/s640/f7.png">
<figcaption class="caption-text-top">via Google</figcaption></figure>
</details>
]
.box[<details><summary>Perfect contrast <a target="_blank" href="http://news.mit.edu/2017/automatic-image-retouching-phone-0802">*</a></summary>
<figure class="caption">
  <img width="100%" src="https://media.wired.com/photos/5984b64c2181bc3f8bcacd7a/master/w_1598,c_limit/MIT-Instant-Retouch-TA.jpg">
<figcaption class="caption-text-top">via MIT</figcaption></figure>
</details>
]
.box[<details><summary>Resynthesize style <a target="_blank" href="https://github.com/nvidia/fastphotostyle">*</a></summary>
<figure class="caption">
  <img width="100%" src="https://github.com/NVIDIA/FastPhotoStyle/raw/master/teaser.png">
<figcaption class="caption-text-top">via NVIDIA</figcaption></figure>
</details>
]
.box[<details><summary>Generate variations <a target="_blank" href="https://junyanz.github.io/BicycleGAN/">*</a></summary>
<figure class="caption">
  <img width="100%" src="https://junyanz.github.io/BicycleGAN/index_files/results_matrix.jpg">
<figcaption class="caption-text-top">via UC Berkeley / Adobe</figcaption></figure>
</details>
]
.box[<details><summary>Change expression <a target="_blank" href="https://research.fb.com/bringing-still-photos-to-life-and-3d-photography-to-your-phone/">*</a></summary>
  <figure class="caption">
<img width="100%" src="https://research.fb.com/wp-content/uploads/2017/11/siggrapha11.png?w=1024">
<figcaption class="caption-text-top">via Facebook</figcaption></figure>
  </details>
]
.box[<details><summary>Fix drawing <a target="_blank" href="https://www.blog.google/topics/machine-learning/fast-drawing-everyone/">*</a></summary>
<figure class="caption">
  <img width="100%" src="https://storage.googleapis.com/gweb-uniblog-publish-prod/original_images/AutoDraw_1.gif">
<figcaption class="caption-text-top">via Google</figcaption></figure>
</details>
]
]

.subhead.bg-em[via Facebook: 10 Tips to Spot False News]
.quote-big[
**Consider the photos.** False news stories often contain manipulated images or videos. Sometimes the photo may be authentic, but taken out of context. You can search for the photo or image to verify where it came from.

—<a target="_blank" href="https://www.facebook.com/help/188118808357379">Facebook Help Center</a>]

<div class="source">@facebook @google @nvidia @MIT </div>
<div class="footer">Computational Design: <b>AI</b></div>
---

class:

# AI can make more than just images

.subhead-slim.bg-em[Designing by AI]
.quote-small[
* Design an advertising spot by AI <br />—<a target="_blank" href="http://adage.com/article/creativity/check-commercial-mccann-japan-ai-creative-director/304320/">AdAge</a>

* Fits you into a garment perfectly by AI. <br />—<a target="_blank" href="https://qz.com/1090267/artificial-intelligence-can-now-show-you-how-those-pants-will-fit/">Quartz</a>

* Design a game engine by watching another one being played by AI <br />—<a target="_blank" href="http://gvu.gatech.edu/index.php?q=ai-uses-less-two-minutes-videogame-footage-recreate-game-engine">Georgia Tech</a>

* Design websites by AI <br />—<a target="_blank" href="https://www.wired.com/story/when-websites-design-themselves/">WIRED</a>

* Design a Stitchfix blouse by AI
<br />—<a target="_blank" href="https://www.wsj.com/articles/next-top-fashion-designer-a-computer-1489323600">WSJ</a>

* Design complex machinery parts by AI <br />—<a target="_blank" href="https://www.technologyreview.com/the-download/610193/this-ai-software-dreams-up-new-designs-for-3-d-printed-parts-before-your-eyes/">Technology Review</a>
]
]

.box.layout-3-right-2[
.quote-medium[
<figure class="caption">
<img width="100%" src="http://www.kramweisshaar.com/media/.versions/projects/breeding_tables/KRAM_WEISSHAAR_BREEDINGTABLES_MANUFACTURING_ASSEMBLY.w2710.jpg">
<figcaption class="caption-text">Kram / Weisshaar</figcaption></figure>

Design a table by AI <a target="_blank" href="http://www.kramweisshaar.com/projects/breeding-tables">Kram / Weisshaar</a> (2003)
]
]
]

<div class="source">@weisshaar</div>
<div class="footer">Computational Design: <b>AI</b></div>
---

# Learn AI and don't be afraid — stay awake. Don't freeze.

.subhead-box.bg-em[80]

<a target="_blank" href="createwith.a">createwith.ai</a> examples curated by Nao Tokui.

Open source <a target="_blank" href="https://deeplearnjs.org">deeplearn.js</a> is a library lets you experiment with machine learning via the Web

<div class="quote-regular" style="clear: left;"><br />Martin Wattenberg, Daniel Smilkov, Fernanda Viegas <a target="_blank" href="https://teachablemachine.withgoogle.com">Teachable Machine</a></div>

<div class="source">@google @naotokui </div>
<div class="footer">Computational Design: <b>AI</b></div>
---

# It's only human that we will work to thwart AI with all our might

<figure class="caption">
<img width="100%" src="https://cdn.technologyreview.com/i/images/aifooling2.jpg">
<figcaption class="caption-text">via Technology Review</figcaption></figure>

—<a target="_blank" href="https://www.technologyreview.com/the-download/609263/how-do-you-turn-a-dog-into-a-car-change-a-single-pixel/">Technology Review</a>
]
]
.box[
.quote-medium[
On March 28th, 2017 congress passed a law that makes it legal for your Internet Service Providers (ISP) to track and sell your personal activity online. This means that things you search for, buy, read, and say can be collected by corporations and used against you.

Click <span style="background-color: #DDDEE0; padding: 4px; margin-right: 3px; border-radius: 10px;"><a target="_blank" href="http://makeinternetnoise.com/index.html">this button</a></span>, and your browser will start passively loading random sites in browser tabs. Leave it running to fill their databases with noise. Just quit your browser when you're done.

—<a target="_blank" href="http://makeinternetnoise.com/index.html">makeinternetnoise.com</a>
]

.quote-regular[<br /><br />How to hide from machines? How to become invisible in an increasingly visual age.

—<a target="_blank" href="https://www.made.com/talentlab/entry/antfc-version-alpha/">ANTFC version alpha*</a>
]
]
]

<div class="source">@techreview @wired @madedotcom</div>
<div class="footer">Computational Design: <b>AI</b></div>

---

# Because what we make in now has unintended consequences

.grid-4-across[
.box[ .cell-title-xl[July 2015].quote-small[**Google** Mistakenly Tags Black 
people as “Gorillas” Showing Limits of Algorithms <a 
href=“https://blogs.wsj.com/digits/2015/07/01/google-mistakenly-tags-black-people-as-gorillas-showing-limits-of-algorithms/”>WSJ</a> ]
]
.box[ .cell-title-xl[June 2016].quote-small[More **Airbnb** Customers are 
Complaining About Racism <a 
href="https://www.economist.com/blogs/gulliver/2016/06/unwelcome-homes">The 
Economist</a> ]
]
.box[.cell-title-xl[August 2016].quote-small[Clearly **Snapchat** Doesn’t Get 
What’s Wrong With Yellowface <a 
href="https://www.wired.com/2016/08/snapchat-anime-filter-yellowface/">Wired</a> 
<br /><br />How **Nextdoor** reduced racist 
posts by 75% <a 
href="https://splinternews.com/how-nextdoor-reduced-racist-posts-by-75-1793861389/">Fusion</a> ]
]
.box[.cell-title-xl[September 2016].quote-small[**Airbnb** CEO: Bias and 
Discrimination Have No Place Here <a 
href="http://time.com/4484113/airbnb-ceo-brian-chesky-anti-discrimination-racism/">Time</a>] 
]
]
<div class="subhead-slim bg-em">And a new and needed discourse is emerging</div>
.grid-4-across[
.box[.cell-title-xl[April 2017]

<img style="width:60%; height:150px;object-fit: cover;" src="https://uploads-ssl.webflow.com/58ad136f39a496034da02679/59505fd4e77d092b5c336da9_lrg.jpg">]
]
.box[ .cell-title-xl[October 2017]

<img style="width:60%; height:150px;object-fit: cover;" src="https://images-na.ssl-images-amazon.com/images/I/81Kfo6AQtzL.jpg">]
]
.box[ .cell-title-xl[January 2018]

<img style="width:60%; height:150px;object-fit: cover;" src="https://images-na.ssl-images-amazon.com/images/I/518W3CnvqgL._SX324_BO1,204,203,200_.jpg">]
]
.box[.quote-small[.fg-em-x[**Kat Holmes** new book is forthcoming on inclusive design]]
]
]
<div class="source">From last year's Design in Tech Report</div>
<div class="footer">Computational Design: <b>AI</b></div>

---

# Design has long been asking questions about social responsibility

.quote-huge.fg-dkgray[Design for All is design for human diversity, social inclusion and equality.

—[EIDD Stockholm Declaration](http://dfaeurope.eu/what-is-dfa/dfa-documents/the-eidd-stockholm-declaration-2004/) (2004)
]

<div class="source">@alicerawsthorn Victor Papanek <a target="_blank" href="http://www.nytimes.com/2011/05/16/arts/16iht-design16.html">Design for the Real World (1971)</a></div>
<div class="footer">Computational Design: <b>AI</b></div>

---

title: toc-5
class: bg-ltgray

.grid-2-across[
.box[
##Inequality
]
.box[
.subhead-slim.bg-em[We can expect AI to only widen the digital divide]
* It's easy in the technology world to look away from inequality becaus the privileges that come with tech life are pleasurable and self-fulfilling.
* But designers in tech can easily forget that they're in a tiny minority of the population that doesn't really match their much broader consumer market.
* So getting out of the tech bubble can be a simple yet powerful way to better connect with "real" people who don't really need what is being created today. Ultimately, it becomes a way to design and make better products for all people.
* A majority of designers in tech find themselves not working solely on premise. This means that we are entering an era where work can be more evenly distributed outside of hubs like Silicon Valley.
* Our design imperative at Automattic is to imagine a world where WordPress is good design for all. And we're currently exploring how remote work can achieve a new level of inclusive design. 
]
]

<div class="footer">Inequality & Skills Gap</div>

---

# We're seeking a freedom that's being eroded on the Internet

.grid-3-across[
.box.layout-3-left-2[
.quote-large[We are in the "Internet Two" phase as Steven Johnson called it. Internet One was an open network, open protocols, open systems. Internet Two is closed platforms that increasingly dominate the market and own and control our content and us. We need to get to Internet Three where we take back control of ourselves. It is high time for that to happen.
<br /><br />
—<a target="_blank" href="http://avc.com/2018/01/owning-yourself/">Fred Wilson</a>]
]
.box.layout-3-right-1[
.subhead-slim.bg-em[FCC votes to remove net neutrality]
.quote-medium[The FCC's net neutrality vote has finally been published in the Federal Register, the government's official record of all administrative actions. The moment is key, because it kicks off the next phase of the fight over the future of the Internet.<br /><br />
—<a target="_blank" href="https://www.washingtonpost.com/news/the-switch/wp/2018/02/22/the-fccs-net-neutrality-rules-will-die-on-april-23-heres-what-happens-now/?utm_term=.ccec9d04532b">Washington Post</a>
]
]
]

<div class="source">@swissmiss</div>
<div class="footer">Inequality & Skills Gap</div>

---

# We're fully connected but algorithmically divided

.grid-2-across[
.box[
.quote-huge[Blue Feed, Red Feed: See Liberal Facebook and Conservative Facebook, Side by Side<br ><br > —<a target="_blank" href="http://graphics.wsj.com/blue-feed-red-feed/">WSJ</a>]

]
.box-no-indent[

<div style="height: 20px;"></div>
.subhead-slim.bg-em[Noted blog posts in 2017]

.quote-large[
F Facebook <br />—<a target="_blank" href="https://daringfireball.net/2017/06/fuck_facebook">John Gruber</a>
]
.quote-large[
Quitting Facebook <br />—<a target="_blank" href="http://heinrichhartmann.com/blog/2017/12/31/Quitting-Facebook.html">Heinrich Hartmann</a>
]
.quote-large[
Facebook you *(bleep)* <br />—<a target="_blank" href="http://bradfrost.com/blog/post/facebook-you-needy-sonofabitch/">Brad Frost</a>

.quote-large[*Note that similar posts are being made on most major social networks these days of "I'm giving up XYZ"*]
]
]
]

<div class="source">@heinrichhartman @daringfireball @brad_frost</div>
<div class="footer">Inequality & Skills Gap</div>

---

# #DesignInTech is a global phenomenon and beyond Silicon Valley

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Inequality & Skills Gap</div>

---

# The US map for #DesignInTech is unsurprising

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Inequality & Skills Gap</div>

---

# But if you look closely or broadly, inequality sits in the shadow

<div class="source">@NewsHour @albertocairo / Janitors at Two Top Companies, Then and Now <a target="_blank" href="https://www.nytimes.com/2017/09/03/upshot/to-understand-rising-inequality-consider-the-janitors-at-two-top-companies-then-and-now.html">NYT</a></div>
<div class="footer">Inequality & Skills Gap</div>

---

# Congrats! You're in the 5% of the most-skilled computer users.

.grid-3-across[
.box.layout-3-left-1[
.subhead-box[]
.fg-dkgray[Across 33 rich countries, only 5% of the population has high computer-related abilities, and only a third of people can complete medium-complexity tasks. What does this simple fact tell us? You are not the user, unless you’re designing for an elite audience. <br /><br />—Jakob Nielsen <a target="_blank" href="https://www.nngroup.com/articles/computer-skill-levels/">NNG</a>
]
]
.box.layout-3-right-2[
<figure class="caption">
<img style="width: 100%;" src="https://media.nngroup.com/media/editor/2016/10/20/computer-skill-levels-by-country.png">
<figcaption class="caption-text">Nielsen-Norman Group</figcaption></figure>
]
]

<div class="source">The Distribution of Users’ Computer Skills: Worse Than You Think  <a target="_blank" href="https://www.nngroup.com/articles/computer-skill-levels/">NNG</a></div>
<div class="footer">Inequality & Skills Gap</div>

---

# Is the digital divide related somehow to poverty and inequality?

.grid-3-across[
.box[.subhead-box.bg-em[<i class="fas fa-quote-left"></i>]
.fg-dkgray[While urban poverty is a unique challenge, rates of poverty have historically been higher in rural than urban areas. In fact, levels of rural poverty were often double those in urban areas throughout the 1950s and 1960s.

1. Poverty is higher in rural areas
2. Most new jobs aren’t in rural areas

It’s easy to see why many rural Americans believe the recession never ended: For them, it hasn’t.<br /><br />
—<a target="_blank" href="https://www.pbs.org/newshour/nation/six-charts-illustrate-divide-rural-urban-america">PBS</a>
]]
.box[
<iframe style="margin-top:80px;" src="https://datawrapper.dwcdn.net/If6Qe/4/" width="100%" height="400" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
]
.box[

---

# Do you need to care at all? No. But you need to feel the imbalance

.fg-dkgray.tx-large[I was a child refugee. I know how it feels to live in a camp, robbed of my humanity.

—<a target="_blank" href="https://www.theguardian.com/film/2017/dec/07/human-flow-review-ai-weiwei-migration-documentary">Ai Weiwei</a>]
]
.box.layout-3-right-2[
<iframe width="100%" height="380" style="margin-bottom:10px;" src="https://www.youtube-nocookie.com/embed/DVZGyTdk_BY?rel=0&showinfo=0&start=5" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
.fg-dkgray[The exiled Chinese conceptual artist Ai Weiwei has here created an ambitious, humane and often shocking cine-essay on the subject of migrants and the 21st century migrant condition.]<br /><br />
—<a target="_blank" href="https://www.theguardian.com/film/2017/dec/07/human-flow-review-ai-weiwei-migration-documentary">The Guardian</a>
]
]

<div class="source">@aiww</div>
<div class="footer">Inequality & Skills Gap</div>

---

# Inequality impacts innovation, and we need all minds to beat AI

.grid-3-across[
.box.quote-large[
The more segregated a place becomes, the less innovative it is likely to be. <br /><br />
—<a target="_blank" href="https://www.citylab.com/equity/2017/08/the-complex-relationship-between-innovation-and-economic-segregation-in-cities/537270/">Richard Florida</a>
]
.box.quote-large[
A.I. is presenting us with an opportunity to rethink economic inequality on a global scale.<br /><br /> —Kai-Fu Lee <a target="_blank" href="https://www.nytimes.com/2017/06/24/opinion/sunday/artificial-intelligence-economic-inequality.html">NYT</a>
]
.box.quote-large[
Systemic inequality can haunt machine intelligence.<br /><br />
—Kate Crawford <a target="_blank" href="https://www.nytimes.com/2016/06/26/opinion/sunday/artificial-intelligences-white-guy-problem.html">NYT</a>
]
]

<div class="source">@richard_florida David Byrne <a target="_blank" href="https://www.technologyreview.com/s/608580/eliminating-the-human/">TR</a> <a target="_blank" href="https://www.nesta.org.uk/sites/default/files/the_future_of_skills_employment_in_2030_0.pdf">NESTA</a></div>
<div class="footer">Inequality & Skills Gap</div>

---

# A solution to inequality? Possibly, distributed or "remote" work.

.grid-3-across[
.box.layout-3-left-1[
.subhead-box.bg-em[638]
.fg-dkgray.tx-large[There are currently companies with remote work opportunities
]
.tx-sans[From the Remotive.io <a target="_blank" href="https://docs.google.com/spreadsheets/u/1/d/1TLJSlNxCbwRNxy14Toe1PYwbCTY7h0CNHeer9J0VRzE/htmlview?sle=true">list of companies</a> hiring remote workers.]
]
.box.layout-3-right-2[<div class="tx-sans fg-em-x" style="font-size: 9px; line-height: 11px;">Bench, 100Starlings, 2600Hz, 33 Sticks, 3DprinterOS, 3nder, 3SMobile, 4 Ventos, 42Floors, 45royale, Acceleration Partners, Accella, Accounto Technology, Action Verb, Actionable.co, ActiveProspect, Actyx, AddStructure, AdEspresso, AgentFire, AgileBits, Aha!, AirTreks, Alaris Prime, AlchemyTec, Alegion, AltSchool, AmaZix, Ameego, Antavo, AppendTo, Araize, Arkency, Art & Logic, Articulate, Artisanal Code, Inc., AsmallOrange, Assemble, Assembled Brands, Attentiv, Aurity, Auth0, Automattic, Avaaz, Axelerant, Azumio, BacklotCars, Balsamiq, Band Industries, Baremetrics, Barrel, Basecamp, Basho, Basho Technologies, Batchbook, BeBanjo, BetterDoctor, Beutler Ink, Big Universe, Big Wheel Brigade, BioTrust Nutrition, Bithive, Bitnami, Bitovi, Black Pixel, BloodHub, Blossom, Bluespark Labs, Bonfire, BookingSync, BrainCheck, BrandBastion, Brave-software, BriteCore, Buffer, Bugcrowd, Bugfender, BuySellAds, Cadasta, CafeMedia, Camplight, Canonical, Carbon Black, Cargobase, CarriersEdge, Cartstack, Casumo, Catalyze, Cesanta, ChartMogul, Chaser, Chef, Chess.com, Ciao Bambino!, CircleCI, Citrusbyte, Civic Actions, Clerky, Clevertech, Close.io, Cloudpeeps, Cloudstitch, Clustree, Codeable, Codebusters, CodeControl, CodePicnic, Codeship, Cohesive Networks, Coinbase, Collab. Drug Discovery, CollabNet, Collabora, Collage.com, Compose, CompuCorp, Conferize, Continu, ConvertKit LLC, Conveyal, Copass, Copyblogger (source), CoreData, Corgibytes, Countly, Covenant Eyes, Cozy Cloud, Crew, Crive, CROmetrics, Crossover, Crowd Valley, Crowdstrke, Cubspot, Cucumber, Cuddli, Curoverse, Cyanna Education, DataCite e.V., Datadog, Dataquest, DataStax, DealDash, Dealer Inspire, Deekit, Deeson, Demio, DesignLab, Dgraph, Diacode, Digital Ocean, Dimanex, Dito, Divio, Divshot, DNSimple, Docker, doctorSIM, DoInbound, Doist, DojoMadness, Domino Data Lab, doopoll, Dotsub, Doximity, DramaFever, DRONAMICS, DroneDeploy, Duck Duck Go, Eaternity, Edify, Edison Nation, Eet.nu, Eezy, ElasticSearch, ElevenYellow, EngageTech, Enjin, Envato, Erply, Estately, Etsy, EveryoneSocial, Exposure Ninja, Eyeo, Fastly, Fatura Simples, Findify, Fire Engine RED, Five Q, Fleep, Fleetio, Flight Vector, Flockler, Flood IO, Flow, Focus Asia, Fog Creek Software, Folarium Technomedia, Follow Up Boss, Fonoma, Forest Admin, FormAssembly, Formstack, Fortumo, Forward Financing, Founder Centric, Foundersuite.com, Foundr Magazine, Four Kitchens, fournova, FoxAndSheep, Foxio, FRSH, Fuel Made, FullStack, Funding Gates, Funnely, Futurelytics, G2i, GatherContent, General Assembly, Genuitec, GetFileCloud, GetIncredibles, Ghost, Giant Swarm, GigaOM, GigSalad, Gigster, Gistia, Gitbook, GitHub, GitLab, GitPrime, Gitter, GlueNetworks, GMB Fitness, Go Fish Digita, GOFAR, GoHiring, Goodway Group, GrabCAD, Gradle, GrantStreet, Grape.io, GrapheneDB, Grasswire, Graylog, Greenback Tax Services, Gridium, Groove, GuardTime, Hanno, Harvest, hashi Corp, Hasura, Haystack, Hazelcast, HE:labs, Health Leads\xe2\x80\x99, Healthfinch, Heap, Heetch, Help Scout, Helpjuice, Inc., Heroku, Herox, Hexbridge, Highland Solutions, Hippo Education, HireGamePros, Hireology, HiringThing, Hitlist, Holstee, Honeybadger, Hotjar, Hubstaff, Hudl, Hugo, Hugging Face, Human, Human Made, Iambnb, ICUC, iDoneThis, Igalia, iMedicare, Import2, Incsub, Indie Localizers, Influx, InfluxData, Inpsyde GmbH, Inspired HR, Instructure, Intellum, Interactive Intelligence, Intercom, Intridea/Mobomo, INTUO, InVision, IOpipe, iwantmyname, Jackson River, Jim's Mowing, Jitbit, Jolly Good Code, Kalypso LP, Kanopi Studios, Kantree, KBMax, Keen IO, Kellerkinder, KeyCDN, Khan Academy, Kiprosh, KissMetrics, Knack, Knock Homes, KnownFour, Koding, Konveen, Kuali, Later, LaterPay, Launch Potato, layer, Lazy Eight, Leadfeeder, LearnZillion, Let's Encrypt, Librato, Librato, Lightbend, Linaro, Lincoln Loop, LitCharts, Litmus, LiveMentor, Living Social, Localistico, loco2, log, Logikcull, Logmein, Loom, LoveToKnow, Loyal, Lullabot, Lumiserv, Lynx Technology Partners, Machinio, mailparser.io, Make Works, Manage Social, Mapbox, MariaDB, MarkIT.eu, MarsBased, Mattermost, Mavens, Mcbeard Media, MCF Technology Solutions, Mediacurrent, Medko, Meet Edgar, Member Up, MetaLab, Metaluxo IT Security, Metamaterial Technologies, Meteor, Midokura, Mightycast, Mixcloud, Mixmax, Mobile Jazz, Mobility Labs, Inc., Mobomo, Modern Tribe, Modus-create, Mokriya, Moltin, Moment, Moo.do, Moondo, Moraware, MotorLot, Moz, Mozilla, Much Better Adventures, MyOnlineSchool, mySociety, MySQL, myTips, NationBuilder, nClouds, Nearform, Netguru, Netsparker, Network Ninja, New Context, Next Big Sound, NIFTIT, Niteoweb, NodePing, NodeSource, NodeSWAT, NoRedInk, Novoda, Nugg, Numbrs, nVisium, O'Reilly Media, Octopus Deploy, Oh My George, OK GROW!, Olark, Olo, OnTheGoSystems, Onyo, Open Knowledge, OpenCraft, openredis, Optimal, Optimile NV, Origin Eight, Outbank, Overl.ai, owl power, Owsy, PageFreezer Software, Pagely, Paktor, ParcelBright, Parse.ly, Particular Software, Pasilobus, Inc, Patients Know Best, Paylocity, Paylock, Peak Games, Peerfit, Peergust, PeopleDoc, PeopleG2, Percona, PersistIQ, PhishMe, Pindrop, Pipedrive, Pivotal Labs, Pixel2HTML, Planet OS, Platform.sh, Plex, Postlight, Precision Nutrition, Pressable, Pressed.net, PreviousNext, Prezly, Product Hunt, Productive Power, Proemion, Protocol Labs, Puppet Labs, Purple Voice, Quantum Mob, Quartzy, Rackspace, railroad19, Railsformers, RainforestQA, RaRe Technologies, Reaction Commerce, Real HQ, Receiptful, ReCharge, Recruiterbox, Recurly, Red Hat, Redox, Reinteractive, Relayto, RepeaterStore, Replay Gaming, resin.io, retail-zipline, RetailNext, RightScale, rmotr.com, Roadtrippers, Rocana, sailteam.io, Salesforce, Sapien, Savvy Apps, ScheduleOnce, ScienceLogic, Scrapinghub, Screenly, Security Roots, Semaphore CI, Sencha Inc, SenorCoders, Server Density, ServiceNow, ShakaCode, Sherpany AG, Shopify, Shortfundly, Simbiose Ventures, Simple, Simplecast, SiteGround, SketchTogether.com, Skillshare, Skore, Skycrapers, SmileDirectClub, SOASTA, Sococo, SoftwareMill, Songspace, Sourcefabric, SparkLabs, Spatial Key, Speedchecker, Spotify, Spreaker, Stack Exchange, Stack Overflow, Staff Squared, Starcoders, Statement, SteepRock, Stripe, Student Loan Hero, Sucuri, Inc, SugarCRM, Sulvo, Surevine, Superble, SurveyMonkey, Swappa, Sysdig Cloud, Taiga.io, TailorDev, Task Analytics, Taxjar, TeachBoost, Team App, Teamed.io, Teamily, TeamSnap, TechnologyAdvice, TED, Teleport, Tenable, TEONITE, Tesera, Tessitura Network, TestDome, Testlio, The Cheat Sheet, The Sensible Code C'y, The Wirecutter, Thinkbox.io, Third Iron, ThirdPath Institute, tidelift, Time Doctor, Timely, TNTP, Toggl, TopDevz, Toptal, Tortuga Backpacks, Tractionboard, Traity, Transloadit, TraveDoc, Treehouse, Trello, Triposo, Twilio, Twin Technologies, Tyk, Uberspace, Unbounce, UniversalMind, Upwork, UpWorthy, Urbansitter, Urgently, Userbin, UserTesting, Ustream, Vaamo, Valutac, Velaro, Inc., Venafi, Inc, Vervoe, Vidian, Vinted, Virtual Law Partners, Waldo Photos, Water Lily Pond, Watsi, Waybetter, Waygo, WeaveUp, Webikon, WebPunch, WebRTC Ventures, WebSharks, Inc., When I Work, Whitebox, Whitesmith, Whitespectre, Wikimedia, Wildbit, WizeHire, Wordfence, X-Team, Xapo, Yammer, Yoko Co, YouNeedABudget, YourSports, Zapier, Zemanta, ZenCash, Zest, ZeroTurnAround.</div>
]
]

<div class="source"><a target="_blank" href="https://remotive.io">Remotive.io</a> <a target="_blank" href="https://zapier.com/blog/companies-hiring-remote-workers/">Zapier</a></div>
<div class="footer">Inequality & Skills Gap</div>
---

# What's "remote work" and where is it heading today?

.grid-3-across[
.box.layout-3-left-2[
.subhead-box.bg-em[2012]
.fg-dkgray[Telecommuting, working from home, working remotely: they all essentially mean the same thing (working somewhere other than in an office). .fg-dkgray[And this form of work is growing.] <br /><br />—<a target="_blank" href="http://business.time.com/2012/03/13/the-rise-of-the-remote-worker-or-how-to-work-from-home-without-getting-fired/">TIME</a>
]
<div style="height:20px;"></div>
.subhead-box.bg-em[2018]
<div style="height:15px;"></div>
.fg-dkgray[A growing number of startups are operating without a physical office for some or all of their workforce. It makes hiring people around the world easier, keeping costs down. But it can make employees feel disconnected.]<br /><br />—<a target="_blank" href="https://go.theinformation.com/679dfd8ccfa47caa">The Information</a>
]
.box.layout-3-right-1[
.quote-large.fg-dkgray[Facebook is never going to work like this. Google is never going to work like this. But whatever replaces them will look more like a distributed company than a centralized one.<br /><br />
—<a target="_blank" href="https://go.theinformation.com/679dfd8ccfa47caa">Matt Mullenweg</a>]

<a target="_blank" href="https://automattic.design/2018/03/07/remote-work-and-remote-designers/">Remote work × design</a> tips are available via Automattic Design.
]
]

<div class="source">@photomatt <a target="_blank" href="https://qz.com/694410/automattic-has-figured-out-the-right-tools-for-remote-working/">Quartz</a> <a target="_blank" href="https://go.theinformation.com/679dfd8ccfa47caa">The Information</a> <a target="_blank" href="https://www.gsb.stanford.edu/insights/why-working-home-future-looking-technology">Stanford GSB</a> <a target="_blank" href="https://www.thecut.com/2017/08/working-from-home-isnt-ruining-your-social-skills.html">The Cut</a></div>

<div class="footer">Inequality & Skills Gap</div>
---

# Where do people work? On premise, remotely, or both?

.subhead-box.bg-em[16%]

.subhead-box.bg-em[41%]

.subhead-box.bg-em[42%]

<div class="source">#DesignInTech 2018 Open Survey | 1219 samples</div>
<div class="footer">Inequality & Skills Gap</div>

---

# Automattic Design is working with students in <a target="_blank" href="http://www.theholler.org/firecast-episode-7-paintsville-independent/">Paintsville, KY</a>

<img width="100%" src="https://creativeleadership.files.wordpress.com/2018/03/meganleanne.jpg">
.fg-dkgray[I traveled with the <a target="_blank" href="https://techjobstour.com/">TechJobsTour</a> team led by Leanne Pittsford and Megan Smith through Paintsville, Kentucky. In the US there are 500,000 open tech jobs projected to grow to 1 million by 2020. Who gets to have them? <a target="_blank" href="https://www.fastcodesign.com/90154530/tech-has-a-diversity-problem-so-this-designer-went-to-kentucky">Can we change</a> exclusionary patterns?]
]
.box[
.subhead-box.bg-em[<i class="fas fa-quote-left"></i>]

<figure class="caption">
<img style="width:100%; height:60%;" src="https://www.gannett-cdn.com/-mm-/894073717d73d0cb12a089188c5788267e8b3349/c=162-0-2837-2006&r=x404&c=534x401/local/-/media/Louisville/2015/04/17/B9316989179Z.1_20150417101849_000_GHQAGT1LF.1-0.jpg">
<figcaption class="caption-text">via Gannett</figcaption></figure>
.fg-dkgray[A crowd of several thousand swarmed Pres. Lyndon B. Johnson in April of 1964, when he made a trip to the Appalachian town of Paintsville, Ky. in Johnson County as part of the "war on poverty."]<br /><br/>
—<a target="_blank" href="https://www.courier-journal.com/story/news/history/river-city-retro/2015/04/17/history-lbj-visits-kentucky/25929287/">Courier Journal</a>
]
.box[
.subhead-box.bg-em[<i class="fas fa-quote-left"></i>]

.fg-dkgray[Around 119 million people were at risk of poverty or social exclusion in the EU in 2015, representing more than 23% of the EU population. The majority of Member States inhabitants of rural areas are more at risk of poverty or social exclusion than urban inhabitants. In 2014, 27.2% of the rural population were at risk of poverty and social exclusion compared with 24.3 % of the population living in urban areas.]

—<a target="_blank" href="https://epthinktank.eu/2016/12/16/rural-areas-and-poverty/">EU Parliament</a>
]
]

<div class="source">@suptdgibson</div>
<div class="footer">Inequality & Skills Gap</div>

---

title: toc-6
class: bg-ltgray

* Changing perception around the idea of "helping those who are less fortunate than ourselves" into "learning how ignorant we are as privileged people" is a useful daily exercise.
* Using that energy to design and make better products is a certain kind of passion and practice that we'll see more often in technology companies. Because inclusive design is becoming commonsense.
* Choose action over wondering about what you can do about the world you see and don't agree with. It's easy today due to all the technologies we have available to us.

]
]
<div class="footer">Inequality & Skills Gap</div>
---

# A simple definition of diversity and inclusion says it all

.quote-huge.fg-dkgray[Diversity is being invited to the party;<br /> inclusion is being asked to dance.

—<a target="_blank" href="https://www.americanbar.org/groups/gpsolo/publications/gpsolo_ereport/2012/june_2012/diversity_invited_party_inclusion_asked_dance.html">Vernā Myers</a>, Esq.
]

<div class="source"><a target="_blank" href="https://www.americanbar.org/groups/gpsolo/publications/gpsolo_ereport/2012/june_2012/diversity_invited_party_inclusion_asked_dance.html">American Bar Association, Vol. 1. No. 11 (2012)</a></div>
<div class="footer">Inclusive Design</div>
---

# Inclusive design takes center stage after many decades

.subhead.bg-em[Inclusive design issues in tech are recognized and empathy (plus action) is rising.]

.grid-6-across[
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">Pre-1950s</div>
.box-sm[Early [designs](https://www.fastcodesign.com/3054927/microsofts-inspiring-bet-on-a-radical-new-type-of-design-thinking) for people with disabilities, from typewriters to telephones to curb cuts, become mass-market solutions that benefit everyone with the rise of industrialization.
]
.box-sm[After World Wars I and II, the increase in wounded veterans drives new demand for accessibility accomodations, led by programs like University of Illinois at Urbana-Champaign's [early work](http://disability.illinois.edu/university-illinois-urbana-champaign-disability-firsts) on the American Standards Assocation A117.1 to create architectural accessibility standards in 1961. 
]
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">1950s-60s</div>
.box-sm[Ed Roberts, Berkeley, Independent Living Movement raises visibility of the rights of people with disabilities, leading to important societal change and making Telegraph Avenue one of the first fully wheelchair-accessible streets in the United States.
]
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">1970s-80s</div>
.box-sm[Barbara Allen, a Washington-based interior designer, publishes one of the first illustrated guides to accessibility criteria, an important early example of how to turn legal criteria into design standards.
]
.box-sm[Patricia Moore goes undercover as an elderly woman to conduct design research in hundreds of cities over the course of three years, laying the groundwork for inclusive design practices. 
]  
.box-sm["The Seven Principles of Universal Design" are published by <a target="_blank" href="https://projects.ncsu.edu/design/cud/about_us/usronmace.htm">Ron Mace</a> of North Carolina State University.
]
.box-sm[Section 508 of the Rehabilitation Act of 1973 is passed, governing accessibility of information technology (IT) in the Federal government. After the rise of the internet, these standards will become some of the most important criteria for regulating accessibility in digital technology. 
]
.box-sm[Jutta Treviranus founds the [Inclusive Design Research Centre](https://idrc.ocadu.ca/about-the-idrc), offering one of the first university degrees in inclusive design.
]
.box-sm[[Susan Kare](http://kare.com/) designs the iconographics for the Apple Macintosh and [Virginia Howlett](https://medium.com/microsoft-design/a-brief-history-of-design-8641bd186e00) brings design to Microsoft Windows. Both open the door to making nerd-centric computing experience into ones that can possibly appeal to non-computer people. 
]
<div class="box-sm" style="background-color: gray; border: none; color: white; font-size: 30px; padding: 10px;">1990s</div>
.box-sm[The Americans with Disabilities Act is passed. This civil rights legislation prohibits discrimination and guarantees that people with disabilities have the same opportunities as everyone else to participate in the mainstream of American life.
] 
.box-sm[DesignAge action research programme of the Royal College of Art begins and evolves into the [Helen Hamlyn Centre for Design](https://www.rca.ac.uk/research-innovation/helen-hamlyn-centre/about/) to undertake design research and projects with industry that will contribute to improving people's lives.
]
.box-sm[European Institute for Design and Disability (EIDD) is created with the mission statement, "Enhancing the quality of life through Design for All." and "Good design enables, bad design disables."
]
.box-sm[Web Accessibility Initiative [WAI](https://www.w3.org/WAI/events.html) [starts](https://illyism.com/journal/history-web-accessibility) after a World Wide Web Consortium (W3C) presentation at the White House. [Read](https://w3c.github.io/wai-website/business-case/) Accessibility is Good Business by the W3C.
]
.box-sm[The first version of Web Content Accessibility Guidelines [WCAG](https://www.w3.org/WAI/intro/wcag) are published by the World Wide Web Consortium, specifying key criteria for accessible web and digital technology design.
]
]

<div class="source"></div>
<div class="footer">Inclusive Design</div>
---

# .fg-white[A solution for inequality by design? Inclusive design re-awakens.]

<div style="color:white; text-align: center;"><a style="color: white;" href="https://www.microsoft.com/en-us/design/inclusive">Microsoft Inclusive Design</a> has fantastic resources for you to get started.</div>

<div class="source">https://twitter.com/MicrosoftDesign</div>
<div class="footer">Inclusive Design</div>
---

# Bias in AI and who's auto-complete?

.grid-2-across[
.box[
.quote-medium[
 Turkish uses the gender-neutral pronoun, "o." Yet, when the Turkish sentences "o bir doktor" (top) and "o bir hemşire" (bottom) are entered into Google Translate, they translate into English as "he is a doctor" and "she is a nurse."

—<a target="_blank" href="https://www.princeton.edu/news/2017/04/18/biased-bots-artificial-intelligence-systems-echo-human-prejudices">Princeton</a>

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">First place to start —> <a target="_blank" href="https://t.co/pgmSx99YU5">https://t.co/pgmSx99YU5</a> cc <a target="_blank" href="https://twitter.com/kmlake?ref_src=twsrc%5Etfw">@kmlake</a> <a target="_blank" href="https://twitter.com/sara_ann_marie?ref_src=twsrc%5Etfw">@sara_ann_marie</a></p>— daynagrayson (@daynagrayson) <a target="_blank" href="https://twitter.com/daynagrayson/status/921778200287629313?ref_src=twsrc%5Etfw">October 21, 2017</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

]
]
.box[
<figure class="caption">
<img style="width:100%; height: 500px; object-fit: cover;" src="https://www.princeton.edu/sites/default/files/styles/scale_1440/public/images/2017/04/doctor-search-1150.jpg?itok=mlmoqrYu">
<figcaption class="caption-text">via Princeton</figcaption></figure>
]
]

<div class="source">@princeton @daynagrayson @kmlake @google <a target="_blank" href="https://design.google/library/fair-not-default/">Fair Not Default</a></div>
<div class="footer">Inclusive Design</div>

---

# So recognize exclusion, and take action

.quote-large[
Recognize exclusion. —<a target="_blank" href="https://twitter.com/katholmes?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">Kat Holmes</a>
]

If you don't believe it, visit <a target="_blank" href="http://allmalepanels.tumblr.com">Congrats, you have an all male panel!</a>
]

.quote-regular[
Also check out the <a target="_blank" href="https://beta.techcrunch.com/2017/05/13/does-design-have-an-exclusion-problem/">4-hour podcast</a> Automattic Design leader **Ashleigh Axios** created with **Amy Choi** (Mashup Americans) **Ethan Zuckerman** (MIT Media Lab) on [Design and Exclusion](https://x.design.blog) with **Aarron Walter** (InVision), **Maria Giudice** (Autodesk), **Paco Viñoly** (NextDoor), **Aminatou Sow** (TechLadymafia), **Anne Diaz** (Airbnb), **Andrew Sinkov** (Etsy)
]
]
.box[
.subhead-slim.bg-em[And be curious about biased tech]
.quote-medium[
Sorry, Alexa Is Not A Feminist<br /><br />—<a target="_blank" href="https://www.theatlantic.com/technology/archive/2018/01/sorry-alexa-is-not-a-feminist/551291/">The Atlantic</a>
]
.quote-medium[
Amazon's Alexa Now Stands Up for Herself If You Use Sexist Language<br /><br />—<a target="_blank" href="https://www.glamour.com/story/amazon-alexa-stands-up-for-herself-if-you-use-sexist-language">Glamour</a>
]
.quote-medium[
Your company's Slack is probably sexist<br /><br />
—<a target="_blank" href="https://work.qz.com/1128150/your-companys-slack-is-probably-sexist/">Quartz</a>
]
.quote-medium[
How to Fight Sexism on Your Company's Slack<br /><br />
—<a target="_blank" href="https://lifehacker.com/how-to-fight-sexism-on-your-companys-slack-1821302639">Life Hacker</a>]
]
.box[
.subhead-slim.bg-em[Change your avatar to an URM]

And you'll want to change it to a cat thereafter once you experience the difference.

.quote-medium[
Enthoven began the experiment by swapping out her photo for an image of her cofounder, Eric Lu. She was surprised to see harassment drop to nearly zero.

—<a target="_blank" href="https://www.wired.com/story/this-startups-test-shows-how-harassment-targets-women-online/">Wired</a>

<img width="50%" src="https://media.wired.com/photos/5a8de3bfb2b92b689be91201/master/w_1164,c_limit/ChatBot-FINAL.jpg">
]
]
]

<div class="source">@katholmes @wired @theatlantic @glamour @quartz @lifehacker</div>
<div class="footer">Inclusive Design</div>

---

# Be sure to include others unlike yourself, and bring your friends

.grid-2-across[
.block[
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Very proud to have been invited by <a target="_blank" href="https://twitter.com/johnmaeda?ref_src=twsrc%5Etfw">@johnmaeda</a> to join a group of great designers for this project <a target="_blank" href="https://t.co/5J52PXCMJY">https://t.co/5J52PXCMJY</a></p>— Michael Bierut (@michaelbierut) <a target="_blank" href="https://twitter.com/michaelbierut/status/941705482884001792?ref_src=twsrc%5Etfw">December 15, 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
]
.block[
<figure class="caption">
<img width="100%" src="https://projecta3private.files.wordpress.com/2017/11/img_20170816_1340111.jpg">
<figcaption class="caption-text">via TechJobsTour in Paintsville, KY</figcaption></figure>

.quote-regular[David Gibson, the superintendent of the Paintsville school district, had this idea that the company I'm at, Automattic, which is all remote, that people could be in Paintsville and get a full-time job without leaving the area. A lightbulb went off, that David's kids could do that, and live where their families have lived for generations, and still have an income and benefits. —<a target="_blank" href="https://www.fastcodesign.com/90154530/tech-has-a-diversity-problem-so-this-designer-went-to-kentucky">Fast Company</a>
]
]
]

<div class="footer">Inclusive Design</div>
<div class="source">@michaelbierut @fastcompany</div>

---

# Design inclusively to expands your total addressable market

.subhead.bg-em[As Hollywood starts to reflect society’s diversity, it’s also making the highest grossing movies of all time.]

<div class="grid-5-across" style="margin-top: 20px;">
    <div class="box bg-em-z tx-sans tx-large fg-white" style="padding: 30px;text-align: center;">Black Panther</div>
    <div class="box bg-em-z tx-sans tx-large fg-white" style="padding: 30px;text-align: center;">Wonder Woman</div>
    <div class="box bg-em-z tx-sans tx-large fg-white" style="padding: 30px;text-align: center;">Star</br />Wars</div>
    <div class="box bg-em-z tx-sans tx-large fg-white" style="padding: 30px;text-align: center;">The Foreigner</div>
    <div class="box bg-em-z tx-sans tx-large fg-white" style="padding: 30px;text-align: center;">The Big Sick</div>
</div>

.quote-big[There's so many movies from different points of view that are making a ton of money. Don't do it because it's better for society and representation, even though it is. Do it because you'll get rich. You'll get that promotion, right?

<a target="_blank" href="http://www.upworthy.com/kumail-nanjiani-hilariously-reassures-anyone-fearing-change-in-hollywood">Kumail Nanjiani</a> at the Oscars
]

.quote-medium[
'Black Panther' Should Become Marvel's Latest Billion-Dollar Movie This Weekend —<a target="_blank" href="http://fortune.com/2018/03/09/black-panther-box-office-weekend-billion-china/">Fortune</a>]

<div class="source">@upworthy #wakanda @fortunemagazine and consider the Star Trek economy too</div>
<div class="footer">Inclusive Design</div>

---

background-image: URL(https://www.newstatesman.com/sites/default/files/styles/nodeimage/public/blogs_2018/02/black-panther-quad-poster.jpg)

## <span style="text-shadow: 2px 2px black; color: white;">Recent movie review SMS from my 82-year old mom</span>

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Text message from my 82-year old mother. <a target="_blank" href="https://t.co/AFbgUZDapz">pic.twitter.com/AFbgUZDapz</a></p>— John Maeda (@johnmaeda) <a target="_blank" href="https://twitter.com/johnmaeda/status/966462025781170176?ref_src=twsrc%5Etfw">February 21, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<div class="source">Marvel</div>
---

# 2018 #DesignInTech Open Survey Credits

<div class="tx-sans" style="font-size: 9px; line-height: 11px;">Pedro Sanoja, Alejo Romano, Victor Fernandez, Yawen Jang, Cam Rogers, Chi Ryan, mel, CATHERINE HILLS, Paul Strike, Chris McLay, Hayden Dobson, Benson Low, Hass, CAJ, Joyce Seitzinger, Ben Hamley, RS, Glen Barry, Tom Key, SJD, M.Y., ZT, Drew P A Smith, Jessica Tong, Sam Hancock, VT, Christian Baker, Laura van Doore, Jake Deakin, notrevol, valentijn destoop, Mark Graham Dunn, Glauco Cardoso, Pedro Belleza, Romeu Biscaia Machado, Bubu, Paula Fehper, Cristian Mazzeo, Thiago Barcelos, Lucas Terra Cardial, Bruno Fischer, Duda Rodrigues, Andreia Bersot, LionelC, Tiago P. Taveira, Fabrício Astua, LMSM, FNazario, Melissa Ribeiro, Rafael Brandão, Dani Tavares, bani torrico, G0ntz, Rafael Fernandes, Georgi Kamov, Kevin Morris, Johnny Chauvet, Allyna Sagun, Ryan Neufeld, Adam Leon, Lenny Laurier, Aloke Pillai, Suds, Nuff, Matt Nish-Lapidus, Tyler Benning, Heidi McCulloch, Yabo, Kimberley Peter, Filippo Di Trapani, Myriam Picovschi, Julia Guimaraes, mCorby, Francis Gagnon, Marc-Oliver Gern, Jonas Altman, pak, Jacqueline P. Ashby, Kirill Vechtomov, ic, Justin Lim, Lynne Polischuik, Travis Gertz, Craig Cullimore, cs, Emily, Jenna B, Akshay Chauhan, Sim.S, Noman Sid, José Concha, Ariel Contreras @acontrerasv, Alejandro Urrutia, timworks.net, Misterymotion, Nicolas Ochoa, Koncarovski, Ivana Preiss, Antonin Pospisil, Carsten Nguyen Henriksen, JPT, Jesper Philip Sølvbjørke, Daniel Gjøde, Stupid Studio, Thomas Madsen-Mygdal, Bo Madsen, Niels, Morten Lundholm, Troels Nørlem, Pärtel Vurma, Velvet, Monika Zych, PPoi, Niko Laitinen, Vesa Ahtiainen, John T, armansansd, Alexandre Crenn, Charlie Coucou, Charles Bail, Pierre-Denis Autric, Thomas Nicot, Frederique PAIN, Nicolas Marescaux, Chaker Bejaoui, Lise Kemen, David Duhamel, kliger, Matthieu Bousendorfer, j03£, Rachel Ilan, MASC, Helmut Ramsauer, Evgeny, A. Ribotta, Dawn Ahukanna, Florian Lohse, Philipp Schaefer, MSM, Michael, hiep, Fernando Galdino, Jochen Denzinger, Jenica Lewis, Dragomir Ralchev, Marc from Heimatdesign, Guergana, Markus Nowak, Marianne Guillen, Carolina, Yasmina Haryono, Jannes, Kilometer, Lew Freyholtz, CJC, KN, Axel Baumann, Daniel Echeverri, Michael. N, Agoston Nagy, David Udvardy, Saneef Ansari, Amal Tiwari, Saikat dutta, Anoop Chandra, Nandha, Mohit Sharma, Prateek Parijat, Pallavi Naik, Aradhana, Baskar Ganesan, PointBlank, Prob G, Sandheep, Sweta, Murthy Gollapudi, Prafull, Aadesh Mistry, Vispat, Gavin remedios, Arwin Brahma, Tanuja P., Kumar Murthy, NS, Guillermo Acevedo, Soo Basu, Anand, Nipun K. Garodia, Somyeah, Abhishek Jayaprakash, Arganka, Red Lemonade Creative, Lara Hanlon, Hilary Kenna, Ivan Frantar, Eilis Boyle, Mark Swaine, mm, Eoin Smith, John Buckley, Almudena Blanch, Aidan Doré, Craig Phillips, Rui Eduardo, LH, Kostya Gorskiy, Chanan Greenblatt, Eric Hinz, Eyal Fendell, rainwiz, Antonio Civita, Alessandro Pollini BSD design, Luigi, Niccolò Magnani, Andrea Gaiardo, Luca Troisi, Carlo Cavedon, Lorenzo Ruggieri, Manuela Ciancilla, Giovanni Caruso, aldo fontana, Francesca Monti, Annalisa Angelini, Daniele Vitali, ka2, M. Tanaka, Kenji Mori, Itsumi Matsukawa, Yasuhiro Sasaki, Bert Brautigam, Nathan Paterson, Toshiki Wada, Hajime Kuge, Hans Kurihara, Koichiro Eto, Fady Rostom, AnissaL, samcy, Sylvain Vanderhaegen, Justin Farrugia, LA, Joram Patiño, H. McNamara, Polo Garcia, Wendy Johansson, Iliana Moreno Guzman, Oscar Zavala Hernandez, Jeroen Frumau, Zuzanna Skalska, 360Inspiration, Jos van Roosmalen, Patrick de Jong, Murat Akyol, Hielkje Zijlstra, Wilbert Baan, Bob van Luijt, Dylan Evans, Jenny Shen, Linda Mertens, David Linssen, Peter Boersma, AL, Anon, Brian Lucid, Georg, tristam sparks, Steph Creasy, Rildwan Olayemi Bello, Leif Knutsen, Tom gabriel johansen, Eric Haidara, CS, Eder Rengifo, Hope Joanne Dag-um, Eric Agoncillo Ambata, Maciej Mlynek, Ines Bravo, Sara Gago, Hugo Froes, JPR, Francisco Bordallo, Luis Madureira, Peter Anthony Martins, samuel rosario medina, Dan Baciu, Ovidiu Berdila, IR, Archie, Edison Chee, Amanda Arielle Lu, Lwjon, Anuradha Jain, Ben, Maik Lutze, Kimverlyn Lim, SL, LM, Jon Edwards, Francois Brill, Tefo Mohapi, Ali Ndlovu, J.M, J Y, Antonio Molin, Andres Lopez Josenge, @serrodsan, Claudio Lobos, M Lop, miscalzoncillos, Luis Eduardo Dejo, atriz, Pilar Saura, Marco Righetto, Manu Ageitos, Jesús Miguel Gimeno, @abrahamnavas, JCG, Carlos García Maganto, Dragon, AICS, Team PowerHorse, May O. Caballero, Martina Gobec, Andrea Picchi, Patrik Beskow, Allen Smith, Martin Willers, Vincent Garcia, Supermarjo, Zelia sakhi, Jared Fossey, Nirvana Soltani, Hannes Johansson, Diana Africano Clark, Serena Cangiano, Raphael Schaad, Dominic Wuffli, Sylvestre Lucia, Philipp Maul, Raimund Erdmann, Jules Skopp, Marie-France Bojanowski, Mihaly Keserü, Olivier Heitz, jj, Emre Girgin, Twikirize Switzin Tibz, Denys Kulyk, Alex Debkaliuk, Maksym Tkachuk, Ram Prakash Palaparty, TP, Riccie Audrey Janus, Robin Howie, Roland Whitehead, Jordan Harper, barry ainslie, Ryan Burke, JC, Marcela O, eebster, Brendan Kearns, John Williams Taylor, Adam Williams, Thai.H, Jon Rowlandson, Niklas Hagemann, Mr Nick James Turner, Jonathan Conway, Sergei Golubev, Christina Li, Sevil Rahimova, Stephen Wood xLab, Eli Symeon, Sophie Allcock, Alex Menczykowski, Sandor Gyuris, IP, Jiri Jerabek, Kartik Poria, Christopher Gameson, bup, J Meijer, Giovanni Luperti, MC, QS, Alessio Cuccu, Mariana Morris, Tammie Lister, I Chhat, Aden Davies, Michelle Gerrard-Doyle, Konrad Pitala, Gfag8!, Les Hughes, Liam Hutchinson, Gabrielle Micheletti, MP, Luis Salinas, Shimbug, G Knowles Topham, Jeff Salanco, Matthew Gallagher, Dan Abelow, AV, Jared Stephens, Mark Loomis, David Wen, Chad Ostroff, Nick Cochran, Duncan Robertson, James Dow, Jodi Cutler, Peter Eckert, chris hammond, Erin Hauber, Hayley Hughes, KEM, Nick Tilden, TS, Meriah Garrett, Kara Miekina, Anthony Armendariz, Randomood, Dennis Eusebio, Shaun Bhargav, J. Dustin, Vogthorstar, Remote queen, Lance Willett, Kara DeFrias, Brent Summers, Ali Sarwat Hussain, Kelsey Lancaster, Flo Kat, Sara V, Jonathan Kies, Darin Marshall, Igor, Jim C-L, Alessandra B., Chris Wallace, Joshua smith, Visual Communicator, Florian Schommertz, Scott McManigal, seb, Bri, @shelton, Veronica Kovachi, Justin Ruckman, Jon Bell, Rutiger Poopinstalk, Kevin Bethune, Mark Uraine, Carlo Paolo Espiritu, Nicole Thayer, sylvia, Q.O.T.U. Design, inc., ANON, MH, Michael Sueoka, Matthew E. May, Shawn Johnson, Neil LaVigne, Michelle Wong, Alexa Roman, Patrick Fredrickson, Arturo Perez, RC, goodwinux, claudia bardales, Bryan Cheung, Paul Hanaoka, Marissa, Masako Ikegami, b zepeda, Michelle Chin, irene hoffman, BadGenius, Reed Reibstein, CMAINA, Joe Schram, Leslie Luo, Michael J. Morgan, Che Douglas, Ben Bausili, Joe Payne, Floyd Sanchez, Paul-Felix Montez, Tania Lili, Brian RS Ward, Creative Juggernaut, Russell Ong, Mercury Murphy, Lauren Hancock, Alex Yra, Evan Verdoia, Aaron, Houshang, Jay F, Jonathan Shariat, Neeharika gupta, Prithika, Laura Martini, Dddd, Jeff Z., Diego Rodriguez, Vinita Israni, Leigh Anne Miller, R. Mangrobang, musho, Ozzy Urrutia, Christiana, Tara, Yuki Alzona, Daniel Castro, Alex Kim, Tom Illmensee, Michelle Koh, NB, Holly Marie Gibbs, JY, Darren Farrugia, George Chen, Maria Giudice, Ramya, Peter Cho, n/a, Gareth Kay, Dirk Cleveland, James Murnane, Jeff Zwerner, Florentin Hortopan, Julie Stanescu, Maria M Fabbroni, NBL, Melinda, Gretared, Tyler Miller, Teddy Zmrhal, Meekal Bajaj, James Song, Alessandro Sabatelli, mo, Christian Talmage, Ann-Caryn Cleveland, Christine Park, bebe buckner, Ryan Fariñas, Michele Mizejewski, Steffan Schlarb, Vikram, Luan Chen, Vandy Meares, Andrew S, Todd Zaki Warfel, Arianna Orland, Mary Lukanuski, Vineeth Nair, Israel Nevarez, Brian Beaver, Sharon Cardinal, Diana Tobey, Kyle Bennett, Jsp, Daniela Steinsapir, Kasia Wyser-Pratte, Michael Polivka, Akira Motomura, Eric Fain, Kurt Varner, Genevieve Conaty, Laura Mattis, Siyuan Tu, Glenn Rawlinson, Tommy K, Benjamin Schwartz, Bruno Marinho, PKP, Hamza El-Falah, Jake Mac, Dan Harrelson, Stu Griffiths, AmeliaW, Caio, Joanna Ellis, Len, Alex Dixon, C. A. Stavridis, S. Jones, Vel Prakhantree, Marcelo G., DP Venkatesh, Ashleigh Axios, Jaymes Cloninger, Kit Oliynyk, Katherine M. Zhou, XF, Natalie Buda Smith, Jen Strickland, WTB, Sharif Elshinnawi, MH, Kendell Warner, Kyle Johnston, John Resman, Josh Kubicki, Jason Hargis, Ruzanna Rozman, Adam Rotmil, Michael Ellis, Stacy Kvernmo, Daniel R Farrell, Graphex, Jason P Belaire, Scot Przybylski, GRID Impact, Pete Kinser, J.H., Swan5280, David O'Connell, Peter Lloyd, MWK, Brad Baer, Robert T. Whyte, Jason Prunty, mm, Ryan, Devon Burgoyne, James Williams, Pete Fleming, Troy Lachance, Kate Clayton, Tom McQuaid, jfm, David, Al Logiodice, Layne Jackson Hubbard, Rafael Guevara, Bri Piccari!, Nasty Gold Woman, Dipti Siddamsettiwar, Bryan Howell, Rich Hauck, Yoda, Jordan Jackson, Michelle Leonette, Jason Rincker, Catherine Shen, Sean Oakes, Danny Salvatori, Samantha Clark, Jose Coronado, Chino Wong, Dasami Moodley, Karyn Campbell, Michelle Knoernschild, Judy Wert, MT, Torry Colichio, Randy J. Hunt, Ilya Startsev, Syed Lagoon, B Reichler, Van Rais, Sean Ro, NXD, David Fisher, Mattias Wikman, SL, L. Batista, Juan Daniel Herrera, Gloria Kim, im good., JHMOTIVF, Ryan Haigh, Sandra Barron, Rochelle King, Jessica He, MP, Clay Wiedemann, Sumin Chou, Stephen Gates, Bumhan Yu, Daniel Gomez Seidel, Jayne Lee, Jerlyn, SHANI SANDY, flomerboy, Richard Ting, Andrew (Ande) La Monica, Sandy Chen, Vincent Bahk, Adam, Isa Gouverneur, Stephanie Liu, Cheryl L. Oppenheim, Michael Keany, pnts, Anna Fine, wwl, Kathryn Simon, Jason Brady, Sarah Doody, Laura Simpson, M. Dulin, Kevin Smith, Gunther Chanange, Melanie O'Donnell, TJK, Karl van Turk, CDG, GG, Randy J. Hunt, Albert P, Jay Fichialos, Haijing Liu, Dennis Wong, Cathi Bosco, S.A. Meier, Jeff Golenski, Keith Instone, Milan Kocic, Stephen Szermer, Andy Davies, John Fitch, Not Sure, John Horstman, @jeremydwill, Melody Roberts, Nathan Lagacy, Katherine Luby, Steve Finikiotis, Jase Miller, CWR, David A. Townsend, Mark Rattin, Bill Bernahl, MG, mkbrooks, Chris Coffin, Karen Nickerson, Jeff Steffgen, Daniel Orbach, MultiBiomech, Vanya Prokopovich, Chacko Poothicote, Daniel Marano, Isaac Girard, Jay Liu, jenniwon, CRH, Michelle Curtis, EthanLP, Tristan Harward, Leslie Bondaryk, Lisa deBettencourt, David Abbet, Meeta Mathur, Mel Choyce, Maria Matveeva, Miracle Tonic, Fahad Punjwani, Churu Yun, Luke Jones, Chris Blocher, Patrick Miller, Dale Prentiss, Mirekulous, Jared Fanning, Amy Huang, Kimberly C. Wolting, Sarah Brockett, Chris Chiles, Drew Lettner, Shane Ernest, Thomas Y., Michael Laviolette, Kevin Meyer, Andy Vitale, Alan Smithee, Bob Marchant, Roel Uleners, Ashish Rao, Dylan Wilbanks, Jared R Davis, James Holt, Paola Reyes, Tim Whalin, Wolo, FARRUKH RAZA, EAL, Nico Nuzzaci, Blank, Lucas Colusso, Julie Larson-Green, Jenny Lam, Jerrod Larson, J. Lucero, Manali Gortekar, Savage Ewok, Andi Rusu, Omar Elfanek, Toots MacAfee.</span>

<div class="footer"><span>Credits</span></div>

---

.right-column[
.tx-sans.fg-black[This presentation has been compiled for informational purposes only and should not be construed as a solicitation or an offer to buy or sell securities in any entity. <br /><br />
The presentation relies on data and insights from a wide range of sources, including public and private companies, market research firms, and industry professionals. We cite specific sources where data are public; the presentation is also informed by non-public information and insights. <br /><br />
This is the third publication of the Design In Tech report. We will post any updates revisions or clarifications at
https://designintechreport.wordpress.com <br /><br />
Please report any errors to @johnmaeda on Twitter. Thank you!
John Maeda has minor equity positions as an investor in certain companies referenced in the presentation maedastudio.com/startups.
]
]