Acreditamos que conteúdos estratégicos são a base para criar uma conexão com nossos clientes, tecnologia, design e criação e pesquisa e estratégia. Obra agência

Um Blog da Agência Obra

Um Headless CMS é um sistema de gerenciamento de conteúdo (CMS) apenas de back-end construído desde o princípio como um repositório, que torna o conteúdo acessível por meio de uma API RestFull ou API GraphQL para exibição em plataformas web, aplicativos e sistemas.

O termo surgiu do conceito de cortar a "cabeça" do "corpo", desconectar o front-end do back-end possibilitando deixar as coisas mais independentes sem entraves. Um Headless CMS permanece com uma interface para gerenciar conteúdo e utiliza API RestFull ou GraphQL para entregar conteúdo onde você precisar no seu front-end. 

‍Um Headless CMS não tem preocupações de como e onde seu conteúdo é exibido. Ele tem apenas o foco de armazenar, fornecer conteúdo estruturado e permitir que os editores de conteúdo colaborem com novos conteúdos. Em diversos tipos de plataformas ou sistemas, um exemplo clássico é você usar o conteúdo do seu site em e-commerce como Shopify, criando artigos de Blog e nessa mesma página você consegue vincular produtos do seu e-commerce levando o usuário direto para a tela de checkout. 

Já os CMS tradicionais de CMS monolítico, regular ou acoplado, tem alguns pontos que diferenciam do CMS Headless sendo: 

Um banco de dados para o conteúdo a ser lido e gravado.

Interface administrativa para permitir que os editores gerenciem o conteúdo.

O front-end real que combina os dados do banco de dados com HTML.

É necessário que o front-end seja padronizado com recursos da plataforma.

Não é possível utilizar os recursos de conteúdo dinâmicos em diversas fontes externas.

Mas é possível converter um site construído da forma tradicional, em um Headless CMS?


A resposta é: depende! Para que o site consiga aproveitar o seu máximo, é necessário remover o recurso de modelo tradicional, ou seja, desconectar da sua atual construção e fazer com que a sua consulta seja feita por uma API RestFull ou GraphQL.

Dessa forma a construção do site começa a utilizar os recursos externos e usa o CMS apenas para o gerenciamento do conteúdo, tornando uma aplicação limpa escalável e de alta performance e é claro, sem 5000 plug-ins que fazem com que o site se torne lento e obsoleto, instável e inseguro.

Um resumo prático da construção Headless

Criar um site por conta própria parece ser uma grande tarefa, mas ao separar o CMS do front-end, um desenvolvedor pode escolher qualquer tecnologia com a qual já esteja familiarizado e não precisa aprender a tecnologia desse CMS específico.

O grande benefício nesse tipo de construção e utilizando o CMS como fonte do conteúdo através de API, é a flexibilidade em criar sites escaláveis de fácil manutenção otimizando para o Pagespeed e Core Web Vitals do Google, e o melhor, usar tecnologia de ponta sem se preocupar em perder o conteúdo existente. Pois através da renderização do conteúdo em código temos uma aplicação desacoplada, mas ao mesmo tempo dinâmica. 

De bônus a correção e atualização de eventuais Bug's são seguras de tal forma, que o versionamento das informações ajudam no caso de alguma inconsistência enviada para o site que está no ar.

Hoje em dia, gerenciar conteúdo textual, multimídia, também implica em poder distribuí-lo em diferentes plataformas, seja na Web, comércio eletrônico, aplicativo móveis, smartwatches ou sistemas de sinalização em lojas ou shoppings. Ademais, o conteúdo pode ser personalizado de acordo com o usuário, suas preferências, comportamentos, idioma e localização. Por isso, o conteúdo deve ser um pouco desvinculado e o mais independente possível. 

Tornar a gestão de conteúdos o mais independente possível do meio de distribuição significa ter de implementar soluções em que a parte de gestão de informação esteja dissociada da parte de front-end. Os CMSs que lidam apenas com  a parte de gerenciamento de conteúdo são chamados de Headless CMSs. Portanto, a parte do CMS está focada em funcionalidades de conteúdo, como gerenciamento de conteúdo para estrutura, componentes reutilizáveis, controle de versão, estágios de fluxo de trabalho, backup, confiabilidade, predefinições, colaboração, segurança e assim por diante. 

A dissociação do front-end e da parte de gerenciamento de conteúdo significa que a equipe de desenvolvimento pode escolher sua própria solução, sem restrições  ou requisitos especiais vindo de parte CMS, focando apenas no UX e UI, reduzindo o tempo de comercialização e custos. 

