Andrew Roberts, membro da equipe Gutenberg, fala sobre o novo editor do WordPress

Como você deve ter ouvido, o WordPress está atualmente trabalhando em um novo editor de conteúdo chamado Gutenberg. Atualmente disponível como um plugin e configurado para ser fornecido com o WordPress 5.0, o editor é radicalmente diferente do que os usuários do WordPress estão acostumados. As mudanças que ele traz vão além de apenas adicionar e editar conteúdo de postagem padrão.

Gutenberg apresenta desafios para desenvolvedores de temas e plugins, pois afeta Custom Meta Boxes. Isso significa que a utilização de campos personalizados do WordPress, por exemplo, pode parecer e funcionar de maneira diferente do esperado. Ou, pelo menos, esse é o medo que muitos expressaram.

Este projeto produziu uma quantidade incrível de debate dentro da comunidade WordPress. E, com notícias recentes de que o WordPress descartou a ideia de usar a biblioteca React com Gutenberg por causa de possíveis problemas de licenciamento, agora há ainda mais incerteza em torno do editor.

Com toda a confusão e controvérsia circulando, queríamos ouvir alguém de dentro do projeto Gutenberg. Felizmente, Andrew Roberts se aproximou e concordou em responder algumas perguntas para nós. O Sr. Roberts é o CEO da Ephox – a empresa por trás do TinyMCE Editor.

Obviamente, o TinyMCE é atualmente o editor WYSIWYG padrão no WordPress e também fará parte do Gutenberg. Assim, o Sr. Roberts faz parte da equipe que garante que Gutenberg esteja pronto para enfrentar tudo o que pudermos fazer.

Perguntamos ao Sr. Roberts sobre o feedback que a equipe do Gutenberg recebeu, o papel contínuo do TinyMCE no WordPress e os medos expressos pela comunidade. Observe que esta entrevista ocorreu pouco antes do anúncio do React, então não fazia parte da nossa conversa.

P: Você acompanhou a reação da comunidade a Gutenberg? Se sim, como você avaliaria isso até agora?

Sim, tenho acompanhado. Os colaboradores do Gutenberg certamente levam o feedback a sério e tentam responder o máximo possível. Tammie Lister, que é a nova líder de design de Gutenberg, tem feito um ótimo trabalho respondendo a cada revisão no diretório de plugins.

As postagens de blog na web podem ser um pouco mais difíceis de acompanhar, mas, sempre que possível, também respondemos lá. Você vê isso no post de Greg (Greg Schoppe, um desenvolvedor crítico de Gutenberg), onde o líder técnico Matias Ventura tem respondido. GitHub e Slack são obviamente ótimos lugares também.

Eu não tinha nenhuma expectativa definida sobre qual seria a reação. Tradicionalmente, o WordPress usa a experiência do usuário do TinyMCE, semelhante ao Word, para escrever conteúdo. Por mais antigo que pareça, é muito fácil para os novos usuários aprenderem, pois os iniciantes transferem muitas de suas habilidades existentes para blogs e criação de conteúdo da web.

Eu estava muito curioso sobre como os usuários receberiam a natureza “bloqueada” do Gutenberg, que não é como um processador de texto ou qualquer outra ferramenta de desktop com a qual eles possam estar familiarizados. Mas, claramente, uma interface de usuário no estilo de processador de texto não é a única maneira e nem mesmo a melhor maneira de criar conteúdo rico na web. Eu usei minha parcela de construtores de páginas em meus próprios projetos e é difícil criar um ótimo conteúdo no estilo “página de destino” no editor de postagem atual.

Experiências de edição leves como Medium ou Dropbox Paper também são muito boas de usar. Então, talvez tenha chegado a hora de deixar para trás um pouco do paradigma do processador de texto.

Alguns dos melhores feedbacks que tivemos são por meio de entrevistas estruturadas de UX e análises com usuários reais. Construir um ótimo editor envolve acertar milhares de pequenos detalhes e quando somos capazes de identificar problemas específicos e trabalhar neles, progredimos.

P: Parece que uma das maiores preocupações dos desenvolvedores é garantir que a personalização da meta box feita por meio de campos personalizados avançados, etc. ainda funcione e seja facilmente visível quando o Gutenberg for lançado. Como isso está sendo abordado?

