Disuptive Innovation

Gutenberg is on the cusp of completely disrupting WordPress. I’ll talk about how Phase 2 started, how it’s evolved, and where it’s going. We’ll examine the ways in which Gutenberg is going to change WordPress and how the ecosystem can prepare for what’s coming.

Transcript

1. Innovation
2. Mark Uraine // @mapk I’m a Design Director at Automattic contributing to the open source project, WordPress. My focus is Gutenberg Phase 2.
3. Strategic vision > tactical action items. Project progression && ethical communication.
5. Disruptive Innovation
6. Characteristics of disruptive businesses, at least in their initial stages, can include: […] simpler products and services that may not appear as attractive as existing solutions when compared against traditional performance metrics. Source: Clayton Christensen http://claytonchristensen.com/key-concepts/
7. An innovation that is disruptive allows a whole new population of consumers at the bottom of a market access to a product or service that was historically only accessible to consumers with a lot of money or a lot of skill. Source: Clayton Christensen http://claytonchristensen.com/key-concepts/
8. DISRUPTOR Personal computers Cellular phones Free online courses DISRUPTEE Mainframe and mini computers Fixed line telephony Four-year colleges > > >
9. DISRUPTOR Airbnb Uber & Lyft Amazon Netflix DISRUPTEE Hotels Taxis Brick & mortar retail Video rentals > > > >
10. Just as the startup disrupted its black car service years ago by offering lower-margin UberX rides, it now hopes to help forge the next shift in transportation. Uber says that cannibalization of its ride- hailing business is part of its master plan. Source: https://www.bloomberg.com/news/articles/2019-02-07/uber-lays- out-its-plan-for-long-term-self-disruption
12. Top 1M sites Top 100k sites Top 10k sites
13. The fear of making the wrong choices leads some companies to strategic paralysis. Source: https://www.strategy-business.com/pictures/Disruptors- and-the-Disrupted-A-Tale-of-Eight-Companies-in-Pictures
14. One of the hardest things to do in technology is disrupt yourself. Source: Matt Mullenweg https://ma.tt/2015/11/dance-to-calypso/
15. Time for some disruptive innovation.
17. 4 principles of self-disruption
18. 1. Target a need that can be met more effectively. 2. Identify your disruptive strengths. 3. Step back (or sideways) in order to grow. 4. Let your strategy emerge.
19. Other CMSs Page Builders Closed Platforms 1. Target a need that can be met more effectively. A need for a more versatile Content Management System. > > >
20. 1. Target a need that can be met more effectively. A need for a more versatile Content Management System. A need to unify the various interfaces. Editor Customizer wp-admin > > > Widgets & Plugins >
21. 2. Identify your disruptive strengths. JavaScript was fully adopted and libraries were being built. A great amount of learning came from the Calypso project.
22. 3. Step back (or sideways) in order to grow. Calypso was a fresh look at wp-admin using an API and modern libraries. Git & GitHub instead of SVN & Trac.
23. 4. Let your strategy emerge. Everything on a WordPress website becomes a block. All blocks are created equal. Drag-and-drop is secondary. Placeholders are key. Direct manipulation is intuitive. Code editing shouldn’t be necessary for customization. Source: https://developer.wordpress.org/block-editor/contributors/design/#vision > > > > > >
24. 4. Let your strategy emerge. Phase 1 : Create a new block-based editor. Phase 2 : Push Gutenberg beyond the editor. Full site editing. Phase 3 : Collaboration and multi-user editing. Phase 4 : Official multi-lingual site support. Source: WordCamp US 2018. State of the Word
25. Despite all the bad mojo
27. Why do we love WordPress? Extensibility is the #1 thing people like about WordPress. Source: WordPress.org site building study #5 https://make.wordpress.org/design/2019/02/08/sitebuilding-study-conclusions/
28. WP-CLI API Plugins Themes Shortcodes Custom Post Types Widgets Blocks
29. WP-CLI API Plugins Themes Shortcodes Custom Post Types Widgets Blocks
30. WP-CLI API Plugins Themes Shortcodes Custom Post Types Widgets Blocks Block Templates
31. WP-CLI API Plugins Themes Shortcodes Custom Post Types + Block Templates Widgets Blocks
32. WP-CLI API Plugins Themes Shortcodes Custom Post Types + Block Templates Widgets Blocks Global Styles
33. WP-CLI API Plugins Themes + Global Styles Shortcodes Custom Post Types + Block Templates Widgets Blocks
34. WP-CLI API Plugins Themes + Global Styles Shortcodes Custom Post Types + Block Templates Widgets Blocks Block Patterns
35. WP-CLI API Plugins Themes + Global Styles Shortcodes Custom Post Types + Block Templates Widgets Blocks Block Patterns
36. WP-CLI API Plugins Themes + Global Styles Custom Post Types + Block Templates Blocks Block Patterns
37. WordPress extensibility is refreshed. Modern JS Libraries (React) Git + GitHub WP-CLI API Plugins Themes + Global Styles Custom Post Types + Block Templates Blocks Block Patterns
38. With Gutenberg we have: Redefined editing & layout using blocks – attracting more site builders. 5% marketshare growth the year Gutenberg merged into Core. Source: Kinsta.com 5%
39. With Gutenberg we have: Introduced modern code – attracting new developers. WP 5.4 included 153 Gutenberg contributors. 153
40. With Gutenberg we have: Provided an easier and more adoptable version control and repo system – attracting more contributors. WP 5.4 included 519 contributors. 32% first-time contributors. 32%
41. With Gutenberg we have attracted: More site builders. New developers. More contributors. > > >
42. This is not a breakthrough innovation. It is disruptive innovation making WordPress more affordable and accessible.
43. Innovation
44. Thank you. Twitter: @mapk WordPress.org: mapk markuraine.com