Beyond the Meme

In this first-of-its-kind, distributed State of the Word, co-founder Matt Mullenweg, shares his thoughts on how WordPress has weathered 2020, and what the future holds for WordPress. This presentation traditionally takes place at WordCamp US, but this year for the first time took place online only.

This is an audio-only podcast the transcript of which is also part of this episode’s show notes. You’ll also find a link to the original video recordings of both the State of the Word 2020 and the traditional Q&A part on WordPress.TV.

Matt Mullenweg: Howdy everyone, my name is Matt Mullenweg and this is the State of the Word. About 17 years ago I co-founded a project known as WordPress alongside a gentleman named Mike Little from the United Kingdom. WordPress is open source software for creating the Web. We like to say it’s both free and priceless at the same time. About once a year, this State of the Word address, which is, of course, an homage to the State of the Union that the United States president gives the Congress is something we usually do at our annual WordCamp United States event. This is a once a year event where we bring folks from all over the U.S. together to talk about and create their future versions of WordPress. Today, as many things are happening this year, we are doing it virtually. So thank you so much for tuning in. Whether you are a WordPress pro or just kind of curious about our community, we hope that you’ll find lots to learn and hopefully inspire you to future action and involvement. Twenty twenty was a very surprising year for us, as I’m sure it was for many. 2020 was a year of many firsts, we had COVID-19, my first global pandemic resulting lockdown and isolation that many of us have been dealing with and continue to. It’s really worn out, a lot of us, as the year has continued. It was a year of a lot of social tensions, finally the year where we had to learn how to work together while being apart.

Matt Mullenweg: WordPress has always been distributed. Being open source, we’ve always had people all over the world, but working together in a distributed fashion during a global pandemic is very, very different from how we would normally work together. And a lot of contributors and volunteers‘ ability to contribute was impacted negatively by the pandemic. Despite all of that, though, we shipped three really exciting and amazing releases. Now, before we get to the releases, I do want to set the stage and talk about Gutenberg, because you’re going to hear that word a lot. And if you don’t know what it means, you’ll be very confused. Gutenberg is the most ambitious project we’ve undertaken in the 17 year history of WordPress. Essentially, we’re attempting to redefine how people write on the Web, taking it from a document based model like printing pages kind of inherited from things like Microsoft Word and turning it into atomic blocks. Basically the idea that instead of a page, which you’re laying out is these rich blocks, which can have rich functionality, they can be embedded from other sites like a YouTube embed or something. They can have the layout and different types of arrangements. They can be nested inside each other. And using these blocks, you can create really anything you imagine. In 2015 from a stage actually, not at all like this one, because it was actually a stage, I asked people in the WordPress community to learn JavaScript deeply, because at the leading edge of the WordPress community, it was becoming quite clear that that was going to be the future of how WordPress was going to develop.

Matt Mullenweg: In 2017, we publicly launched the Gutenberg project, this ambitious thing I just described to you. And then at the end of 2018, with WordPress 5.0, the Gutenberg editor became the default editor inside of WordPress, which is why sometimes now we just call it the WordPress editor. Since Gutenberg started, until now, there’ve been over 15000 commits to the code base and it’s had over 95 public releases. That’s one on average every two weeks since it started. So we’ve been able to iterate and ship Gutenberg faster and even the 3 times a year that WordPress does. And those public releases also allow us to do lots of user testing so we’re able to actually put the working code in the hands of users and the tens of thousands of people who run the Gutenberg beta plugin and get their feedback, which has been really fantastic. Now, Gutenberg as a roadmap of being 4 different phases. And let me remind you what those phases are. The first phase, which we are still in, is creating the fundamental building blocks of what you can do with Gutenberg. So that’s all the block launches you’ve seen. It’s also bringing all those blocks to our mobile editor, which is very exciting, because a lot of people don’t appreciate that Gutenberg also has been quite fluent to use on the Web, also has native implementations for both Android and iOS that we use in our open source WordPress apps. So phase one is all about editing things inside the post of the page.

Matt Mullenweg: Phase 2, which we’re in right now, is editing everything outside of the post and page. So this is the idea, sometimes we call it FSE or Full Site Editing that you can use blocks that comprise the entirety of your site, which really allows us to reimagine what themes and everything else are going to be able to do.

Matt Mullenweg: Phase 3, which we haven’t started yet, is all about collaboration, workflow and real time co-editing. So the best way to think about this is that awesome feature in Google Docs when you can see who’s editing what and a lot of modern Web apps have that, we’re going to build that into just core WordPress and it’ll work in a peer to peer way, probably using like Web RTC and allow when you edit something to see the other people are editing and phase 4, which is just in the imagination stage right now, but likely to be taken underway pretty vigorously into the 2022 two is multilingual. So this is a native way to do inside of WordPress, which today you need a plugin to do, which is create a multilingual website.

Matt Mullenweg: So that’s quick summary of Gutenberg. And now let’s dive into the WordPress releases. The first of these releases is WordPress 5.4 named in honor of Nat Adderley, the amazing jazz trumpeter. 5.4 had over 550 contributors, a beautiful new welcome guide to make it easier for new users to WordPress to get accustomed and learn their way around. Cool design tools, around colors, a way to do blocks for social icons natively and Gutenberg, which means they load really quickly and don’t have any cross-side tracking JavaScript. We made it easy for sites to create a privacy policy and then last but not least, one of my favorite features is we invested a lot in performance and code in this release. We got a 14% increase in speed. This sort of thing is always important. We endeavor to rewrite somewhere between like 5 to 15 percent of WordPress in every major release so that over the long term, much like this Ship of Theseus, we’re constantly replacing all the boards. And, you know, basically we get a new WordPress every couple of years, even though we’re doing several major releases per year. Next step was WordPress 5.5 named for the legendary vocalist Billy Eckstine. In the midst of a pandemic, we had our most contributors ever with over 800 folks who were part of that release, 5.5 introduced one of my favorite features of the year, which is block patterns.

Matt Mullenweg: You know, as we talked about with Gutenberg Blocks, when you start thinking and blocks, you can look at pretty much any website on the Web and see almost like when Neo sees the code behind the matrix, you can imagine how the buttons and images and everything can become a block. What block patterns do is essentially give you like a shortcut to creating those common best practices of like, you know, a testimonial with 3 faces and quotes or, you know, a hero image that then scrolls or whatever it is. People can create patterns to make it easy for you to do this. This is kind of like a shortcut for making sites faster and hopefully can supercharge how fast you can create WordPress sites. We did a lot of work on cleaning up the UI, including refining that iconography of WordPress quite a bit. And then another one of my favorite features, and this has been a crowd hit, as well is the distraction free editor, a mode which can hide most of the chrome of WordPress and Gutenberg and give you a very clean and focused writing environment, which as I find really fantastic for that generative part of writing when you just, you know, close everything, turn off all distractions and just try to get as many words on the page as possible before you go into the more critical editing phase of writing.

Matt Mullenweg: When you are adding things to your posts or pages using Gutenberg, you might look for a block that doesn’t exist yet on your site, meaning that no plugins or core supports it. Now, WordPress can transparently go out to WordPress.org, see if there is a block plugin which matches the block that you’re looking for. And then in the background, if you click insert, it’ll install the plugin, activate it and then on the fly sort of insert that block, which the code was just added support for into your post or page. This kind of seamless on demand installation of essentially a plugin I think is really, really exciting and a good modality that we want to follow with WordPress in the future, just making things as easy and seamless as possible.

Matt Mullenweg: And then finally, another one on the threat of making things easy and seamless is we added support for inline image editing, which means that without bouncing to another editor, without moving to another application or anything else, you can make some basic but really powerful edits. The images in your post just right there in line and Gutenberg. So 5.5 is really again in one of the most challenging times we faced in this year or in the history of humanity, we’re able to create some really, really great progress. And both Gutenberg and the core WordPress experience. All of these improvements that Sarah Gooding, journalist with wptavern.com to say «the 5.5 update is a testament to the stability of WordPress during uncertain times, as well as its unstoppable, distributed contributor base, who continue to get things done despite the pandemic’s unique challenges».

Matt Mullenweg: I was really proud of what the team did with 5.5, but there was more right around the door. We topped the year with WordPress 5.6 named in honor of the legendary Nina Simone. Over 600 contributors came together to put some really exciting behind the scenes features for WordPress, including allowing you to opt in the automatic updates for Core. This is the first step towards our goal of allowing your WordPress to simply maintain itself where you can set it and forget it, and it’ll get automatic in the background and hassle free updates to all your plugins, themes and core. We’re doing this for core first and it’s on by default for news sites, but opt in for older sites. But over time we hope that we can make this robust enough to just be on for everyone all the time. So you never have to worry about updating your WordPress ever again, which of course is the best way to stay safe and secure, in addition to, you know, the latest and greatest features. We added support to the Rest API for application passwords, which is a more secure way of getting other applications‘ access to your site without reusing or sharing your normal username and password.

Matt Mullenweg: We added support for PHP 8, which also came out just earlier this month. PHP 8, different than some more recent releases, changes a ton of things, so both us and the rest of the PHP community are going to need to do lots and lots of updates to get things to be compatible. But WordPress core has compatibility and for sites that are able to adopt PHP 8, they’ll get some pretty cool new features from the language and also some performance improvements on many, many sites. On the user facing side of things, we took the opportunity to update cover blocks, allowed you to convert several different blocks into columns, which is a fun feature change how the button block worked, really start to utilize the block patterns we added in 5.5, culminating in a very exciting new default theme, Twenty Twenty-One, which I’ll talk a little bit more about in a bit.

Matt Mullenweg: So Twenty Twenty had a lot of firsts, but there was some really good firsts too, and including a lot for the WordPress community. One is our first ever virtual State of the Word, which in a very meta sense you are experiencing right now. It was our first time to crack 39% of the top ten million websites powered by WordPress. We are first in this stat more than ten times the number two in the market. And we added just about four percent to that stat this year. So we’ve gone from 35 to 39, which is the most we’ve ever added since the stats started being tracked in 2011. So we grew faster this year than we’ve grown any previous year. And I think that’s an incredible testament to the really hard work about the WordPress core community on WordPress.org and all the amazing developers, agencies, plugins, themes, the entire WordPress ecosystem that really makes WordPress work.

