{"id":59633,"date":"2019-01-31T04:18:54","date_gmt":"2019-01-31T11:18:54","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/"},"modified":"2019-01-31T04:18:54","modified_gmt":"2019-01-31T11:18:54","slug":"adobe-experience-manager-vs-wordpress-the-authoring-experience-compared","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/","title":{"rendered":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared"},"content":{"rendered":"<link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2019\/01\/adobe-experience-manager-comparison-wordpress\/\"><title>Adobe Experience Manager vs. WordPress: The Authoring Experience Compared<\/title><\/p>\n<article>\n<header>\n<h1>Adobe Experience Manager vs. WordPress: The Authoring Experience Compared<\/h1>\n<address>Kevin Weber<\/address>\n<p>                  <time datetime=\"2019-01-30T13:45:55+01:00\">2019-01-30T13:45:55+01:00<\/time><time datetime=\"2019-01-31T10:14:42+00:00\">2019-01-31T10:14:42+00:00<\/time><\/header>\n<p>Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an enterprise content management system that also embraces block-based editing. I\u2019ve implemented both WordPress and AEM for multiple companies (such as Informatica and Twitter) and had to realize that despite the authoring experience is critical for non-technical authors, it is often neglected by developers.<\/p>\n<p><strong>Note<\/strong>: <em>With the term \u201cauthoring experience\u201d I\u2019m referring to the user experience for those people whose goal it is to create and publish content on a website. I\u2019m not referring to the people that are going to consume the published content. If you haven\u2019t thought about the authoring experience before, <a href=\"https:\/\/content.design\/2015\/09\/training-the-cms-building-a-better-authoring-experience\">here\u2019s a primer by<\/a> <a href=\"https:\/\/content.design\/2015\/09\/training-the-cms-building-a-better-authoring-experience\">Eileen Webb<\/a> who was also featured in <a href=\"https:\/\/www.smashingmagazine.com\/printed-books\/smashing-book-5\/\">Smashing Book 5<\/a>.<\/em><\/p>\n<p>Adobe Experience Manager is, compared to WordPress, a complex system with a steep learning curve, especially for developers. At the same time, AEM is easier to use than more established and more expensive content management solutions, placing AEM somewhere in between free and very costly solutions.<\/p>\n<p>From a technical perspective, AEM is a conglomerate of open source technologies with several touches from Adobe, placing AEM somewhere in between open-source and proprietary software. It is those touches from Adobe that make the system shiny and usable. For example, a visual drag and drop page builder has been the standard way for creating pages in AEM \u2014 long before WordPress Gutenberg was born.<\/p>\n<p>Let\u2019s take a look at some of the features that elevate the authoring experience above average.<\/p>\n<aside data-audience=\"non-subscriber\" data-remove=\"true\">\n<div>\n<div>\n<p>\n              Our new book, in which Alla Kholmatova explores<br \/>\n              how to create <strong>effective and maintainable design systems<\/strong> to design great digital products. Meet <strong><a href=\"http:\/\/bit.ly\/2Fl8Q7T\">Design Systems<\/a><\/strong>, with common traps, gotchas and the lessons Alla has learned over the years.\n          <\/p>\n<p>          <a href=\"http:\/\/bit.ly\/2Fl8Q7T\"><br \/>\n          <button><br \/>\n            Table of Contents\u00a0?<br \/>\n          <\/button><br \/>\n        <\/a>\n      <\/div>\n<div>\n        <a href=\"http:\/\/bit.ly\/2Fl8Q7T\"><\/p>\n<div>\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/design-systems-hardcover-book-2.png?w=900\"><\/div>\n<p>      <\/a>\n      <\/div>\n<\/p><\/div>\n<\/aside>\n<h3>Components (Blocks)<\/h3>\n<p>One of the most significant ideas for websites is the concept of a component (or <em>block<\/em> in WordPress lingo). A component represents a piece of content that follows specific rules instead of being a blob of anything. For example, you can have a video component where the author can only paste in a Youtube link and control Youtube-specific settings. Or you can have a quote component where the author adds a quote to one text field and the name of the person being quoted to another text field. You can even have a layout component that contains other components and displays them below each other on a mobile device, whereas on a large screen, those components get spread across three columns.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-component-title.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-component-title.png?w=900\" sizes=\"100vw\" alt=\"Title component in AEM with an overlay that includes an edit button\"><\/a><figcaption>\n\t\t\tAuthors can update components right in the visual editor. Available editing options get displayed based on the selected component. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/developing\/using\/spa-walkthrough.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/82aca476-833a-4473-9c47-b8c456ba3f1e\/aem-component-title.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>An author knows exactly what to expect from a specific component and can easily fill it with the appropriate content. Equally important are the long-term benefits and new opportunities that wouldn\u2019t be feasible for the old school \u201cone text field fits all content\u201d approach that has been prevalent for the past decades:<\/p>\n<ul>\n<li>If a component requires a date input, the component authoring dialog can display a date picker instead of a plain text field, making it easier for the author to pick a date with the right format.<\/li>\n<li>If a designer wants the name of a quoted person to be displayed above the quote instead of below the quote, the developer can easily rearrange the code because the quote and the name are stored separately. If the quote and name would be stored the old-fashioned way, the developer would have to manually extract the name from the text blob and move it in front of the quote.<\/li>\n<li>If a quote needs to be translated from English to German, the quote can be submitted to a translation service. If the translation service has translated this quote before already, it can return the saved translation. If the quote would be part of a longer paragraph instead of being standalone, the translation would be much harder and probably require a human translator.<\/li>\n<li>If a video lacks a transcript and therefore prevents deaf users from consuming it, the component can be complemented with a summary text that makes the video more accessible to deaf users.<\/li>\n<\/ul>\n<p>Component-based editing has been embraced by users of AEM for a while already, and because of the arrival of Gutenberg in WordPress 5.0, component-based editors are now the de facto standard for authoring web pages.<\/p>\n<p><strong>Note<\/strong>: <em>Leonardo Losoviz dives deeper into the <a href=\"https:\/\/www.smashingmagazine.com\/2018\/11\/implications-blocks-blobs\/\">implications of blocks<\/a> in the context of WordPress.<\/em><\/p>\n<h3>Fragments<\/h3>\n<p><em>Content fragments<\/em> and <em>experience fragments<\/em> are new terms that have been dominating the AEM scene for the past year. I\u2019ll summarize those two concepts simply as <em>fragments<\/em>. In essence, fragments allow authors to create neutral content that can be used across web, mobile, social media and other channels.<\/p>\n<p>Fragments are created outside of a page editor and are, compared to a component, less opinionated about how their data is going to be used. Let\u2019s imagine a fragment called \u201cQuote of the day\u201d that authors update once a day with a new quote. Now the quoted text of this fragment can be used in a variety of places:<\/p>\n<ul>\n<li>A footer widget displays the quote of the day at the bottom of every page. As soon as an author updates the fragment, the footer updates as well. The fragment determines <em>what<\/em> is going to be displayed whereas the footer widget determines <em>how<\/em> the quote is going to be displayed.<\/li>\n<li>A quote component allows authors to import a quote from past \u201cQuotes of the day\u201d and add it to the blog post.<\/li>\n<li>A plugin adds a \u201cShare quote of the day\u201d button to the homepage. Whenever someone clicks on that button, the plugin takes the quote of the day and formats it to meet best practices for sharing via Facebook, Twitter, and email.<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-content-fragment-editor.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-content-fragment-editor.png?w=900\" sizes=\"100vw\" alt=\"Fragment editor for populating a component with airport data\"><\/a><figcaption>\n\t\t\tUsing an editor for fragments, authors focus on related data without having to know how exactly it is going to be displayed on websites and in apps. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/assets\/using\/content-fragments-models.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/2bab17a4-1911-4ca2-b42d-ef3dfb1d6c09\/aem-content-fragment-editor.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>In WordPress, widgets and menus resemble fragments: Authors create menu items in a neutral interface, then developers display those items as part of the theme in a way that makes sense for the theme. If the theme gets replaced with a new theme, those menu items persist and can be displayed in the new theme as well, even though the new theme might look very different from the previous one.<\/p>\n<p>I expect fragments to become more widely used, even though the concept has different names in different systems. Indeed, Matt Mullenweg already <a href=\"https:\/\/wptavern.com\/state-of-the-word-2018-wordpress-embraces-the-block-editor\">announced<\/a> that his team is currently focusing on \u201cexpanding the block interface to other aspects of content management [including the creation of] a navigation menu block [and] porting all widgets over to blocks.\u201d<\/p>\n<div><\/div>\n<h3>Page Templates<\/h3>\n<p>Pages templates can be described as higher-level components because they include several other components. In AEM, authors can create templates that lock components such as a header component into a fixed position while also defining flexible areas where components can be added on a per page basis.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-template-editor.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-template-editor.png?w=900\" sizes=\"100vw\" alt=\"Page template editor\"><\/a><figcaption>\n\t\t\tThe template on this screen provides a heading, image and text component by default. It prevents authors from removing the \u201cText Locked\u201d text and allows authors to add more components below that text. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/templates.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5d9ab17d-a89e-4491-b63d-63afa7f0c656\/aem-template-editor.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>One important aspect of this is that such a flexible area can limit which components can go into it. That way you can create page templates for different purposes:<\/p>\n<ul>\n<li>Template #1: <strong>Article page template<\/strong><br \/>\nHeader, title, content area and footer are fixed. The author can update the title component but can\u2019t remove it. The author can drop text, image and video components into the content area.<\/li>\n<li>Template #2: <strong>Landing page template<\/strong><br \/>\nOnly a logo and a title component at the top of the page are fixed. The author can choose among a set of landing page-specific components that are optimized for converting visitors into customers.<\/li>\n<\/ul>\n<h3>Permissions And Workflows<\/h3>\n<p>It\u2019s unlikely that every author in a large team should be able to modify critical templates such as the article page template. In order to prevent people from being able to accidentally and irrevocably break the site, it is important to define who can modify which part of the site. Welcome to the concept of permissions and workflows. This concept is neither new nor special, but it\u2019s important for large teams.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-permission-management.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-permission-management.png?w=900\" sizes=\"100vw\" alt=\"Screen where admins handle detailed permissions.\"><\/a><figcaption>\n\t\t\tYes, AEM\u2019s interface for handling permissions could need a facelift. Anyhow, it works. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/administering\/using\/security.html#ViewingDetailedPermissionInformation\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4b42ddb3-83f5-46ea-9065-7d4514f3c554\/aem-permission-management.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>A typical AEM site includes the actual production website and at least one production-like site, aka <em>staging<\/em>. Authors can publish content to a private staging site before publishing it to the public production site. The process of publishing content to staging followed by publishing content to production can be called a workflow. Another common type of workflow is that the content must go through an approval process before it can be published to the production site, and only certain people are able to hit the \u201cpublish to production\u201d button.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-workflow.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-workflow.png?w=900\" sizes=\"100vw\" alt=\"Page editor with workflow message\"><\/a><figcaption>\n\t\t\tThis page indicates that a workflow has been initiated and the author can either complete or delegate the \u201cRequest for Activation\u201d. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/editing-content.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b9d52030-4c94-4a42-9dd0-73b2274e6aa5\/aem-workflow.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>Permissions and workflows are features that are negligible on small teams. However, as a team grows, those features become critical for the productivity and success of the team. Despite AEM comes with the basics for creating workflows and developers can make AEM work for any specific need, it requires quite some code changes and isn\u2019t implemented with the snap of a finger. This is even more true for WordPress. It would be nice to have an authoring-friendly tool to create custom workflows.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/workflows-in-git-beta.jpg 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/workflows-in-git-beta.jpg?w=900\" sizes=\"100vw\" alt=\"Visual workflow editor in Git\"><\/a><figcaption>\n\t\t\tImagine how a user-friendly tool could simplify the creation of workflows. Here is how the <a href=\"https:\/\/css-tricks.com\/introducing-github-actions\/\">creation of workflows in Github<\/a> will look like once Github Actions are out of beta. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/49b1c552-e42f-4865-aa8c-a39a0d8cf6e3\/workflows-in-git-beta.jpg\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<h3>Editing Modes<\/h3>\n<p>In AEM, authors can quickly edit and view each page in different modes. The author switches between modes based on what job needs to get done:<\/p>\n<ul>\n<li>To arrange components and edit their content, choose <em>Edit<\/em> mode.<\/li>\n<li>To change how components should be arranged on an iPad, choose <em>Layout<\/em> mode.<\/li>\n<li>To look at the content as if you were a visitor, choose <em>Preview<\/em> mode.<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-layout-mode.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-layout-mode.png?w=900\" sizes=\"100vw\" alt=\"Page editor emulating an iPad-sized screen\"><\/a><figcaption>\n\t\t\tOn this page responsive layout mode is active. The author can emulate different device sizes and adjust the position of components within a responsive grid. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/responsive-layout.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6c3f6bc5-52d0-4e72-8a31-1a4bef2517c4\/aem-layout-mode.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>There are a few more modes that show up based on how the site is set up. One ideal scenario is that A\/B testing and personalization is set up by integrating AEM with Adobe Target. Using <em>Targeting<\/em> mode, authors can define when to show certain components based on a visitor\u2019s location, age, referral page, the time of the day, etc.<\/p>\n<p>Integrations in AEM are comparable to plugins in WordPress but with the difference that AEM integrations are more complex and usually custom-tailored. Especially integrating AEM Target can be more painful than salespeople make it sound. ?<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-layout-modes-dropdown.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-layout-modes-dropdown.png?w=900\" sizes=\"100vw\" alt=\"Dropdown with layout modes\"><\/a><figcaption>\n\t\t\tSwitch the mode through a dropdown. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/content-targeting-touch.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/23a6af61-c710-4b91-a330-28c0b3f17612\/aem-layout-modes-dropdown.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-targeting-mode.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-targeting-mode.png?w=900\" sizes=\"100vw\" alt=\"Editor where author defines a target audience\"><\/a><figcaption>\n\t\t\tIn targeting mode, content can be personalized and tested right from the page editor. (<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/content-targeting-touch.html\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/eadf6841-4482-4a20-a898-5dd44e17ec84\/aem-targeting-mode.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>Putting development complexity and money aside, the consequence of such an effort can result in a superb authoring experience. The concept of editing modes demonstrates how a simple dropdown creates an opportunity for authors to get a range of jobs done while staying on a single page.<\/p>\n<div><\/div>\n<h3>Visual Single-Page Editor<\/h3>\n<p>Looking at the screenshots in this article, you must have realized that AEM\u2019s page editor is not just component-based but also visual: If a component gets updated, the change becomes visible immediately and the author doesn\u2019t have to open a preview in a new window. Quite a feature. Even though page builders are omnipresent in the WordPress ecosystem, the team behind WordPress has yet to define a best practice for visual editing. Let me take this one step further and ask: What happens if you marry visual editors with single-page applications (SPAs)?<\/p>\n<p>SPAs are websites where navigating from one page to another feels seamless because the browser doesn\u2019t have to reload the whole page. Some popular websites such as Gmail and Facebook are SPAs but most of the sites on the internet are not. One reason for rather low adoption is that creating SPAs is hard, and maintaining SPAs with thousands of pages is even harder. There are currently two major ways for managing content in SPAs:<\/p>\n<ul>\n<li>The content of a site gets updated by updating code. That\u2019s obviously not authoring-friendly.<\/li>\n<li>The content is managed in a CMS that is decoupled from the visitor-facing part of the website. The content from the CMS is consumed via an API, for example by a React app. The authoring interface looks different from the assembled site that the visitor will see.<\/li>\n<\/ul>\n<p>Implementing a visual editor and an SPA each by itself is already a tough technical challenge. Having a visual editor that works <em>with<\/em> an SPA is nearly unheard. Adobe\u2019s team is working on supporting SPAs in AEM while trying not to compromise any benefits of their existing system. Even though promising first versions have been released to the AEM community in 2018, there\u2019s still a lot of work to be done.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-react-component.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/aem-react-component.png?w=900\" sizes=\"100vw\" alt=\"Weather component with overlay\"><\/a><figcaption>\n\t\t\tThis page shows a React app. Note how AEM has added a layer on top of the weather component so authors can edit its properties. (<a href=\"https:\/\/video.tv.adobe.com\/v\/22229?quality=9\">Image source<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a572ee5d-7980-49d7-8651-7941f1bc5183\/aem-react-component.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<h3>Summary<\/h3>\n<p>Adobe Experience Manager comes with several useful features that have already made or will make their way into popular open-source projects. AEM didn\u2019t necessarily invent the concepts highlighted in this article, but it certainly commercializes well as one of the most authoring-friendly systems on the market.<\/p>\n<p>The concept of components became mainstream with the introduction of blocks in WordPress. The concept of fragments, page templates, permissions and workflows are at least partially implemented in WordPress and are important for teams with many authors that serve content to multiple channels.<\/p>\n<p>The authoring experience can be improved even more using a visual editor with edit modes and support for single-page applications. Such an editor is difficult to implement but as the efforts by Adobe indicate, the improved experience might be worth the effort and eventually make it into WordPress as well.<\/p>\n<h4>Further Reading<\/h4>\n<ul>\n<li>\u201c<a href=\"https:\/\/content.design\/2015\/09\/training-the-cms-building-a-better-authoring-experience\">Building A Better Authoring Experience<\/a>,\u201d Eileen Webb<\/li>\n<li>\u201c<a href=\"https:\/\/helpx.adobe.com\/experience-manager\/6-4\/sites\/authoring\/using\/author-environment-tools.html\">Authoring: The Environment And Tools<\/a>,\u201d Adobe Help Center<\/li>\n<li>\u201c<a href=\"https:\/\/chrishallahan.com\/blog\/how-to-make-a-user-friendly-web-content-management-system\">Designing A User-Friendly Web Content Management System<\/a>,\u201d Christopher Hallahan<\/li>\n<li>\u201c<a href=\"https:\/\/www.oreilly.com\/library\/view\/author-experience\/9781492002079\/\">Authoring Experience<\/a>,\u201d Rick Yagodich<\/li>\n<\/ul>\n<div>\n  <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/logo-red-22.png?w=900\" alt=\"Smashing Editorial\"><span>(dm, ra, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adobe Experience Manager vs. WordPress: The Authoring Experience Compared Adobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00 Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":59634,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-59633","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-01-31T11:18:54+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-01-31T11:18:54+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#article\",\"name\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies\",\"headline\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/design-systems-hardcover-book-2.png?fit=500%2C727&ssl=1\",\"width\":500,\"height\":727},\"datePublished\":\"2019-01-31T04:18:54-07:00\",\"dateModified\":\"2019-01-31T04:18:54-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#listItem\",\"name\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#listItem\",\"position\":3,\"name\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/\",\"name\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies\",\"description\":\"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/design-systems-hardcover-book-2.png?fit=500%2C727&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#mainImage\",\"width\":500,\"height\":727},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/01\\\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\\\/#mainImage\"},\"datePublished\":\"2019-01-31T04:18:54-07:00\",\"dateModified\":\"2019-01-31T04:18:54-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies","description":"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#article","name":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies","headline":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/design-systems-hardcover-book-2.png?fit=500%2C727&ssl=1","width":500,"height":727},"datePublished":"2019-01-31T04:18:54-07:00","dateModified":"2019-01-31T04:18:54-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#listItem","name":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#listItem","position":3,"name":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/","name":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies","description":"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/design-systems-hardcover-book-2.png?fit=500%2C727&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#mainImage","width":500,"height":727},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/#mainImage"},"datePublished":"2019-01-31T04:18:54-07:00","dateModified":"2019-01-31T04:18:54-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies","og:description":"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/","article:published_time":"2019-01-31T11:18:54+00:00","article:modified_time":"2019-01-31T11:18:54+00:00","twitter:card":"summary","twitter:title":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared | Design for Immersive Technologies","twitter:description":"Adobe Experience Manager vs. WordPress: The Authoring Experience ComparedAdobe Experience Manager vs. WordPress: The Authoring Experience Compared Kevin Weber 2019-01-30T13:45:55+01:002019-01-31T10:14:42+00:00Thanks, WordPress and Gutenberg, for making block-based editing the standard for authoring web pages. In this article, I\u2019m going to compare the new authoring experience in WordPress with the experience from Adobe Experience Manager (AEM), an"},"aioseo_meta_data":{"post_id":"59633","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 22:44:41","updated":"2026-09-01 03:28:12","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAdobe Experience Manager vs. WordPress: The Authoring Experience Compared\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"Adobe Experience Manager vs. WordPress: The Authoring Experience Compared","link":"https:\/\/www.taterboy.com\/blog\/2019\/01\/adobe-experience-manager-vs-wordpress-the-authoring-experience-compared\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-fvP","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/01\/design-systems-hardcover-book-2.png?fit=500%2C727&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/59633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=59633"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/59633\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/59634"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=59633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=59633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=59633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}