Gutenberg: o que é bom, o ruim e as soluções

Gutenberg é o novo editor padrão do WordPress (lançado em 6 de dezembro de 2018), substituindo o TinyMCE, que é um processador de texto. 

Em poucas palavras, ele funciona empilhando “blocos” de vários tipos de conteúdo, permitindo que um usuário crie o tipo de conteúdo que anteriormente precisaria de um tema personalizado ou de um plug-in de criação de páginas dedicado para produzir.

Pelo seu valor aparente, parece uma grande melhoria, mas o lançamento do novo sistema não foi totalmente tranquilo, com uma quantidade considerável de comentários negativos. Agora, alguns meses após o lançamento, as grandes questões são: negativo foi o feedback, o que causou isso, e o que pode ser feito para ver Gutenberg se tornar um sistema que os usuários amam?

Neste post, veremos os prós e contras de Gutenberg, incluindo opiniões de usuários e especialistas do setor, e veremos o que pode ser feito para melhorá-lo.

Revisões do usuário 75% Negativo

Avaliações de usuários da Gutenberg

A resposta ao novo editor de Gutenberg não parece tão boa do ponto de vista do usuário final. No momento da escrita está sentado em uma classificação de 2 de 5 estrelas, de um total de 2.438 comentários . Se considerarmos uma avaliação de 4 ou 5 estrelas como favorável, uma crítica de 1 ou 2 estrelas como desfavorável e 3 estrelas como neutra:

  • 531 ou 22% dos revisores gostam do plugin
  • 1,818 ou 75% não gostam
  • 89 ou 3% são neutros

Em outras palavras:

Grosso modo, 3 dos 4 revisores não gostam de Gutenberg.

É certamente possível que aqueles que não gostam de Gutenberg estejam mais motivados a escrever uma resenha e, portanto, os números podem ser distorcidos. No entanto, um ponto adicional de informação é que o plugin Classic Editor , que troca o editor do WordPress de volta para sua forma anterior, tem mais de 2 milhões de instalações. O plugin Classic Editor não vem junto com o WordPress – ele precisa ser instalado deliberadamente. Pode ser possível inferir daí que cerca de 2 milhões de usuários ativos decidiram, pelo menos por enquanto, não usar Gutenberg.

Por que, então, uma proporção tão alta de usuários prefere ficar longe de Gutenberg em sua forma atual?

As reclamações mais comuns, conforme você lê as resenhas, podem ser resumidas nestes pontos:

  • Comutador automático em vez de opcional dos editores
  • Quebras na compatibilidade com temas e plug-ins ou em fluxos de trabalho existentes
  • Difícil de usar, pesado
  • Não pronto para produção devido a problemas de usabilidade ou bugs

Por outro lado, os pontos mais comuns de elogio são:

  • Fácil de usar
  • Não desenvolvedores podem usá-lo para criar layouts complexos
  • Torna o WordPress mais bem equipado para o futuro

Comentários de WP Devs

O que as pessoas da indústria têm a dizer sobre Gutenberg? Em geral, tem havido uma boa discussão entre os profissionais da indústria em torno de como o desenvolvimento e a liberação foram gerenciados, mas o que dizer do novo editor em si?

Vamos ouvir alguns desenvolvedores do WP:

“O lançamento de Gutenberg foi apressado e ainda tem algumas arestas. Dito isso, espero que isso seja resolvido no próximo ano. É, sem dúvida, o futuro do WordPress, então você precisa pensar nisso mais cedo ou mais tarde! ”

– Stephen Cronin , especialista em WordPress na Envato

“Estou muito empolgado com o novo ecossistema dos blocos e kits de ferramentas de Gutenberg para ajudar as pessoas a fazer ainda mais com o novo editor. Que hora de ser um desenvolvedor do WordPress! ”

– Rich Tabor , fundador da ThemeBeans

“Eu acho que o editor do WordPress estava muito atrasado para uma revisão. Embora eu não tenha um problema com o conceito do novo Editor de bloco, tenho muitos problemas com a implementação atual e com o que foi adicionado ao Core.