Matt Mullenweg: We had a lot of firsts with online events and mentorship in a year when we all had to stay apart. You transformed in-person events into online gatherings and shared your knowledge and passion, to enable more connections to cool events like WPBlockTalk, WP Accessibility Day, hallway hangouts, code streams and tons and tons of online meet-ups and WordCamps. It’s been very, very exciting to me to see how the WordPress community had adapted to stay connected in this time by exploring these new ways to educate, innovate and inspire, or lowering the barriers to entry and removing the need to travel in order to participate in WordPress events. I’ve always loved the WordPress events and really wish I was in person with all of you right now. But also it’s weighed on my mind that these events are exclusionary to those who, for whatever reason, can’t make it out on a weekday or weekend to travel to where they happen to be. In a first certainly for WordPress and possibly for any major open source project WordPress, 5.6’s release squad was entirely women and non-binary folks. There were over 40 contributors who led the release and it ended up being, as you saw, an amazing one. That’s part of why we named it in honor of Nina Simone. If you’d like to see your face on that list of WordPress release leads someday or just want to learn more about some of the things we just talked about, including WordPress fundamentals, I would love to take this opportunity to introduce the new learn.wp.org site or learn.wordpress.org, which is a new effort by the community to create tutorials, workshops and host discussion groups entirely online. So, again, leaning into this new world that we’re at, that seems like we’re going to connect a lot more on the Internet that we did in person and trying to take the best of what we used to do with our workshops, events, everything like that, and bring it to you online any day of the week, any time of the day. So much cool stuff going on here, but what’s really happening, like as Paul (?) would say, those with a cool facade of Neil (?) or too cool for school are always proclaiming WordPress to be dead, for there to be something new replacing it. So how in 2020 they would grow faster than we ever have? From my vantage point, I have two or three megatrends I think contributed to this.

Matt Mullenweg: First is the lockdown. It gave people space and time to connect online, but they were looking for healthier spaces than just doing scrolling on social. We didn’t need any more tools of our mental health. And blogging about the things that you’re passionate about are finding blogs to read, of people who are into the same things you are into, is really one of the most rewarding parts of the Internet. And it’s never been easier for a do it yourself aspiring blogger to create and connect with people online using WordPress.

Matt Mullenweg: Second was a mega boom in e-commerce. We’ve all heard how e-commerce was pulled forward many, many years. There’s an incredibly flexible e-commerce plug in for WordPress called WooCommerce. WooCommerce facilitated over twenty billion dollars in sales so far this year, more than double of the year before. The intersection of commerce and content is huge and a growing space. And as people who might be introduced to selling things online through maybe eBay or an Amazon or a proprietary SaaS service like Shopify, as they reach a limit of those services, they look for the most flexible thing out there and the most flexible thing out there on the Internet is almost always going to be WordPress. And third, and finally, there was incredible economic uncertainty this year. Lots of people lost their jobs. Lots of people were looking to supplement their income is drive an incredible amount of entrepreneurship, so people who are looking for people who knew WordPress. And on the other side of that, more and more folks who knew or learned WordPress found that they had a lot of demand for their work. So they were able to supplement or replace their income essentially for folks who have a do it for me mentality. So someone who is looking for someone else to build the website, it’s never been a better time to learn and invest in improving your WordPress skills.

Matt Mullenweg: Here are some cool examples to illustrate each of these three trends. For blogging I love the example Marginal Revolution, a blog founded the same year as WordPress in 2003 by two professors at George Mason University. I actually had the good fortune to meet one of the co-founders, Tyler Cohen at an obscure economics conference in Dallas, honoring Milton Friedman, hosted by the Federal Reserve. And he told me actually at that point that the very best thing you could do to improve your writing was to write every single day. Tyler and Alex have followed that and grow their blog to be a really rich community of folks finding connectivity through the language of economics. The community is actually so rich that Marginal Revolution University was born in 2012. It’s a learning site that houses the largest online library and free economics education videos over 900 available to everyone.

Matt Mullenweg: On the e-commerce side of things, you might have come across cool product named, Tonal, tonal.com, which is like a Peloton of strength training. You know, a side effect of this pandemic has been personal health shifting to our homes. Tonal anticipated the need for virtual fitness coaches and uses AI combined with a really innovative mirror interface where there’s a screen embedded in the mirror and then it has kind of like pulleys (?) that provide resistance training, I think up to 200 pounds. And they can offer a superior workout when you’re at home. They don’t disclose their sales, but just a few months ago in September, there was a 110 million dollar funding round, which would give you a hint of their growth and scale. And one of the investors is actually the Warriors‘ basketball player, Steph Curry, which you might think is a good thing or a bad thing, depending on what your favorite basketball team. But he has apparently been using it under a pseudonym for a few years. He just kind of bought it off the website. They also disclosed when they did that round that in the past year their revenue has grown by 12x, 12 times. And this is all built on WordPress and WooCommerce, which is very exciting both for the scale and showing that you can build a really cool new product and service on top of Woo.

Matt Mullenweg: Finally, here’s someone who was able to learn and improve their WordPress skills, connect with lots of demand for those skills and transform their life.

Woman: WordPress powers ventures like Codeable and Nexus that helps you find a WordPress freelance developer wherever you might be in the world. Deborah Butler is a Codeable certified freelance developer in Cape Town, South Africa. Deborah’s WordPress skills supported NGOs and small business responses to the covid crisis. Check out her work on Children’s Radio Foundation’s COVID-19 informational page. These are just three examples of how all of what we do, how we express ourselves, how we live and how we work has been moved online. And when online is your only option, WordPress is your best option.

Matt Mullenweg: As I alluded to when we were talking about 5.6, there’s a fantastic new default theme, that we call Twenty Twenty-One, which comes out of the box in a number of fashionable pastels. Of course, you can customize it to any color you like. You’ll see lots of cool block patterns in use and a neat new feature which kind of crosses core WordPress.org that Helen Hou-Sandi helped drive was improving the starter content in the theme. So now theme demos, instead of showing that kind of cool but not always useful boat can show all of their starter content on the theme that’s activated already for all of the default themes they’ve ever shipped WordPress and will soon be activated for the remainder of themes on WordPress.org. So you’ll be able to see some great demo content and decide which theme could be the very best for you. Twenty, Twenty-One makes it easier than ever to get your vision on your site and your site onto the Web and now we’d like to show you a sneak peek at some of what’s coming around the corner with Gutenberg. We have Yoan showing the site editor beta.

Yoan: In this demo I’d like to walk you through the new Gutenberg site editor. The site editor allows you to edit the theme templates beyond the post content, it introduces several new blocks like the query loop. When you make a modification like adding a featured image, it naturally adds it to every post in the query. You can configure the layout to make simple tweaks and it propagates to all the posts. If you prefer the featured image above the titles, no problem. All the familiar block interactions are available.

Yoan: While the header is a separate template part, it could be edited seamlessly, everything is a block: navigation, the site title, the tagline, making it easy to edit anything and make use of all the block tools available. The block list view shows all the different areas like header and footer for quick access. Since everything is created with blocks, it’s easy to edit. The site editor engine keeps track of all the modifications, giving the user a clear overview of what has been modified: the site title, the header area, etc..

Matt Mullenweg: You can open the 404 template and modify it like any other content. With the introduction of block patterns to WordPress, themes will be able to offer any number of designs, providing a shortcut to replicating demo sites or swapping out aspects users may not like with another that they do. This is the culmination of several ongoing projects to improve and expand upon the customization possibilities in WordPress.

Yoan: Both templates and regular pages can be edited in the site editor, small previews can be seen when hovering the different templates. The style customization panel allows making global changes like text, link or background color. These modifications can be quickly checked against the different pages in the site. You can customize any template of a site such as the page template, drag and drop the page title into a cover block to use a gradient for that page. Possibilities are endless. We can’t wait to see what you build with this.

Matt Mullenweg: As you can see, we’ve come a long, long way with Gutenberg from those first versions you might have seen and tried out. If you haven’t given it a try recently I encourage you to check out Gutenberg. By creating this common framework that every theme and plugin can build on or reducing the (?) within WordPress from people who are solving these problems in lots of different ways and providing what I believe is the basis for the next decade of WordPress’s growth. For about two years into a 10 year project we’ve got good chunks of Phase 1 and Phase 2 of Gutenberg done. That’s supposed to be page editing and then editing the entire site. I’m excited to continue these in 2021 and hopefully start to get to Phases 3 and 4. So if WordPress has ever helped you or WordPress has let you help others, I invite you to learn more about the WordPress project. It’s a global community of experts and amateurs and enthusiasts that collaborate to maintain, sustain and improve the software. And we do it all without locking you into a walled garden of technology. I often get asked how WordPress has avoided the burnout or tragedy of the Commons or things that commonly afflict other open source projects, and I attribute a lot of that success to our kind of culture of generosity. Well, this program called Five for the Future, Five for the Future is the idea that whatever time your’re WordPress is supporting you do, whether that’s a business or many employees or freelancing, they try to take five percent of that and put it back into the commons, volunteering for something you’re passionate about in the WordPress community, something that leaves the community a little better than you found it.

Matt Mullenweg: For some companies, this might be full time folks that are contributing. For some individuals, that might be, you know, five percent would be about four hours a week or start two hours a week. So think about what that five percent means for you. It’s kind of metaphorical means different things to different people. And if your organization is part of it, please make sure to list yourself and set a good example by what you’re doing on the Five for the Future page on WordPress.org. So with that, we come to the end of our first ever virtual distributed State of the Word. If you’d like to follow me some more I’m photomatt on Twitter, Tumblr, Instagram. I have a podcast at distributed.blog and I blog myself at ma.tt and matt.blog all powered by WordPress, of course. So please check it out. And without further ado, we’re going to try to head to another first, which is a distributed Q&A so questions and answers submitted by you all over the past week or so. And myself and others within the WordPress community are going to do our very best to answer these questions. So let’s dive in.

Der Beitrag State of the Word 2020 erschien zuerst auf Openstream.

Mark Uraine is a Design Director at Automattic contributing full time to the open source project WordPress. The new Gutenberg block editor is on the cusp of completely disrupting WordPress. At WordCamp Santa Clarita Online 2020, he talked about how Phase 2 of Gutenberg started, how it’s evolved, and where it’s going. He examines the ways in which Gutenberg is going to change WordPress and how the ecosystem can prepare for what’s coming.

One of the hardest things to do in technology is disrupt yourself.

WordPress is continually under development. The Gutenberg project is a re-imagination of the way we manage content on the web. Its goal is to broaden access to web presence, which is a foundation of successful modern businesses. Phase 1 was the new block editor, which was released in WordPress 5.0. Throughout 2020 there is a focus on full site editing as we continue to progress through Phase 2.

It took visionaries to not be afraid of strategic paralysis, but to really take a chance and bet on something that could help disrupt WordPress.

While Phase 2 of Gutenberg is expected to continue at least through 2020, there are already plans for Phase 3 and 4 which you can read about in the show notes of this episode. It also includes a transcript of Mark’s WordCamp presentation.

1. Easier Editing — Already available in WordPress, with ongoing improvements
2. Customization — Full Site editing, Block Patterns, Block Directory, Block based themes
3. Collaboration — A more intuitive way to co-author content
4. Multi-lingual — Core implementation for Multi-lingual sites

If you want to try out the new Gutenberg editing experience and are not a WordPress user, just go to wordpress.org/gutenberg. If you want to get updates about the development of Gutenberg, you can go to make.wordpress.org/design. There’s also the Gutenberg Times podcast which Mark mentions in his presentation.

But now without further ado, enjoy this amazing presentation.

• Slides of the WordCamp presentation on Google Docs
• Video of the WordCamp presentation on WordPress.TV
• Music by Northern Dusk (Soundcloud)
• Clayton Christensen, American academic and business consultant who developed the theory of «disruptive innovation»
• WordPress Design Team
• Gutenberg Times podcast
• The Gutenberg editing experience website in English and in German
• Metal typesetting picture by Hannes Wolf

