dit 2017 1.0 chinese version · pdf fileidean unity&variety sequence dribbble deviantart

48
Text 科技中的 设计报告 2017 约翰 https://designintechreport.wordpress.com John Maeda

Upload: phungdieu

Post on 10-Mar-2018

230 views

Category:

Documents


5 download

TRANSCRIPT

  • Text

    2017

    https://designintechreport.wordpress.com

    John Maeda

    http://designintechreport.wordpress.com

  • Michael Abbott KPCB Matt Mullenweg AUTOMATTIC Mark Armstrong AUTOMATTIC

    800

    JACKIE XU

    2017 DiT

    JOHN MAEDAAVIV GILBOA JUSTIN SAYARATH FATIMAH KABBA

  • LUNA CHEN

    KPCB DESIGN FELLOW

    2017 DiT / Chinese

    HAIBO LEI

    TAIHUONIAO

    SHERRY WANG

    TAIHUONIAO

    LIJUN JIA

    TAIHUONIAO

    ZILING ZHANG

    TEZIGN.COM

    SAMANTHA SU

    IXDC FELLOW

    [email protected]

  • 4

    2015

    2016

    2017inclusive

    cultures @work

    200+

    https://designintechreport.wordpress.com@aliceQdesign

    Design in Tech Reports

    https://designintechreport.wordpress.com

  • 5

    design thinking

    IBM

    inclusive designtotal addressable market

    mental models

    https://designintechreport.wordpress.com

    Design in Tech Report

    2017

    https://designintechreport.wordpress.com

  • 1 Computational Design 32

    5

    Sections Overview

    +

    DESIGN DE$IGN

    Design Needs Designers

    Design Is By Nature, Inclusive

    4 Shaping Voice

  • 7@johnmaeda

    3

    : Computational Design

  • 8@johnmaeda @sunilmaholtra

    20152016

    IDEOFrog

    VS

    : Computational Design

  • 9@johnmaeda

    +

    (IoT)

    VS

    : Computational Design

  • 10@REAS @codepen @RCA @medialab @apple @ITP_NYU

    MURIEL COOPER

    GILLIAN CRAMPTON-SMITH

    JOY MOUNTFORD

    IntervalAkamai

    2016

    Processing [2001]

    Codepen [2014]

    Design By Numbers [1999]

    BEN FRY, CASEY REAS DANIEL SHIFFMAN

    ALEX VAZQUEZ, TIM SABAT CHRIS COYIER

    JOHN MAEDA

    DrawBot (DesignRobots) [2003]

    JUST VAN ROSSUM, ERIK VAN BLOKLAND FREDERIK BERLAEN

    1999

    RED BURNS

    Tisch

    ITP

    : Computational Design

    https://en.wikipedia.org/wiki/Muriel_Cooperhttp://www.interaction-venice.com/gillian-crampton-smith.htmlhttps://en.wikipedia.org/wiki/Joy_Mountfordhttps://en.wikipedia.org/wiki/Red_Burnshttps://vimeo.com/user895875

  • 11@NEA @daynagrayson @automattic @photomatt

    2/5

    2/5

    2016 24

    20161/3

    Automattict

    Javascript

    1/3

    2015WordPress

    WPPHP

    JavaScript

    *

    : Computational Design

    http://www.futureof.design/

  • @medialab @nnegroponte

    NICHOLAS NEGROPONTE

  • @khoslaventures @ireneau

    IRENE AU

    Khosla Ventures

    DE$IGN By the Numbers

    https://www.oreilly.com/ideas/design-in-venture-capital

  • 14@justinsayarath @tberno

    2004 - 2012

    2004 Frog

    2007 Doblin 2009 Bigstock

    2010 TAT 2011 Sofa

    2011 Typekit

    2011 Method 2011 Helicopter

    2012 Maaike 2012 Bolt Peters

    2012 80/20

    2012 Cuban Council 2012 Behance

    2013 Hot Studio 2013 Fjord

    2013 Jet Cooper 2013 Banyan Ranch

    2013 Hook & Loop

    2013 17FEET 2013 Hattery

    2014 Carbon Design 2014 Gecko Design

    2014 Adaptive Path

    2014 Reactive 2014 Flow Interactive

    2014 Optimal Experience

    KPMG

    BCG

    Flipboard Adobe

    2013 - 2014 2015

    Teehan+Lax

    Spring Studio

    Lunar Design Monsoon

    DesignIt Seren

    Mobiento

    Lapka Catalyst

    Akta Chaotic Moon

    PacificLink

    Farm Design Tactel

    Fotolia

    Facebook

    BBVA McKinsey

    Capital One Wipro Ernst & Young

    Deloitte

    Airbnb

    Cooper * Salesforce

    Accenture

    Accenture

    Flex

    Panasonic Avionics

    Adobe

    20047050%2015

    Flextronics

    Monitor Shutterstock Rim

    Facebook

    Adobe Globallogic One Kings Lane

    Google

    Facebook

    Square

    Google

    Adobe

    Facebook

    Accenture Shopify Deloitte Infor Google

    Google Oculus/Facebook Google Capital One Accenture

    Deloitte

    PWC

    2014 Cynergy Systems

    2014 S&C

    2014 Ultravisual 2014 Aviary

    https://designintechreport.wordpress.com

    : Design De$ign

    https://designintechreport.wordpress.com

  • 15@justinsayarath @tberno

    2017

    Capgemini Salesforce Salesforce Tiny Wix

    Idean Unity&Variety Sequence Dribbble DeviantArt

    [5]

    4

    Pivotal IBM IBM IBM Kyu Collective *

    Capgemini

    Deloitte

    Salesforce New York Times

    Accenture

    Slice of Lime

    Resource/Ammirati ecx.io

    Aperto

    IDEO Fahrenheit 212

    Heat Gravitytank

    Fake Love

    Karmarama

    McKinsey

    Nagarro

    Deloitte

    Shopify Shopify

    McKinsey

    InVision

    InVision InVision

    InVision InVision

    Carbon12

    Mokriya Uselab

    Tiny Hearts Boltmade

    VeryDay

    Waybury Napkin

    Silver Flows Macaw

    Muzli

    2016 [1 ]

    2016 [2 ]

    IBMDistinguished

    Designers

    3https://designintechreport.wordpress.com

    https://designintechreport.wordpress.com

  • Storehouse

    CEOMark Kawano

    2016

    16@asanwal

    /

    /

    /

    /

    /

    20 CB Insights / Anand Sarwal

    42%

    29%

    23%

    19%

    18%

    17%

    17%

    14%

    13%

    13%

    13%

    10%

    9%

    9%

    8%

    8%

    8%

    8%

    7%

    14%

    : Design De$ign

  • 17@asanwal @johnmaeda

    $ Designification

    Garry Tan

    500 Startups Bloomberg Beta Collaborative Fund Cowboy Ventures Designer Fund Homebrew Kapor Capital KPCB Edge Rivet Ventures Slow Ventures Y Combinator

    Initialized Capital / 201610

    Alexis Ohanian Garry Tan

    Backstage Capital / 20163 Arlan Hamilton

    HamiltonLGBT

    **

    Accel Partners Bessemer Venture Partners Google Ventures Greylock Partners Khosla Ventures Kleiner Perkins Caufield & Byers New Enterprise Associates Sequoia Capital True Ventures

    **

    **

    : Design De$ign

  • 18@NEA @daynagrayson @invision

    12 []

    - -

    []

    1-51-5

    11-20

    50+

    + 1-2 + 3-5 + 5-10 + 10

    FacebookGoogle

    Amazon

    65%

    200020 + 10

    +65% Y/Y

    2016 24

    - -

    : Design De$ign

    http://www.futureof.design/

  • 19@kpcb @stanfordbiz @INSEAD @MITSloan @DardenMBA @HarvardHBS @BerkeleyHaas @yaleSOM @

    100%

    i -Lab

    Jessica Hel fand Michael Bierut 2016

    7

    VIA KPCB VENTURED

    : Design De$ign

    http://www.kpcb.com/blog/is-business-school-the-new-design-school

  • 20

    FRAMER 2014

    @Khoi @goabstract @jbrewer @figmadesign @zoink @johnmaeda

    DropboxGitHub

    (2015)

    1. Sketch

    2. Photoshop

    3. HTML/CSS

    (2015)

    1 Other

    2 Slack

    3 Trello

    (2015)

    1 HTML/CSS

    2 Invision

    3 Other

    2015 FIGMA

    2015XD 2015

    (2015)

    1 Dropbox

    2 Github

    3 Google Drive

    ABSTRACT 2016

    INVISION 2011

    SKETCH 2008

    KHOI VINH

    : Design De$ign

    http://tools.subtraction.com/http://tools.subtraction.com/

  • 21@johnmaeda @bigstock @behance @dribbble @deviantart

    55

    5

    2009Shutterstock 2012Adobe 2015Adobe

    2017Wix 2017Tiny2016Invision

    Bigstock Behance Fotolia

    DribbbleDeviant ArtMuzli

    : Design De$ign

  • 22@jshoee @johnmaeda @juleserhardt @sunilmaholtra

    80%

    80%

    1.

    2.

    3.

    2016

    20%20%

    JULES ERHARDT, 2016

    : Design De$ign

    https://blog.marvelapp.com/state-of-the-digital-nation-2016/https://blog.marvelapp.com/state-of-the-digital-nation-2016/

  • 23CEOCEO

    18

    2

    8

    2

    7

    4

    50

    1700

    3000

    : Design De$ign

  • 24

    CEO

    10

    AR

    60

    Dan Grover

    CEOCEO : Design De$ign

  • -KLAUS SCHWAB

    (capitalism)

    (talentism)

    Design Needs Designers

  • 26@AIGA @GoogleText

    2016

    AIGA

    74%74%71%

    10

    AIGA x 2016

    605

    300

    231

    83%82%82%

    : Design needs Designers

    http://designcensus.org/#!/

  • 27@FastCoDesign

    86%

    : Design needs Designers

  • 28@nicoleslaw @susanstuart @fatimahkabba @jennvano

    JENNIFER VAN

    NICOLE FENTON

    SUSAN STUART

    1. IXD MFA

    2. (MFA)

    3. (BFA)

    4. (BFA/MFA)

    : Design needs Designers

    http://interactiondesign.sva.edu/http://www.otis.edu/mfa-writinghttps://www.scad.edu/academics/programs/writinghttps://www.scad.edu/academics/programs/writing

  • 29

    @rochelleking Elizabeth Churchill, Caitlin Tan @kpcb @sunilmaholtra

    ROCHELLE KING

    : Design needs Designers

  • 30@jshoee

    46%

    CEO31%

    VP

    46%

    A B C

    + ++

    : Design needs Designers

  • @jshoee

    0.18

    0.35

    0.53

    0.70

  • 32@jshoee

    0 0.05 0.1 0.15 0.2

    = 4

    = 2.4

    = 3.8

    70%

    50%

    : Design needs Designers

  • @chancetherapper

    CHANCE THE RAPPER

    2016Coloring BookBlessings

    Shaping Voice

    http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop/http://chanceraps.com/shop