O Editor de Blocos tem UI & UX extremamente ruim, e como até mesmo admitido pela Equipe de Acessibilidade do WordPress, pouca acessibilidade. Eu estou constantemente encontrando muitos problemas sempre que eu tento usar / testar, e combinado com a sua fraca usabilidade, vai demorar um bom tempo até eu considerar usar isso para um site de cliente ou mesmo para qualquer um dos meus sites.

O outro problema que tenho com o Block Editor é a complexidade que eles introduziram para os desenvolvedores que querem desenvolver qualquer coisa para o Block Editor, e também como eles lidam com cada bloco. Você não pode simplesmente alterar a marcação para um bloco, você tem que passar por um processo de depreciação inteiro, exigindo que os desenvolvedores mantenham o antigo código legado de modo a evitar que os blocos sejam quebrados. Isso está adicionando inchaço desnecessário ao WP.

Como uma grande parte da comunidade WordPress, acredito que o Editor de Blocos deveria ter sido mantido como um plugin, pelo menos para algumas versões principais, até que a UI & UX tenha melhorado consideravelmente, e a maioria dos problemas tenha sido fixo.”

– Anthony Hortin, Maddison Designs

O que o usuário e o feedback do desenvolvedor nos dizem

Quando olhamos para o feedback dos revisores e desenvolvedores do WordPress, há alguns esclarecimentos:

  • Gutenberg tem pessoas positivas que gostam e apreciam.
  • Gutenberg tem pessoas negativas que atualmente não estão satisfeitas.
  • Gutenberg está por perto, para melhor ou para pior.

Tendo em conta estes três fatores, a verdadeira questão é:

Quais são alguns meios pelos quais Gutenberg pode se tornar positivo aos olhos da maioria dos usuários e desenvolvedores?

Vamos dar uma olhada em alguns dos principais pontos fortes e fracos de Gutenberg para descobrir.

Por que Gutenberg é uma adição fantástica ao WordPress

Houve um monte de foco sobre as coisas que as pessoas não gosto sobre Gutenberg, mas dado que está aqui para ficar, pode ser mais produtivo começar por olhar para as coisas que não têm indo para ele.

Layouts personalizados e ricos sem codificação

Fácil para o usuário médio

Anteriormente, se um usuário quisesse fazer algo não fornecido pelo editor clássico, ele teria que inserir uma codificação personalizada via HTML embutido, um tema personalizado ou um plug-in.

Com o sistema de blocos de Gutenberg, por outro lado, há permutações efetivamente ilimitadas em como os blocos podem ser montados, o que significa que o editor pode capacitar o usuário de maneiras anteriormente impossíveis com uma instalação WordPress pronta para uso.

Um editor forte de Gutenberg significa que as pessoas podem fazer mais do que apenas escrever artigos para si – dado um tema de qualidade compatível com Gutenberg como base, elas podem construir sites inteiros sem precisar de assistência.

Processo simples para alterar pedidos de conteúdo

Exemplo de como o pedido de bloqueio do Gutenberg pode ser alterado
Exemplo de como o pedido de bloqueio do Gutenberg pode ser alterado

No editor do TinyMCE, se você decidisse mover um parágrafo de texto, uma imagem ou um cabeçalho, teria que cortar e colar, e depois esperar pelo melhor. Perdi a conta do número de vezes que ajudei alguém com um problema em seu site que provou ter vindo do HTML em sua postagem ficar confuso durante o processo de edição.

Com o sistema de blocos, se você quiser alterar a ordem do seu conteúdo, basta clicar no botão “Mover para cima” ou “Mover para baixo” de um bloco ou arrastar e soltar o bloco. Isso pode poupar muita dor de cabeça para os usuários que tentam ajustar seu trabalho na hora.

Muito Potencial para Plugin e Desenvolvimento de Tema

Gutenote - Gutenberg compatível com o tema WordPress
Gutenote: tema WordPress otimizado para Gutenberg

Os desenvolvedores do WP Industrious já estão trabalhando duro na criação de plugins e temas que alavancam e expandem o Gutenberg.

Através das APIs do WordPress, é possível criar blocos personalizados que aparecerão como opções para os usuários. Nós cobrimos como você pode usar o kit de ferramentas “create-guten-block” para ajudá-lo com este processo em nosso curso Construindo blocos de Gutenberg com o bloco create-guten .