[00:00:23] Howdy, everyone. It’s so good to be here today. Thank you so much for attending WordCamp Santa Clarita online. I wish we could all be there in person together. But despite the circumstances, I think the WordCamp is doing a wonderful job at hosting this online for everyone and giving us an opportunity to be together. Today, I’m going to talk about disruptive innovation with Gutenberg and WordPress. As noted, my name is Mark Uraine, I am a Design Director, I’m a full time contributor to WordPress with my focus on Gutenberg. I really enjoy this topic. And basically that means in my role I do a lot of communication. So I communicate the strategic vision into tactical action items and communicate that to everyone else or to others who are interested or who need to partake in the project. I help to ensure that the project is moving forward. All within the boundaries of ethical communication. So that means we try to make sure that all decisions are public and include everybody on a global scale so that everyone has an opportunity to speak up, share their concerns and give us feedback in ways that maybe we haven’t thought through fully. It also means that our duty of care extends to everybody involved in the WordPress project and how we can make sure that any decisions that are made in Gutenberg and affecting WordPress are ultimately for the benefit of everybody partaking in the project and the software and the open source project altogether.

[00:02:18] So, a lot of that having to do a lot of that means I pay attention to a lot of Gutenberg feedback. So if you’ve been watching any of the feedback on Twitter or some other social networks, you’ll see back in 5.2, there was some very specific Gutenberg feedback. This is a thing that we see on releases when 5.3 came out we had some more Gutenberg feedback. However with 5.4, which just released in at the end of March, it took a turn a little bit and people found something else to complain about rather than Gutenberg kind of took a seat along the sidelines there.

[00:03:04] So what this means, though, is that when there’s a feeling of uncertainty or a little antagonistic feelings towards something that’s being changed in the software, a lot of times that has to do with something called disruptive innovation. And how that’s all happening in WordPress right now, which you can almost say disruptive innovation is kind of like a superpower, if you will. We can take this disruptive innovation and use it for evil or we can use it for good. And of course, being part of the WordPress community, we want to use it for good. And we want to do something that is really going to help the Web stay open. It’s going to help democratize publishing and provide the tools that people need to continue forward in their projects and on their Web sites.

[00:04:04] So disruptive innovation was a term kind of coined by Clayton Christensen a while back and on his website, he defines it and gives it a couple of attributes that I want to talk about that I think pertain directly to Gutenberg, one of which being that this new product or innovation may not appear as attractive as existing solutions. I think we can pretty much all agree that when Gutenberg was merged into core, there wasn’t a lot of happiness around that happening and it wasn’t the most attractive solution out there. It has since progressed a long ways and we’re in phase two right now. So it’s improved a lot. It’s being tightened up and the quality of Gutenberg has really shown through. And we’re seeing people who were initially in opposition to Gutenberg coming out lately and saying, wow, this is a great software and it’s changed so much and made their workflows so much easier. Another attribute that Clayton Christensen talks about disruptive innovation, he says that this innovation allows for a new population of consumers to come in. And I’ll get more into that a little bit later as we talk about how that’s happening.

[00:05:36] So to kind of solidify this concept of disruptive innovation, I have a few just a couple of slides about kind of how disruptive innovation has happened through history. Some things that we’re all familiar with, how personal computers have disrupted the mainframe computers, cellular phones have disrupted fixed line telephony, free online courses have disrupted four year colleges as being this gateway of knowledge or this gatekeeper of knowledge. Right, the online courses now allow knowledge to be spread so much more easily throughout the Internet. There are actual companies that have disrupted industries in our lifetime. We’ve seen Airbnb disrupt the hotel industry. Uber and Lyft are disrupting the taxi service. Amazon has disrupted the brick and mortar retail. And, of course, Netflix has disrupted video rental services. All these are companies that we were familiar with. We can identify their disruption in the industry and how that all is taking place throughout our life.

[00:06:53] I wanted to bring a point across about Uber, how Uber back in early 2019 incorporated a way to cannibalize their own business. As part of their master plan going forward. So initially they introduced the Uber X rides, which really kind of started disrupting their black car service. And now they’re looking at bikes, scooters, they’re doing food delivery, trucking and all of this, like last year, they bought Jump Bikes, so they’re making all these efforts to continually disrupt themselves. That’s really a visionary thing for a company not to get so comfortable in where it’s at, but to actively push itself into the future.

[00:07:50] And so that takes us to WordPress. How is WordPress disrupting itself? We’re all part of this community. How are we contributing to the disruption of WordPress?

[00:08:05] This is a graph of like the top million Web sites that are using WordPress. Top 100’000, top 10’000. And all these sites, looking at this growth, I would imagine one would think this is fantastic. WordPress is in a solid place right now in the industry. Our market share is great. Why would we want to disrupt this? Why would we want to make a decision that might cause these stats to take a hit, possibly?

[00:08:40] And that ultimately leads to this quote about the fear of making wrong choices, leads some companies to strategic paralysis. Companies tend to get so comfortable with where they are that they don’t make the disruption happen within their own business to push them into the future and thus they get disrupted by someone else that comes along. So how can we actively disrupt ourselves? It takes visionaries. And luckily for us, the project lead, co-founder of WordPress is a visionary. He’s been imagining a disruption for a while now, back in 2015. He was talking about how it is one of the most difficult things to do is to disrupt yourself in technology. And through that, he was pushing forward he was introducing and talking about Calypso, which was a redesign of the WordPress admin that WordPress.com uses. And so while some might look at that graph and say we’re in a solid place, I’m going to take a break and just let up and just ride this. The visionaries of WordPress are saying it’s time for disruption. And we saw this happen with Gutenberg.

[00:09:59] Gutenberg came along and it was an active effort to disrupt WordPress in a good way that could bring benefits to people. Help make WordPress better, more usable, and give everybody an opportunity to share their voice in the world.

[00:10:20] And so that brings me to the four principles of self disruption. Talking about this, we can break it down into some principles and kind of show how these principles applied to Gutenberg.

[00:10:34] So we have one, which is to target a need that can be met more effectively.

[00:10:41] Finding this need that people have WordPress is already solving a need. But if we were to disrupt it, are there other needs that need to be addressed at this time that we can meet in an effective way, identifying our disruptive strengths? So what are the skills that we have as the people behind WordPress? That can be work together in such a way that we can really push forward that disruption or push forward a product that is better and more accessible?

[00:11:17] Number three is to kind of step back or sideways from in order to grow. And this is where we’re all kind of on this path. We see these incremental changes happening. This release cycle of three releases a year. And and little by little, we’re just kind of trucking away, improving WordPress and making the changes needed to keep it going. But can we take a step out of that routine and envision something completely different, something that will, as mentioned, disrupt it? So this has been done. There was a sidestep and a vision to disrupt it with Gutenberg, a block based editor.

[00:11:58] Number four is once we make that choice, let that strategy kind of emerge and take shape. We can’t plan this whole thing out. This is this is innovation that’s happening. So we can’t, like, have everything defined beautifully on a roadmap for everyone. It’s kind of a cycle as we go and improve and get feedback from everybody in the community, we can implement this feedback and keep iterating and moving forward.

[00:12:29] So talking about number one, that need that needs to be met more effectively.

[00:12:36] We saw there was a need for a more versatile content management system. This was evident in the amount of other CMSs that were gaining popularity. We saw a growth in page builders happening in the ecosystem and closed platforms that were rising. So taking a look at all this common trend that was happening throughout the years, how can we position WordPress in a place to meet those needs and excel even further, especially in ways to keep the Web open using open source software? Another need that was very obvious, especially for new users and anybody who’s helping new users build a Web site. Is this need to unify the interfaces within WordPress? Back then, we had the editor. You had the customizer, WP admin, widgets and even plugins have their own interfaces. And so for a new user to jump in and start building a Web site, they struggled often. I had an opportunity to partake with Rebrand Cities on a couple events where their goal is to really bring small businesses online, bring their business to have a Web presence. And so we’d sit down with business owners and that’s where I got to talk with Joe at WordCamp Santa Clarita a little bit as well. And you help these small businesses build a Web site and they get in there, they get into WordPress and they don’t realize the difference between customizer and the editor and the WP admin or the amount of plugin interfaces that they need to go through to get their site doing what it needs to do. And so that’s a definite need that needed to be addressed.

[00:14:40] Number two, the identifying of our disruptive strengths. JavaScript was fully adopted by this time. It was sweeping the Internet. Libraries were being built on top of it, and it had established itself as a solid coding language that was capable of amazing things. This was an obvious path to go to really incorporate and utilize JavaScript more in the software than what we were currently doing. And like I mentioned before, there was the Calypso project on WordPress.com. There was a lot of learning gain from that. Calypso was using APIs and redesigned the WP admin in a way that helped the user identify things a little easier, unified the interfaces. So we’re learning from some of this stuff. It was done in the open on GitHub.

[00:15:37] Number three is stepping back or sideways in order to grow. This really can be a challenge, but Calypso is kind of like that fresh look at WP admin. And so knowing that there was an API, how can we take advantage of the API using JavaScript and build a better experience in the software? And, of course, Git and Github, where I believe a big factor in Gutenberg’s success. It allowed more contributors to really get involved in ways that wasn’t easily done in SVN or Trac.

[00:16:19] And so number four is letting that strategy emerge, as I mentioned. And if anybody’s familiar with reading through some of the documentation about Gutenberg, you’ll notice that in the vision section there’s some basic principles that kind of are tactics that kind of supported the overall strategy of Gutenberg. These things were everything in WordPress becomes a block. All blocks are equal. Drag and drop is a secondary option. Place holders in blocks are key to help identify what the user needs to do to make that block functional. Direct manipulation is intuitive. So we wanted the user to be able to interact with that block, whether it’s layout or content right in the page and not necessarily have to go elsewhere in WP admin and code editing shouldn’t be necessary for customization. That’s a big one. We wanted to give people that ability to have a versatile content management system and be able to customize this and make it their own without having to do a lot of code, or any, if possible.

[00:17:35] So phase one of Gutenberg came out. It was to create a new block based editor and it was merged into core. Once that was accomplished, we identified three other phases. And we’re currently in phase two, pushing Gutenberg beyond the editor. And this has recently evolved into what we’re calling full site editing, basically. So all of last year was spent, we were tightening up the interface. We were improving the blocks, improving the design and the experience for users who come into Gutenberg. And now we’re extending that to become a full site editor so that you’re not only just editing your content, but you can edit your templates, you can edit your patterns, your Web site. You can build it within Gutenberg itself. As this phase will come to a close, hopefully by the end of this year, we’ll kind of have something merged into core.

[00:18:34] Phase three will become a focus. And that’s about collaboration and multiuser editing. So if you can envision like Google Docs, where multiple users can edit the content together, leave comments. This is kind of that phase three of what can be done in WordPress.

