Upgrade to Pro — share decks privately, control downloads, hide ads and more …

User Centered Design - John Maeda

October 20, 2017

User Centered Design - John Maeda


October 20, 2017

More Decks by WooConf

Other Decks in Design


  1. Building empathy for real stores (vs Devlandia) Story of Target

    — Hot Wheels episode Avalanche of bad feedback and how it can lead to badness Get majority of revenue removed from Amazon Earn 4K per day to 900 a day Firing staff — families Reducing distribution Dealing with inventory Cautionary tale of not owning the system you’re selling on. “Those freedoms are important.” (closed vs open source) “It’s free, how can it be good?” “Is it safe? Isn’t it for bloggers? @Beka_rice via Woo+JetBlue
  2. "If there's a simple, easy design principle that binds everything

    together, it's probably about starting with the people." —Bill Moggridge
  3. N E W YO R K : M U S

    E U M O F M O D E R N A RT / 2 0 0 6
  4. B U I L D I N G A J

    U S T I F I A B L E C A S E F O R C R E AT I V I T Y I N T H E WO R L D R I S D A U D I TO R I U M / S U M M E R 2 0 0 8
  5. Flat Structure with Empowerment Wants to Be Something Agile Culture

    is Forming Has Little Has Little to Lose Trying Something for the First Time Unproven Does What Needs to Get Done Flat Structure with Empowerment May Come and Go Heterarchy End-ups Start-ups Already Is Something Stable Culture is Already Formed Has Lots Has a Lot to Lose Tried Everything and Know What Works Proven Clear Roles and Responsibilities Hierarchical Structure with Rules Stands the Test of Time Hierarchy J O H N M A E D A A N D B E C K Y B E R M O N T Hierarchical Structure with Rules
  6. » How a service feels. » How an app feels.

    » How server mgmt feels. » How an API feels. » How a website feels. » How digital music feels. » How fileserving feels. » How security feels. W H E N T E C H N O L O G I E S P E R F O R M T H E S A M E , D E S I G N D I F F E R E N T I AT E S . W I T H A U N I Q U E T E C H N O L O G Y, I N T E G R AT E D D E S I G N M A X I M I Z E S .
  7. #DesignInTech Report John Maeda, Design Partner Kleiner Perkins Caufield &

  8. Source: @kpcb @johnmaeda @heif #DesignInTech Text 18 8AM 4PM once

    in the morning once in the evening User Experience matters so much, because we are Experiencing so much. A pain point can become a “pain plane” on mobile. That’s a lot of ouch. 150 unlocks = checking your phone every 5.6 minutes one interaction, one “ouch” just two ouch points The mobile paradigm should be thought of as “the always with you and in your face” paradigm. For that reason, a bad design will not just hurt once, but the hundreds of times you might use the bad design in a single day. That’s a lot of unnecessary “ouches.” http://www.kpcb.com/internet-trends
  9. Federal Highway Act of 1952 Source: @kpcb @johnmaeda @wikipedia #DesignInTech

    19 0 1 2 3 1925 1928 1931 1934 1937 1940 1943 1946 1949 1952 1955 1958 1961 1964 1967 1970 1973 1976 1979 N U M B E R O F C A R S O W N E D P E R AV E R A G E U S FA M I LY When Usage Increases Dramatically, Design’s Strategic Value is Leveraged The advent of the Interstate Highway system enabled driving as a lifestyle choice — versus just filling the need of utility. GM hired the first VP of Design in the 50s to elevate the importance of design in driving and addressing new consumer demands for automobile designs. http://en.wikipedia.org/wiki/1950s_American_automobile_culture http://en.wikibooks.org/wiki/Transportation_Deployment_Casebook/History_of_the_Automobile:_Ownership_per_Household_in_U.S. http://cta.ornl.gov/data/chapter8.shtml First VP of Design in Corporate America Harley Earl Via the USDOT Federal Highway Administration and U.S. Census Bureau THE FIRST INTERNET OF THINGS?
  10. Source: @kpcb @johnmaeda @thonet_gmbh @VDM_News #DesignInTech http://www.design-museum.de/en/collection/100-masterpieces/detailseiten/sessel-soehne.html Michael Thonet’s achieved

    a vertically-integrated, global furniture company with patented technology for bending wood with steam in the 1800s. Thonet had distributed manufacturing across Eastern Europe and sales offices from Hamburg to Rome to Moscow to New York by the 1870s. 20 Combining Design, Tech, and Business: Example 2 (18th c) 50,000,000 Thonet No. 14 chairs have been sold since 1859 36 Thonet No. 141 chairs could be disassembled to fit into a 1-meter cubic shipping container. The “Vienna coffee house chair”
  11. Overview And Look A Bit Harder. You’ll Find Some Truly

    Interesting People Along The Way 21 http://www.cs.cmu.edu/~amulet/papers/uihistory.tr.html http://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/ Nicholas Negroponte The Architecture Machine 1973 Brenda Laurel Computer as Theatre 1991 Donald Norman The Psychology of Everyday Things 1988 Richard Saul Wurman Technology Entertainment Design 1984 MORE SEMINAL BOOKS/FIGURES WRT #DESIGNINTECH Muriel Cooper MIT Media Lab Visible Language Workshop Red Burns NYU Tisch School Interactive Telecommunication Program Gillian Crampton-Smith Royal College of Art Computer-Related Design and Ivrea Institute A FEW KEY #DESIGNINTECH PIONEERS Joy Mountford Apple Human Interface Group, Interval, Yahoo!, Akamai Source: @kpcb #DesignInTech @carnegiemellon @bradamyers @medialab @ITP_NYU If I may add a few of my favorites …
  12. Overview An Inclusive Perspective Enables Reimagining The Startup Ecosystem 22

    Source: @kpcb #DesignInTech @cbinsights @bevel @tristanwalker @littleBits @ayahbdier@grindr @progyny @justinsayarath @johnmaeda http://techcrunch.com/2014/10/02/glow-gets-17-million-in-series-b-funding-from-formation-8-founders-fund-and-andreesen-horowitz/ http://fortune.com/2015/08/05/uber-of-fertility/ http://www.usatoday.com/story/tech/2015/09/28/tristan-walker-bevel-funding-target-stores-magic-johnson-andre-iguodala-walker-company-brands/72838894/ http:// www.bothsidesofthetable.com/2016/02/09/the-one-video-every-silicon-valley-investor-should-watch/#.VsO7K04CFfQ.facebook https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=mitu%20fundraise https://newsroom.uber.com/us-illinois/uberaccess-expanding-transportation-options/ Underserved markets aren’t necessarily small markets. Some of the best designers in the world are taking on these challenges. Trust *can* exist in a world where money is made and social transformation happens at the same time. It is possible. Toolkit for electronic construction that carries no gender biases, as designed by MIT-trained CEO Ayah Bdeir and her LittleBits team. Raised 59 million as of 2016 GENDERLESS STEM TOYS Care service and platform allowing for the elderly community to age gracefully and comfortably in their own homes led by CEO Seth Sternberg. Raised 20 million as of 2016 ELDERLY CARE Shaving system for people with coarse or curly hair, with recent addition of an electric trimmer with an elegant design, led by CEO Tristan Walker and Walker & Co Team. Raised 33 million as of 2016 SKINCARE NEEDS First company to provide access to high quality fertility doctors, fertility health digital platform and plans for elective egg freezing, IVF treatment and tests led by CEO Gina Bartasi. Raised 34 million as of 2016 EGG FREEZING The world’s largest gay social network allowing for a community that is often “invisible” to connect with each other. Top paid app in social networking category led by Joel Simkhai. Kunlun bought 60% stake for $93M in 2016 GAY SOCIAL NETWORK
  13. “Those freedoms are important.” (closed vs open source) “Ownership and

    FREEDOM.” “Freedom from vendor lock-in.” “Freedom from vendor choices.” Beka’s own story of freedom. @Beka_rice via Woo+JetBlue
  14. R I S D A U D I TO R

    I U M / S U M M E R 2 0 0 8 W H Y I S T H E T E C H I N D U S T RY S O H O M O G E N O U S ? I S T H AT G O O D ?
  15. I S T H E R E A WAY TO

    C O N S I D E R H OW P E O P L E A R E R E P R E S E N T E D ?
  16. TO G ROW A TA M , YO U N

  17. • WordPress is inherently an inclusive ecosystem. The more inclusive

    we make it, the stronger it will become. • The WooCommerce community holds a BIG key to WordPress’ future success. Bloggers need the Bizzers; Bizzers need the Bloggers. They both want freedom. • Money is a medium for expression, and shouldn't be feared by creatives (devs + designers). Financial freedom is true freedom, and the reason I got my MBA. Suggested Takeaways @ J O H N M A E D A