Confira alguns comparativos entre os tipos de construção:

Estrutura de tecnologia substituível - x

Localização        x         x

Manutenção do código         -         x

Separar o Front-end e o Back-end de tecnologia do seu site para poder se mover mais rapidamente.

Sites, aplicativos da web que usam estruturas JavaScript.

Aplicativos móveis nativos (iOS, Android, Windows Phone).

Sites criados com geradores de sites estáticos, como Jekyll, Gatsby, Middleman ou Hugo.

Use-o para sinalizadores de recursos de seu próprio produto para agendar lançamentos de novos recursos.

Como uma interface de configuração para sua solução de automação residencial.

Enriqueça o comércio eletrônico (Shopify, BigCommerce, Commercetools, Hybris, Magento2 ou outros) com um CMS adequado para sua equipe de marketing.

Ou, apenas para gerenciar conteúdo para sua intranet. Como SAP, e Sales Force

Um Headless CMS pode entregar seu conteúdo por meio de uma API diretamente para onde você precisar. Devido à abordagem Headless, o conteúdo pode ser usado em um aplicativo iOS, em um aplicativo Android ou em qualquer plataforma e tecnologia que você imaginar, portanto é uma opção poderosíssima para os desenvolvedores móveis e da web.

Listamos aqui algumas opções de Headless CMS:

Existem também outras opções, mas olhando para os recursos e conceitos, essas são as plataformas que você deve dar uma olhada. O WordPress e o Drupal, já estão trabalhando para, pelo menos, oferecer uma abordagem de API. Ambas tentam fazer o CMS funcionar de uma forma para a qual não foram inicialmente projetados.

Recentemente tivemos um projeto em que utilizamos o WordPress API para criar um portal de notícias que incorporava tecnologias Serverless e Headless. Isso resultou em um impressionante aumento de desempenho que estava de acordo com as últimas atualizações do Google Core Web Vitals. Usando a API conseguimos conectar junto ao Airtable uma estrutura para atualização das páginas institucionais do site e WordPress está sendo utilizado apenas para os conteúdos de artigos imagens e textos. O resultado você pode conferir no site da Disque

Caso ainda reste alguma dúvida fico a disposição para um bate-papo sobre essa tecnologia e sobre seu projeto.

Não existe um CMS 100% certo para cada caso de uso. Mas utilizar a tecnologia Headless para construção de sua aplicação, seja ela Web, App ou e-commerce, só traz benefícios e escalabilidade. 

Não somente para reutilizar seu conteúdo com muito mais facilidade, mas também se quiser mudar de tecnologia e não precisar se preocupar com a plataforma que você escolheu restringindo o Design e engessando a forma como sua empresa relaciona com conteúdo Web, mobile e Offline.

Headless CMS: o que é, como funciona e por que você precisa dele

1. Taxa de Conversão (TC) - O Poder da Transformação

A taxa de conversão é uma métrica fundamental para entender o desempenho do seu produto digital. Ela representa a porcentagem de visitantes que realizam uma ação específica, como efetuar uma compra, se inscrever em uma newsletter ou baixar um material. Para calcular a taxa de conversão, divida o número de conversões pelo número total de visitantes e multiplique por 100.

A TC permite identificar gargalos no funil de conversão, auxiliando na identificação de oportunidades de otimização. Ao acompanhar essa métrica ao longo do tempo, você poderá avaliar o impacto das mudanças implementadas e tomar decisões embasadas para melhorar a experiência do usuário e aumentar as conversões.

2. Churn Rate (CR) - Retenção de Clientes em Foco

A retenção de clientes é essencial para o sucesso de qualquer produto digital. O churn rate, ou taxa de cancelamento, mede a porcentagem de clientes que deixaram de utilizar o seu produto dentro de um determinado período. Para calcular o churn rate, divida o número de clientes que cancelaram pelo número total de clientes ativos e multiplique por 100.

CR = (Clientes Cancelados / Clientes Ativos) * 100

Acompanhar o churn rate é crucial para identificar possíveis problemas no produto ou na estratégia de engajamento. Ao entender as razões pelas quais os clientes estão cancelando, você poderá implementar melhorias e ações de retenção, aumentando a satisfação e fidelização dos usuários.

3. Tempo Médio de Resposta (TMR) - A Experiência do Usuário em Foco