[00:18:52] And then finally, phase four is about official multilingual site support. Which is a huge benefit for the globe, for all countries, all languages to really get involved in that. And so despite all the mojo, the bad mojo, right, like there’s been a lot we can see that just looking at Gutenberg’s reviews in the plug in directory. Despite that, why do we love WordPress? There was a study done in early 2019, a site building study. It was led by Sarah C. Mark and Sarah James. And the number one answer to this question was extensibility, the ability to extend WordPress in such a way that it works for the particular users. And with that in WordPress, we saw why that was the number one answer. We have the CLI, the API, we have plugins and themes, short codes, custom post types, widgets. There’s just a variety of ways to really extend WordPress.

[00:20:04] And now with Gutenberg, we have blocks. And his blocks are becoming more popular and the typical way to interact, they’re taking over widgets. They’re removing the need for short codes. We’ve blocked templates as people build templates within Gutenberg in the full site editing experience. And these, in conjunction with custom post types, really enable a beautiful experience.

[00:20:36] Global styles are a thing that’s being talked about right now, and they are so close to merging in at least the iteration 1 of global styles. These in conjunction with themes, are going to give that customization ability to users without having to code. So these include things like line height, font families and scalability, colors, all this stuff. And we have block patterns, which, if anyone’s following Gutenberg 7.9 was released this last Wednesday. And it introduced block patterns, but now in the inserter. So there’s a unified way to add either blocks or patterns of blocks to your page now from one single interface.

[00:21:31] And ultimately, when we see all this stuff together, we notice that WordPresses extensibility is refreshed. It’s getting a little bit of an overhaul, I guess, or a revamping of how WordPress can be extended. It’s meeting that need or that desire of people that want that ability to extend WordPress and customize it the way that they want. So all that in conjunction with the modern JS libraries, like React, Git and Github, just really opens up a beautiful opportunity for people. And a beautiful way to innovate within WordPress. So I wanted to bring this back to Gutenberg, right? Like we talked about disruptive innovation and what that’s about. How does Gutenberg fit in with that? So with Gutenberg, we’ve redefined editing and layout using blocks. And this is attracting more site builders today.

[00:22:42] In fact, when Gutenberg was merged into core, that year saw five percent market share growth in WordPress alone. And that was the largest growth in market share year over year, that WordPress has seen. With Gutenberg, we’ve introduced modern code and this is attracting new developers. WordPress 5.4 just released at the end of March and it included a 153 Gutenberg contributors. Not all of them were developers, but a good chunk of them were and a lot of them are learning how to develop with React, how to use these new libraries right there in the software.

[00:23:30] And with Gutenberg, we have provided an easier, more adoptable version control and repo system. This is attracting more contributors overall. And WordPress 5.4 included, 519 contributors. 32 percent of those, a third of those contributors were first time contributors. Now, these numbers don’t all relate to Gutenberg, but they’re significant. That’s a large number of people diving into this software, into this project, especially first time contributors. And so essentially, we’ve attracted more site builders, new developers, more contributors, and all of this is just really benefiting the ecosystem right now. It’s seeing a breath of new air coming in and starting to thrive and starting to pick up. And I believe it’s going to grow. It’s really going to just get better as the software improves, as full site editing becomes a thing. I can’t wait to really see the outcome of this. And it took visionaries to not be afraid of strategic paralysis, but to really take a chance and bet on something that could help disrupt WordPress.

[00:24:56] So this isn’t a breakthrough innovation to say, it’s a disruptive innovation and it’s making WordPress more affordable and accessible. How is it affordable? What do you mean affordable? WordPress is free. Right. I mean, affordable, that people will afford to spend their time contributing to something like this, especially those who desire to learn the new coding languages that are out there. Those people who want to learn React. They can do it in WordPress now. They can do it as part of our community.

[00:25:32] And when I say accessible, there have been leaps and bounds of improvements for accessibility in Gutenberg alone. It has become one of the most accessible editors out there, if not the most accessible. It’s fantastic. And features are always being implemented to help, whether it’s keyboard navigation or various other accessibility like device assistive technologies. It’s really beneficial for those. And on top of that, when I say accessible, too, I mean people can get involved with Gutenberg through GitHub. Right, without having to struggle through the Trac and SVN and that whole system. So all of this is happening based on something called disruptive innovation.

[00:26:25] I’m encouraging you all to come and join us and to be a part of this, because it’s changing WordPress right now and it’s creating a new refreshed ecosystem out there. People are designing and building blocks and block patterns. And innovation is creeping back into WordPress tenfold right now, because of the possibilities. So please come and partake with us, give us your feedback. Join us in the decision process, which is all public to really drive forward WordPress into the future. And with that, I want to say thank you so much, everyone, for attending the talk and and joining us all today at WordCamp Santa Clarita online. And if there’s any questions, I’m happy to answer anything or get back to anything.

Der Beitrag Disruptive Innovation erschien zuerst auf Openstream.

You can also listen to this podcast on Google Podcasts and Apple Podcasts.

Joining a welcoming and inspiring Open Source community such as WordPress can be exhilarating and makes people want to contribute their part to join the movement and strengthen their feeling of belonging.

It is not heroic or laudable to overdo it and burn out!

Initial enthusiasm can easily lead contributors to slowly spiral into overcommitting and feeling obliged and responsible for a project. There’s a cost attached to anything we do, even when we’re talking about unpaid volunteer work done in one’s spare time. And that cost will be paid in some way or another.

We need to talk more openly about the adverse effects of unsustainable contributions and destigmatize the subject of money. We need to directly address issues of frustration and burn-out as they surface. Let’s all have our fellow contributors’ backs, and make sure we’re all in it for the long run!

This episode of the Openstream podcast is a great talk by WordPress consultant, speaker, software engineer and WP-CLI maintainer Alain Schlesser from Germany. At WordCamp US 2019 in St. Louis in the US state of Missouri, he spoke about the cost of contribution.

In the summer of 2014, I started work on my first client project with WordPress. I had just switched careers from government agent to software developer and I was making extensive usage of the WordPress codex to help solve my problems with my initial project. What I found was that it was very vast, very detailed and most of all, in a lot of places, very bad advice, actually. So I thought to myself, I should blog about this and maybe share what I find with the other developers.

Then when I delved deeper into the project, I started to hit bugs in WordPress core and I’m not talking about exotic edge cases. It was really very prominent, major bugs that that hindered me and my progress. And I found out that the bugs were known. There were patches already available and they were just waiting to be committed so that the problem would be solved. They were waiting for several years already. So I thought to myself, maybe I should contribute to WordPress core to help fix these bugs faster. Maybe this way of sliding into contributions slowly, maybe that’s something that’s known to some of you. For me, after a while, it was that I was starting to question my choice of the platform, because WordPress had not been the development tool I had hoped it to be. And I thought that there might be something that would be more productive for me. And just when I considered switching, I experienced one thing that continues to keep me within this space. The WordPress community. So that’s all of you folks.

This community is very passionate and very inspiring group of people. It’s very intoxicating if you get into contact with them first and I was immediately hooked. But after a while, I noticed that this group of very interesting and inspiring people that for some of them, the community had a very bad long term effect on them. I witnessed stress, frustration inside these burnout and a lot of churn in general. And I was wondering how is possible that such a seemingly positive environment can have such a devastating effect on some of its members.

What I found out is that I believe most of it to be traced back to a root cause of cost. So everything comes with a cost attached. It might be combined cost. Like, for example, might be the cost in energy to operate your body and your mind. The cost of opportunity for not doing something else. The financial cost of travel and accommodation for attending an event. And all of these costs, the best way to cover them is using money. Money is the tool that best fits for the job, because it is easily tradable for other resources and it is on its own, neither intrinsically valuable nor scarce.

So it is the best way to cover costs. But most of the Open Source contributors they are not being paid to contribute. They don’t earn money to cover their costs. So what they use instead to cover the costs is time. But time is much scarcer resource than money. And if you overdo it, you’re spending the time that is actually meant to go into your health or your family.

The main drive behind why we overdo things is our natural tendency for pro-social behavior. This is deeply ingrained within us, because caring for our group means that we improve the viability of its long term survival, which is a fundamental evolutionary mechanism. But the the pro-social behavior is also rooted in another principle called reciprocity. It’s the basic principle of giving something and receiving something back. There’s a hot debate that’s going on for a while to find out whether the human species can truly be altruist, whether through altruism actually exists. But a lot of researchers agree that whenever we help someone, we ultimately do it to get something back in return. That can be a direct benefit like gratitude or recognition, or it can be a more indirect subconscious reward, like, for example, helping being the fastest way of escaping an uncomfortable situation. And this means that whether we decide to help or not is just a matter of doing a subconscious cost benefit analysis and finding out if I help now does the return I get from this outweigh the costs I need to invest.

So wouldn’t that mean that just on their own? People would naturally try to only contribute when the return they get outweighs the cost they need to invest? Wouldn’t they automatically stop themselves from overdoing it and hurting themselves? Well, things are not that simple, unfortunately. There’s a lot of factors at play. If you help someone, your brain produces serotonin, which makes you happy about what you just did and encourages you to keep on doing it. This can lead to an addiction that’s commonly known as helpers high, which makes you unable to stop helping even to your own detriment, always chasing the next helpers high.

Then there’s another psychological effect that lets us constantly compare ourselves to others and deriving our self-esteem from what we perceived as social comparison to be. If we see someone contribute, it motivates us to contribute as well. If we see someone contribute more than us, it motivates us to try even harder and push further. In a given group we also always tend to strive for conformity, to adhere to what we perceive as being the social norm within that group.

What’s worse, though, is that if no expectation is explicitly set to define this norm, what that should be, then with deduce our own norm by observing the behavior of the group. This can lead to volunteers that have regular day jobs in their spare time try to match the output of professional full time contributors that are paid by companies. Because that is what they perceive to be the norm within Slack, for example. They are unaware that the majority of volunteers and contributors, they don’t even show up in Slack for weeks and months on end. All they see is the constant activity of the core team.

So taking all of these psychological factors into consideration it makes it even more important to talk about sustainability in Open Source contributions. Money is the best way we have of covering our costs, and we need to make sure that we do our best to keep on contributing sustainably. So people need to be aware of the costs involved and how to contribute without hurting themselves or their family in the process. We need to start destigmatizing this money topic in Open Source, and we need to make sure that the overall community just takes care of its own contributors to to let them stay safe.

It is not heroic or laudable to overdo it and to burn out. We don’t need a rotation of models that we burn through. We need a accumulation of reasonable and unsustainable effort. And please, if you see someone where you think they’re overdoing it or that they are starting to burn out, please, absolutely do talk to them and address the issue. It is very important that we have each other’s backs in this, so that we all can stay in it for the long term. This can often be a deciding factor of keeping everyone healthy and also keeping the project healthy in the long run. Let’s all contribute responsibly. Thank you.

• Music by Northern Dusk
• WordCamp video presentation on WordPress.tv

Der Beitrag The Cost of Contribution erschien zuerst auf Openstream.

As already announced in our MagentoLive 2019 recap, I had the chance to interview Magento Vice President Jason Woosley at Magento’s biggest European conference in Amsterdam. I’m quite happy about the result and hope you will enjoy this as much as I did.