Matias deixou muito claro que isso será resolvido antes do lançamento do Gutenberg. Há um ticket do Github muito ativo onde o progresso pode ser rastreado.

A equipe do TinyMCE e eu não temos muito envolvimento aqui. Nossa experiência está mais no lado do editor do que na integração com o WordPress.

P: Como as coisas evoluíram até agora, há uma área específica da qual você mais se orgulha?

O pensamento que entrou na experiência do usuário foi excelente. Todo mundo parece ter uma opinião sobre o que é um “bom editor”, então interagir com usuários reais é fundamental para resolver problemas reais de UX do barulho. Isso começou já em fevereiro.

A equipe tem trabalhado sistematicamente com as questões que surgem dessas entrevistas e, como resultado, tem melhorado enormemente. Construir um editor do zero é muito difícil. Eu fiz isso três vezes na minha carreira antes e cada vez foi 5 vezes mais difícil e demorou 3 vezes mais do que eu esperava.

A quantidade de foco no design de UX neste projeto foi maior do que em qualquer projeto comercial com o qual estive envolvido. Notoriamente, a maioria dos projetos de código aberto geralmente não atrai contribuições de design suficientes. Pense em Open Office versus Apple Pages. Gutenberg está contrariando a tendência de uma maneira muito boa.

P: Se você tivesse que escolher uma área que você acha que ainda precisa de mais trabalho antes do lançamento – qual seria?

Garantir a compatibilidade com versões anteriores será essencial. Tudo o que vai para esse objetivo é um investimento que vale a pena.

No próprio editor, existem centenas de casos extremos de edição que aparecem em listas, tabelas, imagens etc. e microinterações na experiência do usuário. Isso requer muita atenção aos detalhes e trabalho.

P: Qual será a prevalência do TinyMCE na versão final do Gutenberg?

O TinyMCE fornece o mecanismo principal de rich text para muitos dos blocos. A maioria dos blocos tem algum tipo de requisitos de rich text – por exemplo, você pode aplicar formatação à legenda em um bloco de imagem. Existem também blocos mais avançados, como tabelas, que realmente aproveitam o mecanismo do editor principal do TinyMCE.

Há também um bloco “Texto clássico” que é efetivamente o editor TinyMCE atual no WordPress, juntamente com a experiência regular do usuário TinyMCE. Isso permitirá que os plug-ins que estendem o TinyMCE, como o TinyMCE Advanced, funcionem como sempre.

Nesta fase, acredito que o bloco de texto clássico é visto como uma solução de transição até que todos estejam de acordo com os blocos, mas há uma chance de que ele viva ou ganhe vida própria como um “bloqueio de escritor”. Nós postamos no blog alguns pensamentos sobre o papel que um bloqueio de escritor pode desempenhar.

Se é necessário ou não, provavelmente se resume a quão bem somos capazes de fazer Gutenberg lidar com a miríade de interações de texto muitas vezes complexas que ocorrem quando alguém está escrevendo um artigo de formato longo.

TinyMCE é um projeto de código aberto muito vibrante por si só e temos grandes planos para os próximos anos. Acabamos de anunciar nosso novo tema otimizado para dispositivos móveis, por exemplo. Estamos muito orgulhosos do papel que desempenhamos no WordPress há quase dez anos e esperamos ver alguns de nossos trabalhos continuarem ajudando o WordPress a melhorar por muitos anos!

P: Com uma mudança tão grande chegando ao WordPress, que conselho você daria para os desenvolvedores? Existe algum recurso específico que eles deveriam estudar?

Os documentos do Gutenberg são um ótimo lugar para começar e Ahmad Awais lançou um projeto Gutenberg Boilerplate que é uma ótima maneira de aprender como criar um bloco Gutenberg.

P: Alguma outra coisa que você gostaria que as pessoas soubessem sobre Gutenberg?

Traga o feedback específico e focado! Uma ótima experiência de edição tem milhares de detalhes, muitas vezes minuciosos, para acertar. Queremos ouvir sobre todos eles.

À medida que Gutenberg evolui…

Muito obrigado a Andrew Roberts por reservar um tempo para conversar conosco! Também entramos em contato com outros membros da equipe do Gutenberg e esperamos trazer mais informações à medida que o projeto se aproxima do lançamento completo.