O tempo médio de resposta é uma métrica que indica o tempo necessário para o seu produto digital responder a uma solicitação do usuário. Essa métrica está diretamente ligada à experiência do usuário, pois tem impacto direto na satisfação e na percepção de qualidade. Para calcular o tempo médio de resposta, some o tempo de resposta de todas as solicitações e divida pelo número total de solicitações.

Fórmula do Tempo Médio de Resposta (TMR):

TMR = Soma dos Tempos de Resposta / Número Total de Solicitações

Acompanhar o TMR permite identificar gargalos na performance do seu produto digital e tomar medidas para otimizar a velocidade de resposta. Uma experiência mais ágil e eficiente aumenta a satisfação dos usuários, reduzindo a taxa de abandono e impulsionando o crescimento do seu negócio.

Medir a performance de produtos digitais é essencial para tomar decisões embasadas e otimizar os resultados. Neste artigo, exploramos três métricas fundamentais: taxa de conversão, churn rate e tempo médio de resposta. Ao aplicar os cálculos práticos apresentados, você poderá acompanhar o desempenho do seu produto digital e identificar oportunidades de melhoria. Lembre-se de que cada métrica possui um papel importante na jornada do usuário e na obtenção de resultados positivos. Agora é hora de colocar em prática esses conhecimentos e impulsionar o sucesso do seu negócio!

Por que a taxa de conversão é uma métrica importante para medir a performance de produtos digitais?


A taxa de conversão permite avaliar o impacto das estratégias adotadas e identificar oportunidades de otimização para aumentar as conversões.

Como o churn rate pode ajudar a melhorar a retenção de clientes?

Acompanhar o churn rate ajuda a identificar problemas no produto ou na estratégia de engajamento, permitindo implementar melhorias e ações de retenção.

Qual a importância do tempo médio de resposta na experiência do usuário?

O tempo médio de resposta está diretamente ligado à satisfação do usuário, pois uma resposta ágil e eficiente contribui para uma experiência positiva e de qualidade.

Métricas de Performance de Produtos Digitais: Cálculos Práticos

Otimizar o tempo e os recursos é uma tarefa essencial para qualquer tipo de trabalho que envolva a gestão de projetos. Logo, saber categorizar e criar uma ordem de execução boa para os projetos da sua equipe, é o mínimo para chegar a bons resultados.

Pensando nisso, algumas metodologias foram criadas a fim de deixar de lado a simples e incerta intuição, trazendo dados mais concretos para a decisão. Esse é o caso da Matriz RICE (ou RICE Score).

RICE Score é uma matriz de priorização: uma ferramenta capaz de estabelecer uma prioridade para quais tarefas devem ser feitas primeiramente. Assim você não perde tempo tentando resolver tudo ao mesmo tempo, deixando escapar questões cruciais que passariam batido por falta de organização.

Seu nome é um acrônimo para os 4 elementos utilizados em sua fórmula: Reach, Impact, Confidence e Effort. Cada uma das categorias será convertida em um dado numérico e uma equação será capaz de encontrar um valor final.

O resultado final definirá a relevância de cada tarefa a ser feita. Ficou confuso? Calma que a seguir vamos explicar melhor como essa equação funciona.

Quais são os elementos usados no RICE Score?
‍

Para começar a entender como ela funciona, essa é a equação usada para encontrar seu resultado:

REACH x IMPACT x CONFIDENCE ÷ EFFORT = SCORE

Agora vamos entender melhor o que significa cada elemento da fórmula.

Em tradução livre, Reach significa Alcance. O primeiro medidor diz respeito a quantas pessoas você planeja alcançar com o seu projeto em um determinado período de tempo, que deve ser igual para todos os projetos comparados.

Ou seja, aqui será estimado medidas como “clientes novos por trimestre” ou “X novas assinaturas de newsletter”, entre outros.

Por exemplo, se o previsto for 100 novos usuários por mês (100/mês) e o próximo projeto analisado trouxer 500 usuários por mês (500/mês), esse terá um alcance naturalmente maior.

Impacto é a tradução para Impact. Aqui, será quantificado o impacto que esse projeto terá em um único indivíduo. Por exemplo, se o objetivo for conseguir novos clientes através de um anúncio do Google Adwords, a pergunta feita será: quanto esse anúncio é capaz de impactar e converter um potencial cliente?

Não há um método completamente científico para chegar a um resultado. Mas para chegar a um valor numérico, você pode utilizar a seguinte tabela:

Sabemos que nem todos os projetos são movidos por pensamentos analíticos. Muitas vezes levamos em consideração nosso entusiasmo e confiança de que os resultados serão satisfatórios.