The time markers refer to the interview section itself, not the whole podcast.

Nick [00:00:03] I’m sitting here with Jason Woosley from Adobe at MagentoLive Europe 2019 in Amsterdam, the biggest Magento conference in Europe. Thanks, Jason, for taking the time to speak with me in person.

Jason [00:00:16]

Nick [00:00:18]

Jason [00:00:23]

Nick [00:00:25]

Jason [00:00:50]

Nick [00:00:55]

Jason [00:01:11]

[00:02:12]

Jason [00:02:35]

Nick [00:04:20]

Jason [00:04:24]

Nick [00:04:51]

Jason [00:05:00]

Nick [00:05:34]

Jason [00:05:55]

Nick [00:07:03]

Jason [00:07:33]

Nick [00:07:37]

Jason [00:07:38]

Nick [00:08:10]

Jason [00:08:18]

Nick [00:08:55]

Jason [00:09:08]

Nick [00:10:05]

Jason [00:10:18]

Nick [00:11:43]

Jason [00:11:50]

Nick [00:12:12]

Jason [00:12:13]

Nick [00:12:21]

Jason [00:12:26]

Nick [00:12:34]

Jason [00:12:35] All right. Thank you, sir.

• Picture courtesy of Adobe
• Music courtesy of Northern Dusk

Der Beitrag Interview with VP Jason Woosley at MagentoLive 2019 erschien zuerst auf Openstream.

At WordCamp US, which this year takes place from November 1-3, WordPress co-founder Matt Mullenweg traditionally holds his State of the Word keynote where he talks about the latest development in the WordPress ecosystem. You could also call it the WordPress winter update.

Since a couple of years, we now also have WordCamp Europe, which takes place in the summer, so Matt’s keynote could therefore also be called the WordPress summer update. As far as we remember, that’s also how Matt called it himself, although the video on WordPress.TV is entitled Matt on WordPress.

The second part of this recording is a Q&A section which is also traditionally part of his summer and winter updates. Although MC Caspar Hübinger in the beginning of the Q&A part explicitly asked for concise questions, the first one turned out to be more of a monologue. But listen for yourself. You’re in for a treat.

You can also watch this WordPress summer update on WordPress.TV. The audio in this podcast has been optimized for a better listening experience.

Der Beitrag WordPress Summer Update + Q&A erschien zuerst auf Openstream.

Im März fand in Hamburg das Online Marketing Rockstars (OMR) Festival statt in dessen Rahmen die beiden E-Commerce Spezialisten und K5 Konferenz Gründer, Jochen Krisch und Sven Rittau, die wichtigsten Trends und Marktthesen für Retailer und Brands im Jahr 2018 in einer Masterclass erörterten.

Es ging unter anderem um Show Cases für erfolgreiche Strategien in einer Plattform Welt, David und Goliath – die neue Co-Existenz von Spezialisten und Generalisten und die Entmystifizierung einer angeblichen Amazon-only Welt.

Jochen und Sven erläutern im ersten Teil anschaulich mit einer Vielzahl an Beispielen, wie und warum nach wie vor die unternehmerische Ambition der grösste Hebel für den E-Commerce Geschäftserfolg sind. Im zweiten Teil laden sie das Publikum ein, interaktiv die Thesen zu diskutieren und ihre eigene Erfahrungen einzubringen.

Eines der beliebtesten Formate des Online Marketing Rockstars Festivals sind die sog. Masterclasses. 2018 präsentierten Marketing und E-Commerce Spezialisten in über 120 Sessions ihre Insights und vermittelten ihr Wissen.

40’000 Fachbesucher strömten am 22. und 23. März 2018 in sechs Hallen der Hamburg Messe, als das OMR Festival zum achten Mal an den Start ging.

Kurz gesagt: eine einmalige Mischung aus Messe, Networking, Entertainment, Insights und Party.

Open embedded content from YouTube

Der Beitrag Die E-Commerce Welt im 2018 erschien zuerst auf Openstream.

In seiner Freizeit jagt Mathias Wegener Zombies, allerdings nur zum Spass wie man (aktuell) auf seinem Twitter Header Bild sehen kann (siehe Foto unten). Beruflich ist er Full Stack Entwickler beim innovativen Festnetz- und Mobilfunkanbieter Sipgate in Düsseldorf. Obwohl man sich dort hauptsächlich mit VoIP (Voice over IP) Technologien beschäftigt, werden die zahlreichen Webseiten des Unternehmens mittlerweile einheitlich mit WordPress betrieben.

Anfang Mai am ersten WordCamp Retreat im niedersächsischen Soltau erklärte er in einer sehr interessanten Präsentation warum sich WordPress bei Sipgate gegen 17 andere Content Management Systeme (CMS) durchsetzen konnte.

Mathias hat auf meine Anfrage via Twitter freundlicherweise das Google Spreadsheet geteilt. Ich habe es zusätzlich noch als PDF hochgeladen: Sipgate CMS Suche – Anforderungen an ein CMS – 17 CMS im groben Vergleich.

Hier das Rohmaterial. Ungefiltert und beinhaltet viel persöhnliche Meinung: https://t.co/IkUKe7p1i5 viel Spaß

— Van Fanel (@VanTrundle) 18. Mai 2018

Ein neues WordCamp Konzept. Das WordCamp Retreat Soltau fand vom 04.-06. Mai 2018 zum ersten mal statt. Obwohl von Openstream niemand teilnahm, ist uns diese Präsentation ins Auge gestochen und wurde audiooptimiert als Podcast aufbereitet.

[00:00:05] Vielen Dank, dass Ihr so zahlreich gekommen seid. Ich gestehe ein, das ist eine sehr spontane Sache. Ich habe aus einem anderen Vortrag gerade mal ein bisschen alles herausgestrichen, was technisch war, und wollte euch zeigen, warum sich bei uns WordPress als Content-Management-System etabliert hat, wie wir dazu gekommen sind und warum es gegen 17 andere gewonnen hat.

[00:00:31] Wir haben uns in der Firma die Zeit genommen, um uns verschiedene CMS anzugucken und zu schauen: Was bieten die uns an Funktionsumfang an? Wie kann der Redakteur damit umgehen? Wie finden sich die Texter die Designer damit zurecht? Um unser CMS zu finden.

[00:00:51] Zu meiner Person: Ich bin Matthias Wagner, arbeite als Webentwickler bei Sipgate, «Web» in Anführungsstrichen, da auf meinem Vertrag noch «Java Entwickler» steht. Das hat sich alles in den vier Jahren ein bisschen hin und hergeschoben. Wir sind hier alle full-stack-Entwickler und in meiner Freizeit jage ich Zombies zum Entspannen, das ist mein Urlaub. Ich bin halt ein aktiver Spieler.

[00:01:22] Damit ein bisschen der Hintergrund zu: Was macht Sipgate eigentlich?

[00:01:25] Wir Sind ein Voice over IP Provider. Wir haben verschiedene Business und Endkunden Produkte, die alle was mit Telefonie zu tun haben. Wir wollen möglichst vielen Leuten ermöglichen leicht zu telefonieren und ihr Telefone so anzupassen, dass sie gut damit zurecht kommen. Dafür haben wir nicht nur ein Produkt, sondern zehn Produkte und genau das ist nämlich auch der Kern unseres Problems.

[00:01:49] Wir haben ein Multi-Produktportfolio und wir wollen ein Design System finden oder eins, dass für die gesamte Marke eine visuelle Sprache spricht und diese zehn Produkte, die sollen alle Teil davon sein. Das ist genau das, was unser CMS, oder das was wir suchen, leisten muss. Früher, das ist ein kleiner Auszug von diesen ganzen Produkten, da gab es Sipgate-Basic, ein super altes Produkt, dass hat 2003 mit fünf Leuten angefangen, damals hatte der Geschäftsführer noch das Logo selbst entworfen, wo die noch zu dritt da sassen und das war wirklich ein sehr alter Code, der sich auch nur langsam entwickelte und später sind dann ganz viele Produkt-Teams dazu gekommen. Dann war SIM-Quadrat. Dann kam ein neue Designer rein und hat gesagt, jetzt machen wir das mal alles richtig hübsch und frisch und lass uns auch mal das HTML-Seiten kopieren loswerden und jetzt nehmen wir ein Zent Framework und bauen irgendwie was rein mit Routing und so. Das ist alles in den kleinen Teams entstanden. Jedes Team hatte seine eigene Webseite entwickelt, hat selbst nach den Lösungen gesucht und hat sich auch technisch ausgetobt. Das sieht man auch schon am Logo. Das ist komplett in eine andere Richtung gegangen. Und jetzt gab es die Frage: Wie bekommen wir das denn hin, dass die alle zusammen funktionieren? Dann haben wir uns gedacht, lass uns jemanden einladen, der Ahnung davon hat. Das war 2015 im Mai, als wir Brad Frost eingeladen haben.

[00:03:20] Er ist eine Ikone im Atomic Design und hat ganz viele Bücher geschrieben von Konferenz zu Konferenz und erzählt ganz vielen Leuten, wie man eigentlich eine einheitliche Bildsprache in den Webseiten aufbauen kann, wie man vom Design her die UI-Elemente wie Buttons und Typografie aufbaut und alles generalisiert. Wie kann ich das als Webseite aufbauen? Er hat dazu sich dazu viele Theorien ausgedacht. Ich will das eigentlich nur ganz kurz abkürzen, er hat sich dieses coole Konzept ausgedacht mit Atome, Moleküle, Organismen, Templates und Seiten. Er hat gesagt, geht hin, druckt eure Webseite aus und kringelt die einzelnen Kern-Komponenten eurer Webseite ein und hat dann wirklich gesagt: «nimmt alle Buttons, schneidet die mal wirklich aus, also richtig schön die Ausdrucke ausschneiden und alle Buttons auf einen Tisch legen und dann schauen, was ihr da so schönes fabriziert habt».

[00:04:16] Diese Workshops haben wir mit ihm gemacht und haben gesagt, machen wir das für unsere Webseiten. Bis dato, das war nämlich dieser Grundgedanke, haben die Entwickler Webseiten gebaut, dass war das, was wir ändern wollten.

[00:04:37] Und noch mal ganz kurz, ist es nicht eine Entschuldigung mit dem Brad Frost? Das hat sehr sehr geholfen, denn da haben sich die Designer mal zusammengesteckt und haben gesagt: «Was wollen wir eigentlich erreichen? Was ist unser gemeinsamer Nenner? Wie sieht der Brand aus? Was sind die Brandfarben und wo ein Produkt vielleicht anders? Z.B. gibt es ein Produkt in rot, SMS.de, was sehr rotlastig ist, während unser Business Produkt blau ist. Bis dahin waren die Entwickler die einzigen Menschen bei uns, die Webseiten schicken konnten.

[00:05:15] Bei unserem Webseiten Project haben sich wirklich die Designer mit dem Entwickler hingesetzt und zusammen auf zwei Monitore geschaut und rechts gab dann die geänderte Seite schön mit Wick und mit sehr viel Entwickler Gedanken, denn wir mussten nach zwei Jahren Atomic Design und Brad Frost auch lernen, das will man so nicht machen. Atomic Design ist auch für uns gescheitert.