Os temas do WordPress agora podem se aprofundar em todos os diferentes tipos de bloco que o Gutenberg oferece e fornecer um estilo único para cada um. Você pode conferir alguns ótimos temas fazendo exatamente isso em nosso resumo de “ Os Melhores Temas WordPress Otimizados para o Gutenberg, Disponíveis Agora ”.

Por que o Gutenberg é um problema para os usuários do WordPress?

A queixa mais comum sobre Gutenberg parece ser que ela foi automaticamente instalada sem uma escolha. No entanto, se todos preferirem Gutenberg ao TinyMCE, isso provavelmente não será um problema. Por que, então, os usuários preferem o TinyMCE sobre Gutenberg a ponto de desejarem ter recebido a opção de continuar usando o primeiro? Nós tocamos nas razões anteriores, mas vamos expandir um pouco.

Compatibilidade e alterações de quebra de fluxo de trabalho

Uma das fontes mais fortes de vitalidade para o mundo WordPress é o seu enorme e próspero ecossistema de plugins e temas. Existem inúmeras configurações de sites personalizados hoje com temas e plugins desse ecossistema que dependem inteiramente da maneira como o editor de postagem, os campos personalizados e os metaboxes funcionavam antes de Gutenberg. Para muitos proprietários desses sites, após a chegada de Gutenberg, a experiência deles foi que a funcionalidade da qual dependiam para o fluxo de trabalho simplesmente parou de funcionar.

Isso foi agravado pela liberação de Gutenberg sendo saltado sobre plugin WP e temáticos devs com apenas três dias de antecedência, em dezembro, em vez da data de lançamento janeiro anteriormente indicado, e por um ciclo de desenvolvimento durante o qual as mudanças frequentes forçado os fabricantes de tema e plugin para implementar e re-implementar a compatibilidade mede várias vezes. Além disso, no lançamento ainda havia uma longa lista de problemas não resolvidos que estavam programados para serem corrigidos em uma atualização posterior.

Todos esses fatores se combinaram para tornar a primeira experiência de Gutenberg uma questão técnica para muitos usuários.

Mesmo quando os usuários não tiveram problemas de compatibilidade, vimos vários relatórios de pessoas dizendo que não apreciavam a mudança significativa nos fluxos de trabalho existentes que precisariam assumir se mudassem do TinyMCE para Gutenberg.

Revisar descrevendo processo lento

Curva de aprendizado repentina e problemas de usabilidade

Do ponto de vista dos desenvolvedores do WordPress e das pessoas que seguem as notícias do WP, Gutenberg está no caminho há dois anos.

Mas para o usuário médio que apenas loga periodicamente para adicionar conteúdo e atualizar seu site, a palavra “Gutenberg” não significa nada em particular, o editor ao qual eles se acostumaram ao longo dos anos se foi, e a nova interface é confusa e inteiramente não familiar.

O sistema de blocos pode revelar-se uma experiência melhor para os usuários, uma vez que eles se sintam confortáveis ​​com ele, ou quando aprimoramentos de usabilidade e correções de bugs forem adicionados, mas até esse momento é uma fonte de frustração e lentidão para muitos.

Possíveis maneiras de aliviar os pontos de dor

Para tornar os desenvolvedores e usuários satisfeitos com a presença de Gutenberg, suas principais deficiências precisariam ser corrigidas enquanto seus pontos fortes fossem acentuados. Há muitas maneiras de fazer isso, mas aqui estão duas possíveis adições úteis ao sistema atual que vêm à mente.

Ofereça uma escolha clara entre o Classic e o Gutenberg

Uma das queixas mais comuns é que as pessoas achavam que não tinham escolha e Gutenberg foi empurrado para elas. Esta é uma preocupação agravada pelo fato de que tanto usuários como desenvolvedores sentem que o lançamento de Gutenberg foi apressado, e que não está atualmente pronto para uso em produção. Por essa razão, parece que uma das primeiras coisas positivas que o WordPress pode fazer é introduzir a escolha de uma maneira que alivie essa preocupação, especialmente até que Gutenberg amadurece em um editor que as pessoas acham que é estável e completo.