É aí que entra o elemento Confidence, traduzido para Confiança. Nesse momento, será definido um valor, em porcentagem, do quão certo você está da veracidade das estimativas, com base em dados e pesquisas.

Por exemplo, se o projeto avaliado tem pesquisa de usuários para impacto, métricas quantitativas para alcance, e uma estimativa de engenharia para o esforço, a confiança será de 100%. Mas o mesmo não acontece para projetos que faltem dados ou não tenham nenhuma pesquisa comprobatória.

Assim como o Impact, aqui você usará uma tabela de valores estimados:

100% = Alta confiança: com dados que comprovem impacto, alcance e esforço;

80% = Média confiança: quando tenha alguns dados, mas faltam pesquisas de impacto ou alcance;

50% = Baixa confiança: quando embora haja a necessidade expressa dessa solução, não tenha pesquisas nem dados.

Qualquer coisa abaixo de 50% é quando não teve nenhuma pesquisa, teste ou embasamento e não deve ser considerada.

Agora é a hora de pesar o lado negativo na equação: o esforço, tradução do inglês para Effort. Aqui, será estimado o total de tempo demandado por cada membro de sua equipe para a realização do projeto.

A unidade de medida usada para medir o esforço na Matriz RICE é “pessoa-mês”, ou seja, é o trabalho que uma pessoa do time poderá realizar em um mês. Ao contrário dos outros medidores, aqui quanto maior o número, pior será para o projeto.

Por exemplo, se o projeto precisar de 5 pessoas trabalhando por um mês, o Effort será de 5 pessoas-mês. Se forem 3 meses e tiverem 3 membros na equipe, o resultado será 1 pessoa-mês.

Dados reunidos, mãos a obra: como aplicar a matriz RICE
‍

Agora que todos os valores foram estimados, é hora de aplicar a fórmula em cada projeto para chegar a um valor de priorização.

Basta multiplicar os três primeiros números coletados e dividir pelo esforço. O resultado final será o valor RICE.

Para implementar em sua equipe, é necessário que todos os setores consigam agir de maneira integrada. A partir daí, cabe ao gestor convencer da importância de seguir a matriz. Dessa forma fica mais fácil coletar as informações necessárias para que o cálculo seja feito.

Uma planilha simples pode simplificar o processo para todas as equações, tornando o desenvolvimento ainda mais rápido. Mas ainda é importante fazer uma dupla checagem depois dos resultados, garantindo que os números estejam o mais próximo da realidade possível.

Qual a importância do RICE Score para o Roadmap de produtos digitais?
‍

Existem muitos benefícios ao utilizar a Matriz RICE, como uma maior organização e controle sobre os projetos, mas com certeza a maior é a possibilidade de trabalhar com prioridades claras e objetivas. Assim, não há espaço para má interpretação que possa prejudicar o desenvolvimento e produtividade na empresa.

A matriz é uma ótima ferramenta para auxiliar na tomada de decisões importantes, tirando aquela dúvida da cabeça sobre o que fazer primeiro. Você pode deixar que ela decida por você, com dados que comprovam a sua escolha.

Independente se você escolher trabalhar primeiro em projetos com menor ou maior nível de prioridade, é importante entender com clareza a opção escolhida.

Por fim, ela facilita também o entendimento entre os membros da mesma equipe.

Seguindo uma matriz de organização, como a RICE, com certeza você terá mais agilidade e organização no seu time e empresa. Aqui na Obra, nós o utilizamos para encontrar a melhor forma de desenvolver nossos projetos, entregando maior qualidade nos resultados.

Quer saber mais sobre inovação, tecnologia, ferramentas e métodos para a organização do seu negócio? Continue acompanhando nosso blog!
‍
Leia também: 5 dicas para criar User Story Mapping para produtos digitais

RICE Score e a sua importância para o Roadmap de produtos digitais

Inventada no final da década de 80, Story Mapping é uma técnica que coloca o usuário como centro do estudo para entender o produto, a partir de estórias. Com isso, entendemos melhor qual será a experiência dele com o software, como ele de fato irá utilizar e quais fluxos fará.

Essas histórias são pequenas e simples descrições de alguma funcionalidade a partir da perspectiva do usuário ou cliente. Lembrando ainda que esse usuário não é um só: existem administradores, equipe de operações, etc, além do usuário final a quem se destina o software. E é por isso que o Story Mapping não é estático, sendo necessário vários mapas para transmitir o entendimento de forma simples e ágil. Para que a dinâmica funcione, é importante que todos participem na hora de montar as histórias. É sobre ter uma boa e velha conversa e organizar isso em forma de mapa. Logo, somente em conjunto é que se criam mapas capazes de entregar um bom entendimento sobre o produto.