[00:05:43] Dazu kann ich auch einen ganzen Talk darüber füllen. Da ist das Wichtigste Learning was man macht, wenn man so ein Atomic Design hat und von Atomen zu Molekülen und Organismen hingeht, hat man eigentlich nichts anderes als in einem gewissen Sinn eine Objekt Orientierung in seine Webseite eingebaut. Und wenn dann anfangen Entwickler auch dieses Konzept der objektorientierten in Webseiten umzusetzen, dann kommt da so ein schöner Code raus.

[00:06:10] Und Das war die Webseite, wie sie hinterher gerendert wurden ist. Man hat wirklich auf der einen Seite versucht, die ganzen Elemente mit Atomic Design zusammen zu schustern und zu sagen, jetzt habe ich hier einen Button für Passwort Eingabefeld, ich habe rechts eine Informations Box und dann muss natürlich auch noch das Languagekey hin. Da haben sich die Entwickler ein komplett eigenes System gebaut auf den Ideen von Brad Frost. Das funktioniert auf Dauer nicht. Wir waren hinterher bei knapp eienem Release-Zyklus von mindestens drei Tagen, wenn nicht sogar fünf Tage oder einer ganze Woche mit einem ganzen Entwicklerteams und eine Seite zu schaffen. Und das ist jenseits von Gut und Böse, da muss man nicht drüber sprechen, das ist einfach Müll. Dann sind wir auf die schlaue Idee 2016/17 auf die schlaue Idee gekommen ein Content-Management-System zu nehmen.

[00:07:13] Eigentlich hätte man das auch 2006 machen können und da stellt sich die Frage: Warum wir denn nicht ein bisschen bedeppert sind oder irgendwie Scheuklappen aufhaben? Das ganze Unternehmen ist immer von den Entwicklern getrieben worden. Die Entwickler haben immer alles selber gemacht, immer Webseiten gemacht. Sie haben wirklich die komplette Infrastruktur selber gehostet. Wir haben mittlerweile über 1000 Server da stehen die wir auch selber betreuen und dass ist immer Entwickler getrieben gewesen. Die Entwickler haben immer die Webseiten Inhalte geschrieben. Das war immer von Entwickler für Entwickler. Es war auch eine Marketingstrategie ohne dass wir eine Marketingstrategie hatten. Das hat einfach funktioniert, durch Mundpropaganda, durch die Communities, dass Leute das cool fanden. Aber da haben wir uns dann doch irgendwie in eine Einbahnstrasse verwickelt und dann gesagt, wir brauchen ein CMS. Was sind denn die Stakeholder eines CMS?

[00:08:04] Dann haben wir wirklich bei null angefangen und haben gesagt: Wer arbeitet eigentlich an diesem CMS? Sind das die Entwickler? Sind das die Administratoren? Sind das die Designer? Sind das die Redakteure?

[00:08:17] Naja irgendwo sind es Alle, weil in unserer Firma ist auch die Kultur, alle können alles machen, verbreitet. Jeder soll auch eine Webseite schreiben können, soll einen Blogeintrag schreiben können, wenn er Lust dazu hat, aber auch jeder soll einfach die Offenheit haben. Deswegen sind eigentlich Alle Stakeholder darin. Aber was ist denn eigentlich unser Kunde des Content Management Systems und auch des Systems? Wer benutzt das denn wirklich?

[00:08:47] Und Im Endeffekt sind es auch nicht die Entwickler und nicht die Administratoren, die das nutzen sondern die Redakteure. Und wenn ich das jetzt noch kombiniert mit: alle sollen Content anfassen können, alle sollen in ihre Redakteurs Arbeit unterstützt werden und jeder soll das auch können. Also vor allem wenn ich diese Person habe, die jetzt sagt, «Ich möchte eine coole Webseite bauen», dann soll er sich ja auch nicht Gedanken machen über Design, weil das erwarte ich auch von einem Content Management System das es mir genug Bausteine an die Hand gibt, um zu sagen: «Ich wähle zwischen diesen Bausteinen aus und muss nicht auf das Design achten».

[00:09:29] Klar das ich am Ende, wenn ich eine komplette Seite nochmal gebaut habe und Bildauswahl getroffen habe mal einen UX-Desinger mal drüberschauen lasse, um zu gucken, ob es gut aussieht. Aber das ist nur der letzte Schritt um noch einmal Feedback zu holen. Das soll möglichst wenig Zeit kosten und nicht einen ganzen Tag Arbeit sein und immer ein hin und her.

[00:09:56] Deswegen haben wir uns gedacht, lasst mal den alten Scheiss weg, lass uns von vorne beginnen und eine richtige P attern-Library bauen. Und haben gesagt: wir machen das Designdriven. Die Benutzbarkeit muss im Vordergrund stehen, weil zu 90 Prozent bis 95 Prozent des Arbeitens am Content-Management-System macht der Kunde, der Redakteur und für den muss sich das gut anfühlen.

[00:10:25] Deswegen Patterns oder Bausteine nutzen und Bausteine bauen, sind zwei komplette Paar Schuhe. Das ist wichtig, dass das Bauen komplett losgelöst ist von dem Nutzen, deswegen haben wir uns gesagt: Purpose First. Wenn ich jetzt nur den Nutzen im Vordergrund habe, muss ich auch irgendwie eine Auswahl treffen, darüber welche Bausteine wichtig sind.

[00:10:54] Da haben wir uns auch von der Ala Kolmar Tower inspirieren lassen. Die haben wir 2017 in San Francisco kennengelernt, die hat auch Design System Bücher geschrieben. Sie arbeitet bei FutureLearn und hat auch gesagt, dass mit dem Atomic Design von Brad Frost funktioniert alles nicht.

[00:11:15] Wenn Wir von Patterns und Baustein sprechen, dann müssen die alle einen Zweck verfolgen. Zum Beispiel, dass ein Stage, ein grosser visueller Bereich in der Front, muss etwas präsentieren, oder ich geh hin und hole mir einen Text-Bereich der sehr weit gefasst ist in dem was er tun kann. Möchte ich eine Story erzählen, habe ich ein Storytelling Element.

[00:11:41] Diese Gedanken waren uns sehr wichtig. Deshalb haben wir die in diese Pattern-Library gepackt und haben uns gesagt, dass ist das erste Auswahlkriterium, dass ein Redakteur treffen muss. Was möchte er mit dieser Webseite erreichen? Das ist uns total wichtig. Das ist der Kern einer Webseite, Aussehen ist Geschmackssache und es hat auch einen unterstützenden Charakter. Wichtig ist welche Message transportiere ich, was möchte ich sagen und welchen Zweck habe ich? Möchte ich dass der Kunde sich registriert? Möchte ich das der Kunde hingeht und vielleicht einen Newsletter abonniert oder möchte ich, dass er sich über die Preise informieren kann und etwas für seinen Chef herunterladen kann? Was ist das Ziel der Seite? Eine gute Webseite hat immer nur ein Ziel und die gesamte Seite arbeitet auf dieses Ziel hin.

[00:12:31] Also muss unser Content Management System das liefern können, was den Redakteur in genau diesem Denkprozess unterstützen kann. Deswegen ist unser Pattern-System auch komplett analog. Wir sehen unser Content Management System WordPress ist nur eine Implementierung unseres Design Systems. Ergo ist unser Design System auch ausdruckbar und es steht mitten in der Firma als analoge Pattern, wo man WordPress-Redakteur spielen kann. Normalerweise steht da rechts noch ein leeres Whiteboard daneben. Beim Whiteboard können wirklich die Menschen, die jetzt eine Webseite bauen wollen und Purpose-Gedanken pflegen. Was möchte ich mit der Seite erreichen? Welches dieser Bausteine unterstützt mich in diesem Zweck? Man hängt die Bausteine hin und sortiert diese immer untereinander. Schaut grob, passt das von den strukturellen Aufbau der Seite? Welche Inhalte möchte ich denn noch reinbringen?

[00:13:30] Das ist die eigentliche Leistung des Webseiten bauens. Bringen wir nun das Content-Managementsystem ein. Auch da der Focus noch auf ein Lesson-learnt: Wir hatten beim Umsetzen gelernt, man kann nicht alles gleichzeitig machen, denn immer dann, wenn es verschiedenen Fokuse in einer Teamarbeit gibt, scheitert man. Wir haben vier grobe Eckpunkte, an denen wir gestolpert sind. Das war beim Inhalt, dem grundlegende Design, also wie wir das Brand-Design aufbauen, auf der anderen Seite, wie unsere Bausteine aussehen könnten, ein weiterer Eckpfeiler ist der Content und auch dessen Qualität.

[00:14:15] Die Entwickler haben immer etwas auf das Whitbord geschrieben und dann haben wir gesagt, nehmen wir unsere Startseite von der globale übergeordneten Firmen-Seite und bauen diese neu.

[00:14:27] Wir hatten zwei Leute in unserem Team, die nur die Textarbeit gemacht haben und sich darauf spezialisiert haben. Die haben dann das CMS gesucht, dass war ein ganz eigenes Problem. Wir haben uns am Anfang auf das Design und Patterns konzentriert und Inhalte nebenbei gemacht, das war schon schmerzlich genug.

[00:14:45] Ich War so froh dass wir das CMS ausgegrenzt haben. Wir haben die ersten 17 Seiten, die wir von unseren Seite haben händisch in HTML Dateien kopiert, weil es einfach war. Das kostet vielleicht viel Zeit und ist total Oldschool, aber der Besucher der Webseite merkt nichts davon, ob das reine HTML-Dateien sind die irgendwo liegen oder ob ein Content-Management-System dahinter steckt. Das tat uns am Anfang total weh, hat uns aber geholfen uns auf die anderen Sachen zu konzentrieren. Und dann konnten wir, mit einem ganz frischen Kopf, an die Problematik gehen und uns die Kernfrage stellen: Welches CMS erfüllt eigentlich genau diese Anforderung? Dabei ist eine Exel-Tabelle herausgekommen. Wir haben uns eine Woche Zeit genommen, haben uns alle Werbevideos zu Content-Management-Systemen angeschaut, die Webseiten besucht und alles schön in Spalten angelegt.

[00:15:58] Was muss es können und das auch aus allen Perspektiven? Aus Entwickler Sicht der Entwickler war es zum Beispiel immer wichtig, alle wichtigen Dateien müssen im Git liegen. Die Wahrheit liegt im Git. Das ist eine Firmenphilosophie, die sich in den letzten vier fünf Jahren bewährt hat. Es gibt bei uns keinen Code, der nicht eingecheckt ist. Irgendwie muss es möglich sein, beim Erstellen das aus dem Git zu ziehen. Andersherum müssen wir etwas haben, um ein Cache-Revisions-Management haben, falls Leute etwas zurückdrehen wollen, weil sie sich irgendwo vertan haben. Ansonsten haben wir wirklich alles rausgesucht und lokal installiert und uns dafür nochmal eine Woche Zeit genommen. Wir haben einen Template angelegt oder ein Plugin für dieses geschrieben, um zu validieren, ob wir Pluspunke oder Minuspunkte geben, falls es nicht funktioniert.