O que quero dizer com isso é fazer mais do que apenas ter o plugin Classic Editor disponível no repositório, embora isso seja certamente um ótimo começo. O WordPress é um sistema conhecido por ser utilizável por pessoas que não são técnicas e, em muitos casos, não será suficientemente claro para os usuários que enfrentam problemas de compatibilidade ou de usabilidade que o remédio é instalar este plugin.

Em vez disso, talvez por enquanto o plugin Classic Editor deva ser instalado por padrão, e uma escolha clara entre ele e o Gutenberg deve ser oferecida continuamente dentro da interface do WordPress para o futuro próximo.

O pessoal da ThemeFusion, criadores do popular tema Avada , implementou exatamente esse tipo de escolha durante a criação de conteúdo para os usuários do tema. Quando o botão “Add New” é pressionado, uma lista suspensa aparece dando várias opções para o tipo de editor disponível para uso:

Opções do Editor com o ThemeFusion

Se algo assim fosse implementado no núcleo do WordPress, permitiria que as pessoas deixassem o conteúdo existente da maneira como está, enquanto criam postagens “sandbox” nas quais podem aprender o novo sistema em seu próprio ritmo, garantindo compatibilidade com aspectos críticos de seu conteúdo. site, e faseamento em Gutenberg de uma forma que funciona para eles.

Um Tutorial Interativo Mais Expansivo para On-Boarding

É bastante revelador que uma das principais reclamações em avaliações negativas tenha sido a de que Gutenberg é difícil de usar, enquanto um dos principais pontos de elogios em avaliações positivas tem sido o quão fácil é usar. Perante isto, talvez uma parte significativa das opiniões negativas possa ser transformada em opiniões positivas apenas dando mais assistência na aprendizagem do novo editor.

Para este fim, seria muito útil incluir uma abordagem muito mais aprofundada de Gutenberg do que a que você recebe quando a encontra pela primeira vez. Atualmente, as dicas de embarque (resumidas) são:

  1. Adicione um bloco clicando no botão “+”. Existem todos os tipos de blocos.
  2. Existem mais configurações para blocos na barra lateral.
  3. Clique em “Visualizar” para ver uma pré-visualização.
  4. Terminou de escrever? Publique sua postagem.
Atual integração para Gutenberg

Esse é um sistema radicalmente novo, totalmente desconhecido para muitos usuários e, no entanto, apenas duas das quatro dicas de integração se referem a blocos. Além disso, essas duas dicas dizem muito pouco sobre como usar blocos de fato. Um tutorial mais abrangente incluiria tópicos como usar botões da barra de ferramentas e configurações de formatação, adicionar blocos acima ou abaixo do conteúdo existente, mover blocos, excluir blocos, alterar tipos de bloco, adicionar e alinhar imagens, inserir galerias, criar layouts com várias colunas e assim por diante .

Se houvesse uma série de dicas de embarque que levasse os usuários por mais das funcionalidades oferecidas e mostrasse como criar um conteúdo legal que eles não poderiam fazer antes, eles poderiam ficar muito menos sobrecarregados e muito mais animados com o potencial de blocos.

Enquanto isso, montamos um guia próprio, que você segue através do nosso curso “ Criar conteúdo com o WordPress Gutenberg ”.

Conclusão: as boas novas

Quando olhamos atentamente para a situação de Gutenberg, a boa notícia é que não parece que as queixas são principalmente dirigidas aos conceitos fundamentais que sustentam Gutenberg. Em vez disso, eles tendem a ser sobre como o lançamento do editor foi tratado e sobre problemas de usabilidade que poderiam ser solucionados.

Vimos tantos plug-ins de criação de páginas muito populares, como o WPBakery , e temas com construtores de páginas integrados, como o Avada , que está claro que há uma forte demanda por um processo flexível e rico de criação de conteúdo. Isso só precisa ser feito de uma maneira que funcione para os usuários finais.

Se o WordPress aumenta significativamente a escolha do usuário sobre o editor durante a fase de transição, aprimora o processo de integração e continua a eliminar erros e refinar a experiência do usuário, sem dúvida veremos uma comunidade próspera que ama Gutenberg e até o mais infeliz dos críticos volte em um futuro não muito distante.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *