The Benefits of Going Headless

Going headless requires brainpower. Project and human resource plans that align with going headless is a start.

One of the biggest web development trends in recent years is headless architecture, an approach that separates the behind-the-scenes logic and data of a website (the body) from the visible elements that users interact with (the head). Separating content, back office logic and user interface functionality promises many advantages over traditional, monolithic systems, such as:

  • Faster website speed, which Google rewards with higher search results ranking.
  • Increased agility; decoupling the key pieces of a website reduces inter-dependencies and therefore reduces the amount of testing required with each website code update.
  • Enabling more content reuse across delivery channels like websites, mobile apps, in-store kiosks and automobile consoles.

It’s not surprising that companies are enticed to break apart their all-in-one solution, but be aware that this transition introduces new complexities that require research and preparation. Like knocking over a Jenga tower, you have to rebuild, but this time you’ll assemble multiple structures.

If this is your first headless implementation be prepared to recalibrate your previous web development experience and planning tools. Create project and human resource plans that align with the unique nature of going headless.

Set New Goals

Every project needs goals, and like any project, business outcomes should be your measures of success. This is even more important in a headless project, where the promises are so convincing that project leaders may assume that “going headless” is the goal. Clarify the business objectives that a headless solution will support.

Give your technical team the right target to hit. For example, software flexibility and the ability to switch out one software with little impact to the others is one significant headless advantage. Your developers may latch onto that as a goal. However, your marketing department’s project goal might be increasing organic search traffic. If left uninformed, the developers will overlook tasks that support the marketing department’s goal.

Understand the expectations of the departments funding the project, and communicate them clearly to the implementation team. The goals should be measurable, and woven into task instructions and acceptance criteria. Don’t launch until they’ve been verified.

Related Article: 34 Free or Premium Headless CMS That Should Be on Your Radar

Catalog the Functionality

If you’ve torn down the towering skyscraper and are assembling smaller structures in its place, how can you be sure you’ll replicate the same functionality? Draft a blueprint by cataloging pre-existing functionality. Even if the website is being redesigned, you still need to document its required functionality. List all the capabilities the site performs, big and small. Pay attention to display logic, like if a listing of shoes is sorted by price. Don’t forget to capture admin functionality, like the ability to preview a draft page before it is published.

Ask your technical team to evaluate each item in the list and note how it will be recreated in headless architecture. Some will come easily and follow a standard procedure, but your team will inevitably find areas that require more research. A typical project plan misses these gaps because all-in-one solutions include base functionality like previewing and publishing. Now, they need to be built from scratch.

Related Article: Content Teams: Beware the Headless CMS

Rethink Staff Roles

Historically, tasks are divided between front end developers and back end developers. Front end developers make the user interfaces and implement the visual designs. Back end developers program the behind-the-scenes content types, business logic and services integration. It is historically pretty straightforward to plan responsibilities: assign design-related work to the front end team, and data and logic tasks to the back end developers.

Headless projects reshuffle the traditional team responsibilities. Headless solutions rely on a new generation of software libraries and visual frameworks that can process end user interactions without talking to the back office servers. Now, the task of fetching data that displays on a web page is shared by both roles.

The back end developer’s efforts go into creating an application programming interface (API) that connects systems, and requests and returns data (through endpoints). The front end developer plugs these endpoints into pages to display content — like a list of products, and can even manipulate the content without needing to interact with the web servers. Cross training your existing team will maintain the balance of tasks, but, if possible, hire additional front end developers.

Source link

We will be happy to hear your thoughts

Leave a reply

Reset Password
Shopping cart