[00:17:01] Im Team mit 4-5 Leuten haben wir uns die Ergebnisse gegenseitig vorgestellt und erklärt, wieso diese geeignet sind.

[00:17:12] Dann haben wir ja festgestellt, dass wir jetzt 4-5 Stück Stück von diesen 17 CMS getestet haben und das wir als Entwickler diese getestet haben und nicht die Sicht der Redaktuere berücksichtig. Wir Entwickler sollten das niemals entscheiden, welches CMS wir nehmen. Wir entwickeln das zwar, aber bedienen tun das immer noch unsere Kunden und deshalb haben wir uns 20 Redakteure geschnappt, um deren Sicht zu berücksichtigen.

[00:17:54] Wir sind hergegangen und haben einen Protokollant und einen Test-Führer und Test-Leiter bestimmt. Dann haben wir zu Slots eingeladen und diese Personen genommen und jeweils zwei CMS gegeneinander testen lassen. Die Personen hatten die Aufgabe, eine Seite in jeweils einem CMS zu bauen. Die Seite war eine imaginäre für unser Restaurant «Alte Post», bei dem wir essen. Wir haben gesagt, die brauchen einen neuen Look in Photoshop hatte ein Entwickler schon einen neuen gemacht. Wir haben den Personen gesagt, da sind die Bilder und Texte, die wir gerne drin hätten.Dann haben wir ihnen wirklich nur die Login-Daten gegeben und gezeigt wie sie sich einloggen können und wo sie die Seitenübersicht finden.

[00:18:58] Wir hatten drei Aufgaben. Eine komplett neue Seite anlegen, die Revision zurückdrehen und das dritte war auf einer bestehenden Seite ein Bild und Text austauschen lassen.

[00:19:18] Wir haben ihnen Zeit gegeben die Seite zu bauen und sassen im Büro und einer hat Protokoll mit dem Verhalten des Nutzers, an welcher Stelle er stockt und wann er nicht klar kommt, geführt. Was sucht er also, haben wir uns aufgeschrieben.

[00:19:39] Eine weitere Person hat dafür gesorgt, dass die Person nicht abschweifen oder sich verlaufen kann und nicht fünf Minuten das Menü sucht. Ich mein, wie viel Zeit verbringen die Redakteure anschliessend mit dieser Software? Und viel Zeit kostet sich das einfach mal zwei Wochen hinzusetzen und das zu testen. Weil das ändern wir ja auch nicht von heute auf morgen. Wenn man einmal so ein Sytem hat, hätte man das auch ein paar Jahre also von daher, kann man auch Zeit zum Lernen verbringen.

[00:20:14] Und nun möchte ich auch von diesem Frontalunterricht zu einem Dialog aufbrechen. Ich habe ein paar Seiten aufgemacht und kann euch mal wirklich zeigen, ob das echt aussah und eure Fragen beantworten.

[00:20:51] Gibt es vielleicht schon Fragen zur Ergebnis-Tabelle, oder?

[00:20:59] Zuschauer: Warum steht bei WordPress in der Tabelle, dass es einen einfach zu verstehen Editor/Plugin hat?

[00:21:05] Ganz Einfach. Wir haben uns dieses Design und Pattern-System ausgedacht und bei uns hat der Redakteur nicht den einfachen Blog-Post, wo er was arbeiten kann und Texte unterschreiben kann, sondern er bekommt im Endeffekt fünf oder sieben Eingabefelder je nach Pattern. Diese Eingabefelder sagen: Bild hochladen, das ist der linke Text, das der rechte Text. Das ging halt nur mit ACF. Aber auch das habe ich heute gelernt hier auf der Konferenz. Wir wollen demnächst mal Gutenbergs benutzen, wenn es fertig ist.

[00:21:58] Zuschauer: [unverständliche Frage].

[00:21:58] Kann Ich dir nichts zu sagen, aber wir haben in der Firma kein Budget und Kosten-Limit und das ist alles intern gewesen. Wir mussten das nie gegenrechnen oder uns rechtfertigen.

[00:22:25] Zuschauer: «Habt ihr auch nach Lizenzkosten gefiltert und entschieden?»

[00:22:32] Nein, es war kein Entscheidungskriterium, aber wir haben gesagt: Wir sind nicht Google. Das war auch eines der wichtigsten Entscheidungskriterien. Wir brauchen uns kein Content Management System für 100 000 hinstellen. Die sehr teuren sind auch allein deswegen schon rausgeflogen, weil wir leben hier als open-source Community als Firma. Wir versuchen vielen andere Projekten irgendwie zu unterstützen, deswegen war uns das eigentlich auch wichtig, dass das zumindest so open-source ist, dass man an Quellen kommt, falls etwas ist.

[00:23:07] Also Wenn unser Plugin nicht nur 40 Zeilen PHP-Template gewesen wäre, hätten wir auch gedacht, so kann man das auch wieder der Community zurückgeben. Das war eine wichtige Entscheidungskriterien. Aber wir haben uns auch mal Craft angeguckt. Es war auch in der engeren Auswahl. Es hat zum Beispiel 100€ Lizenzgebühren gekostet, war aber kein Thema. Wir haben jetzt hier: WordPress, TYPO3, Kirby, Graph, Contentful, ImpressPages, ModX, Joomla, Drupal, Hubspot, welches in der engeren Auswahl war, obwohl es eigentlich ein Customer-Relationship-Managment ist, man kann aber auch CMS-Komponente dazukaufen und nutzen. Und das war halt irgendwie die Idee eines eierlegenden Wollmilchsau, weil das eine schon funktioniert hat man ja nur einen Teil davon nutzte. Aber das ist eine andere Geschichte.

[00:24:10] Zuschauer: Ich habe noch eine Frage zu Hubspot: «Was hat aus eurer Sicht dagegen gesprochen, die Funktionalitäten von Hubspot als CMS zu benutzen?

[00:24:25] Ganz ganz klare Antwort. Es ist nicht aus einem Git Deploybar und es hat eine nicht dokumentierte Rest API mit der man automatisiert Bausteine in das System pflegen konnte. Wir sind hingegangen und man musste in dem Webinterface von Hubspot Quick-Templates rein kopieren und musste dann anschliessend händisch Felder pflegen, also welche Feld-Typen, wo kann ich jetzt ein Bild reinlegen, wie ist der Shortcode, wie ist die Variable für diesen Typen und man musste das alles händisch machen und das wars. Also ich kann dir sagen, wir haben ein komplettes Produkt nach Hubspot reingezogen, unser Hauptprodukt, das Business-Kunden Produkt, haben damit 50 Seiten reingezogen, weil das leider gewollt war und wir von aussen dazu aufgefordert wurden das zu tun. Wir haben das mit einem Produkt gemacht und haben uns gesagt, das kann ja nicht so schlimm sein. Wir haben ein halbes Jahr verloren. Der Kommentar war also, ob ich empfehlen würde, dass nicht zu tun und dann muss ich sagen, ja das kann ich empfehlen. Hubspot mag ein sehr gutes Customer Relationship Management Tool sein, aber kein CMS. Ich kann euch erzählen warum. Man merkt halt, dass die Entwicklung, oder bei der von dieser Firma betriebene Entwicklung, der Fokus auf das Customer Relationship Management Tool liegt und nicht auf dem CMS.

[00:26:06] Ansonsten gibt es noch weitere Fragen?

[00:26:24] Zuschauer: Die Farben in der Tabelle implizieren was quasi in die engere Auswahl kam oder nicht. Und da interessiert es mich natürlich persönlich, warum TYPO3 im Direktvergleich mit WordPress sehr viel grüne Elemente hat, obwohl in der Argumentation steht, dass es zum Beispiel eine schlechte Seiten Struktur hat, was eigentlich gar nicht der Fall ist, da die Seiten Struktur dauerhaft sichtbar ist und doch eigentlich sehr übersichtlich und gut konfigurierbar ist? Es würde mich mal interessieren wie das bewertet wurden ist?

[00:27:02] Das war auch eines der strittigsten Punkte. Es kam irgendwie sofort auf, nimmt doch TYPO3, deswegen ist es vorne in der Liste. Als wir uns das technisch angeschaut haben war klar, man kann alles damit machen, das war überhaupt nicht abzustreiten. Die U ser haben aber die Seiten einfach nicht gefunden. Sie waren hilflos in diesem System verloren und deswegen haben wir dann auch gar keinen dieser Test darauf gemacht und wir haben uns als Entwickler gesagt, so ein komisches JavaScript, nein danke. Wir sind nicht Google, wir haben vielleicht 150 Seiten, aber TYPO3 kann man auch bei 1000 Seiten plus verwenden und das wird nicht der Fall sein . Der Trick ist auch, ich habe euch vorhin diese ganzen analogen Sachen gezeigt und d a steckt die Idee dahinter, dass wir Webseiten bauen ausserhalb jedes Content-Management-System und wir uns gesagt haben, wenn in der Firma jemand kommt und uns sagt ihr hättet aber System X nehmen müssen und fragt, warum wir das nicht getestet haben, dann sagen wir ihm, er soll unseren Test machen und die Seiten selbst bauen und uns davon überzeugen, warum es besser ist. Wenn du es dann wirklich doch etablieren willst, dann nimmst du die 150 Seiten in die Migrations Strategie und baust sie aus. Das ist auch diese Möglichkeit, dass wir nicht an ein System gebunden sind. Es ist wahrscheinlich viel Aufwand die mittlerweile 500 Seiten auf allen Produkten zusammen zu kopieren. Aber das ist auch der Trick.

[00:28:42] Zuschauer: Können sie den Test veröffentlichen?

[00:28:57] Ich müsste nur mal schauen, ob nicht irgendwo was drin steht, ansonsten ist es auf dem Video. Ich nehme es einfach mit und wahrscheinlich werde ich einen Blog Artikel drüber schreiben. Das können wir auf jeden Fall machen.

[00:29:19] Ich kann nochmal mal zu Ende scrollen und vorlesen, was da noch an esoterische Sachen kam. Da war noch EZ, das weiss ich gar nicht mehr, PimCore, das war richtig interessant. Das war ein Geheimtipp, wenn man auf Windows 95 Interfaces steht, ihr lacht, aber das Tool sieht halt einfach so aus, als hätte man das mit DEL programmiert, aber es funktioniert. Die User finden sich zurecht, das ist gelerntes Verhalten. 95er Interfaces kann einfach jeder in der Firma bedienen und auch der Kunde.

[00:30:01] Zuschauer: Also ich habe gehört ich kenne es nicht wirklich, aber Contauso soll auch relativ einfach zu bedienen sein. Da würde mich von deiner Sicht interessieren, welche Reihenfolge oder Top Ten, wenn du schon sagst, gegen 17 Teams gewonnen haben? Welches kam denn noch in die nähere Auswahl?