Por fim, o Story Mapping são listas dessas histórias dos usuários, geralmente representadas de maneira informal e identificando uma funcionalidade. Assim, se for bem feita, ela deve agregar ao projeto e é capaz de aproximar as necessidades reais do cliente.

Entender o que usuário deseja através de pesquisas e documentações formais geralmente resulta em produtos ruins. Mais importante que as funcionalidades, são os objetivos alcançados e como ele melhora a vida das pessoas.

Um bom User Story Mapping é capaz de solucionar esse problema ao gerar uma visão dinâmica que encontra com precisão as vontades do usuário final.

Além disso, diferentes áreas de atuação em uma equipe podem interpretar com mais facilidade, encontrando novas soluções para o mesmo assunto. 

5 dicas para criar User Story Mapping para produtos digitais

Agora que você já entende melhor o que é User Story Mapping, nós vamos te dar algumas dicas para criar boas histórias, capazes de ajudar a entregar um software, site ou outros produtos digitais excelentes.

Um bom e validado Story Mapping deve ser feito seguindo o método INVEST, que é uma sigla das principais características que uma boa história deve ter. São elas:

I: Independent (Independente)
As histórias de usuários devem ser independentes umas das outras. Assim, uma será capaz de complementar a outra, que compartilham da mesma infraestrutura, encontrando soluções para as diferentes dores dos usuários.


N: Negotiable (Negociável)
Embora as histórias possam trazer diversos insights, elas ainda são apenas desejos do consumidor. Logo, elas devem ser dinâmicas e negociáveis.


V: Valuable (Valiosa)
É crucial que o desenvolvedor consiga priorizar o software. Ou seja, toda história deve representar valor de negócio.


E: Estimable (Estimável)
Para que a metodologia seja ágil, o sprint deve resultar em soluções práticas. Para isso, as histórias devem ser estimáveis, ou seja, que os desenvolvedores consigam compreender o seu funcionamento.


S: Small (Pequena)
Deve ser pequena e objetiva, evitando incertezas.


T: Testable (Testável)
Os critérios da história devem permitir serem testadas para chegar a uma validação. Ou seja, devem ter dados concretos que tornem os testes possíveis.

Como o nome já diz, a história é centrada no usuário ou cliente final. Logo, o foco deve estar no que o seu cliente deseja e não no público que você acredita que tenha.

Então conheça bem seu consumidor para que suas histórias sejam de valor. Faça pesquisas e trace personas específicas.

3. Personas são um ótimo ponto de partida

Se o cliente final é a prioridade, as personas são o ponto de partida para criar suas histórias com fidelidade aos desejos do cliente.

Personas são perfis que representam o seu usuário final, ou seja, você irá criar personagens com as mesmas características e, a partir dessas definições, poderá levantar seus desejos.

É recomendado que exista mais de uma persona para se adequar aos diferentes tipos de usuário final. Depois de criados, combine cada um a story-mappings diferentes.

Ao contrário das documentações de todo o projeto, o Story Mapping é informal. Elas servem apenas para representar as vontades do seu usuário e não devem ser um relatório perfeito.

O ideal é que se pareçam com conversas comuns, que podem mudar ao longo do desenvolvimento.

É importante se atentar a cada pequena tarefa ao escrever um bom User Story Mapping. Ou seja, toda frase, por mais curta que seja, deve ser anotada descrevendo um comportamento do usuário. Essas pequenas tarefas serão o ponto de partida para o resultado final. Escreva-os em post-its e vá organizando até formar linhas de rotina completas.


Seguindo um bom User Story Mapping, com certeza você e sua equipe encontrarão as melhores soluções. Na Obra, por exemplo, nós o utilizamos para entregar ainda mais valor ao negócio de nossos clientes, frequentemente utilizando em projetos complexos que necessitam do mapeamento de comportamento de usuários.


Leia também: ICP: o que é e quais são os benefícios para as empresas?

Desenvolvimento e Produção

Headless CMS: o que é, como funciona e por que você precisa dele

Métricas de Performance de Produtos Digitais: Cálculos Práticos

RICE Score e a sua importância para o Roadmap de produtos digitais

5 dicas criando User Story Mapping para produtos digitais