[00:30:21] In der näheren Auswahl waren Tatsache: Craft, WordPress, ImpressPage, Neos und Hubspot, wobei habs Hubspot wirklich nicht gut dafür war, diese eine Seite darin zu machen. Craft hat uns sehr begeistert, weil die von Haus aus was Gutenberg bringt schon hatten und auch über die Weboberfläche du dir die Bausteine zusammen klicken konntest und sie auch über eine App oder über Dateien in das System legen auch Diployen konntest. Das war super und von daher ist es auch sehr an WordPress angelegt und das war auch wirklich in der engeren Auswahl, hat aber hinterher Lizenzkosten und Dokumentation. War aber nicht Open Source. Außerdem waren die Unterschiede zu WordPress einfach zu gering. Das sieht man auch in der Auswertung von.

[00:32:09] Im ImpressPages ist frickel Project und hat es deswegen in die Auswahl geschafft, weil der Content Builder von Haus aus gegeben war. Dieses ganze System basiert drauf, dass man oben eine Leiste von Bausteinen hat und man zieht sich diese Bausteine zusammen die auf die Seite sollen. Es gibt viele Bausteine wie Textelemente und Widgets. Das war jeweils in einer PHP Datei plus einer CSS-Datei gespeichert und das gesamte Content Management System war darauf ausgelegt, diese Bausteine zu bauen und anschließend zu verwenden. Aber auch das haben die U ser geliebt.

[00:33:25] Zu NEOS kann ich noch kurz zu sagen Neos. Also hier mal beispielsweise wie wir das ausgewertet, das sieht super wissenschaftlich aus ist es auch so, dass wir haben versucht immer mehr über Zahlen zu schreiben und die durchschnittliche Bearbeitungszeit erfasst haben, die wir dann in den Rang und Prozent gewertet haben. Die Bewertungen waren immer in eine Skala von eins bis neun. Bei Neos kam raus, das es wie Photoshop im Web war. Du hast halt einfach ein Inline Editor gehabt, der gut aussah und sich wie Photoshop anfühlte und du hast eine riesen Menüstruktur wie Photoshop gehabt. Die Designer haben es geliebt, die Leute die die Texte geschrieben haben, haben aber nichts gefunden.

[00:34:40] Zuschauer: Wie viel Prozent hat WordPress in der Bewertung gehabt?

[00:34:46] Die waren alle hinterher ziemlich nah beineinander, es waren 80. Hinterher hat man gemerkt, dass die User auch sehr homogen waren. Wir wollten diesen Test mal gegen ich kopiere HTML Editor und es den Redakteur so machen lässt, um einen Referenzwert zu bekommen. Wie viel Prozent die Leute dann unzufrieden wären, das wäre dann spannend.

[00:35:19] Zuschauer: Habt ihr einen PageBuilder einmal selber ausgewählt und auch von den Redakteuren testet lassen?

[00:36:11] Wir haben uns zwei davon angeschaut. Ich weiss aber auch die Namen nicht mehr, es ist schon zu lange her. Aber im Endeffekt wussten wir ja schon, das Page Building ist offline bei uns. Du kannst dir ja die Magnete an der Wand zusammen k leben und dadurch hast du dein Page Builder. Ich schreibe jetzt diese Seiten, das ist der nächste Schritt. Wir brauchen dringend einen Page Builder.

[00:36:50] [unverständliche Frage]

[00:36:51] Wir haben es mit ACFumgesetzt. Bei ACF hast du ein sehr hässliches Interface mit diese sieben Eingabefelder und ein paar Metainformationen. Es gibt von ACF auch einen Inline-Editor, den wir auch mal ausprobiert haben, aber die Leute können es gerade so bedienen und wir lassen es erst einmal laufen. D ie bauen jetzt seit drei Monaten damit Webseiten und es funktioniert gut.

[00:37:22] Der nächste Schritt wohin wir uns entwickeln wollen.

[00:37:24] Zuschauer: Also ACF würde ich nicht empfehlen vom Code her. Es ist nicht gut, auch für die Langfristigkeit, und wird auch Probleme haben mit Gutenberg. Wenn ihr ein Pagebuilder haben wollt, dann nehmt Biva Builder, der hat einen sauberen Code ist auch kein Shortcut oder sonstige Sachen. Damit kannst du gut arbeiten und die arbeiten auch zusammen mit Automatique und Gutenberg. Die sehen das nicht als Konkurrenz sondern bauen darauf auf. Was ich auch interessant finde. Wir haben Kunden Uefa. Die haben das auch so gemacht, wir hatten aber 25 Vergleiche. Die hatten zum Beispiel einige Systeme wie Firstspirit sonstwas wo teilweise die Lizenzkosten teilweise zwei Millionen sind und trotzdem hat WordPres da gewonnen. Aber die haben es auch ähnlich gemacht: alles ausprobiert und zuletzt haben sie dann drei Kandidaten gehabt und dann sich Experten dazugeholt, die zeigen sollten, was besser ist als das andere. Letztendlich ist WordPress rausgekommen.

[00:38:28] Kann ich gut verstehen.

[00:38:29] Für Firstspirit habe ich mal Templates geschrieben. Ich kenne das System also auch von innen. Da muss man aber sagen,man muss JavaSuigGUIs lieben und dann kann man auch damit klarkommen. Das ist aber nicht unser Anwendungsfall. Wir haben es nicht auf 20 Servern liegen wo die alle g esynkt werden müssen und wo 200 Redakteure gleichzeitig an demselben Content arbeiten. Bei uns ist da eher eine Software-Anforderung, dass da steht: «Achtung ein anderer Redakteur bearbeitet das gerade». Das reicht, weil wir sitzen alle irgendwie in einem Haus oder man kann den auch direkt anschreiben.

[00:39:32] Wir sind jetzt auch am Ende des Vortrags, falls ihr noch Fragen habt, könnt ihr mir die noch stellen.

[00:39:48] ……. Am Dienstag im Webworker in NRW in Düsseldorf hatte ich nochmal ein Vortrag über unser Design System das wir dahin entwickelt haben…….

[00:40:12] Zuschauer: Wie läuft die Zombiejagt ab? Das hat mich total gepackt. Du fährst in Urlaub und machst Zombie Jagd.

[00:40:43] Ja, genau. 42 Stunden gehen die. Ok ich denke es ist ein guter Abschluss.

(Beitragsbilder von Pexels, Mathias Wegener und Raidboxes)

Der Beitrag Warum WordPress gegen 17 andere CMS gewonnen hat erschien zuerst auf Openstream.

Dezentrale Coworkings erfüllen heutige Bedürfnisse der Arbeit entlang der drei Nachhaltigkeitdimensionen und bauen auf eine neue Form der Unternehmensführung auf. Sie führen zu einem Wandel bei Gemeinden, Unternehmen, Arealbesitzern und Arbeitenden und schaffen so lokale Wertschöpfung, auch in ländlichen Gemeinden. Sein TEDxBodensee Talk „Neue nachhaltige Konzepte der Arbeit setzen wertschöpfende Impulse“ zeigt, wie dezentrale Coworkings Impulse geben, um Schlafgemeinden und -städte aus dem Schlaf zu wecken. Denn dezentrale Coworkings schaffen nachhaltige Nährböden in Gemeinden, Städten sowie Unternehmen im Kontext der Flexibilisierung von Arbeit und Arbeitsportfolios, der Vereinbarkeits- und Fachkräftethemen sowie der Stärkung lokaler Wertschöpfung. Letzteres durch an Coworkings angeschlossene Dienstleistungen, wie KITA, Gesundheit, Fitness, Einkauf, Post, Bank, etc.

Ein Coworking Space bietet dir einen Arbeitsplatz wann immer du ihn brauchst. Egal ob für ein paar Stunden oder das ganze Jahr, egal ob bis 20 oder 2 Uhr – du selbst entscheidest. Hier trifft sich die neue Generation von Kreativschaffenden, Wissensarbeitern und freien Angestellten, die in ansprechender Umgebung konzentriert arbeiten, aber auch bei einer Tasse Kaffee Synergien mit Gleichgesinnten finden und nutzbar machen wollen.

Begonnen hat Remo Rusca mit freiwilligem Engagement in der Gemeinde und Jugendpolitik sowie Sport während der Berufsmatura in einer Grossbank und ersten Berufserfahrungen und der Marketingweiterbildung. Bereits damals war das Interesse für Nachhaltigkeit gross. Nach 15 Jahren in Marketing, Sponsoring/Events, Nachhaltigkeit und Reputation zogen ihn zufällige Glücksmomente inmitten einer Krise zu seinen Wurzeln. Dadurch wurde die unbewusste Haltung zur nachhaltigen Unternehmensführung bewusst und Remo Rusca Unternehmer für Haltungsfragen sowie Co-Founder und aktiver Verwaltungsrat von VillageOffice, dem grössten Schweizer Coworking-Netzwerk.

Regionale Konferenz für Technologie, Entertainment und Design – So vielfältig wie die Regionen um den Bodensee sind die Menschen, ihre Ideen und Projekte, die am See ihre Heimat haben. TEDxBodensee zeigt diese regionalen Ideen, nach dem TED Motto: „ideas worth spreading“.

Der Beitrag Neue Konzepte der Arbeit erschien zuerst auf Openstream.

Eines der Highlights an der K5 Future Retail Konferenz in Berlin dieses Jahr war die Keynote von Amazon-Insider Tahir Hussain, der die Mechaniken und Prinzipien erläutert, mit denen Amazon arbeitet. Er selbst arbeitete 8 Jahre lang in diverses Führungspositionen bei Amazon in Deutschland, China und in den USA.

Der Beitrag Von Amazon lernen erschien zuerst auf Openstream.

This is probably one of the funniest Magento developer talks and a very relevant one, too. It’s hard to believe that this was Tadhg Bowe’s first talk ever. Not only at a Magento event, but on any stage. It took place at The Commedy Store on November 12, 2016 during Mage Titans, a Magento developer conference organized by Magento community members.

Tadhg explains what Magento’s data migration tool is all about. Follow what happens when a real world Enterprise client decides to migrate! How was the migration investigated, what actually happened, how were issues resolved, what were the workarounds, how was go-live planned. All this in 15 minutes no problem! Including a small excursus on how to use Dutch toilets.

One thing that becomes clear from the talk is that it’s probably not going to be as easy to migrate data from Magento 1 to Magento 2 as you thought. It’s clear that you will also need to migrate your extensions, but this talk is mostly concerned with the database.

Tadhg started in the world of e-commerce back in 2005. He joined Screen Pages an e-commerce website provider in 2006 and has been developing Magento sites since 2010. Tadhg has helped plan, develop, lead and when needed project manage many online shops for leading UK brands. In recent years he has also been focused on things like “how can we develop better as a team”. In late 2015 he started studying Magento 2 with a particular focus on data migration. A loyal supporter of the Magento community, Tadhg attended Mage Titans in 2015 and vowed to return one year later to give his first ever talk! Grand.

Der Beitrag Migrating Data from Magento 1 to Magento 2 erschien zuerst auf Openstream.