Gutenberg-Teammitglied Andrew Roberts Dishes über den neuen WordPress-Editor

Wie Sie vielleicht gehört haben, arbeitet WordPress derzeit an einem brandneuen Inhaltseditor namens Gutenberg. Derzeit als Plugin verfügbar und mit WordPress 5.0 ausgeliefert, unterscheidet sich der Editor radikal von dem, was WordPress-Benutzer gewohnt sind. Die Änderungen, die es mit sich bringt, gehen jedoch über das einfache Hinzufügen und Bearbeiten von Standard-Beitragsinhalten hinaus.

Gutenberg stellt Theme- und Plugin-Entwickler vor Herausforderungen, da es sich auf Custom Meta Boxes auswirkt. Das bedeutet, dass beispielsweise die Verwendung von benutzerdefinierten WordPress-Feldern anders aussehen und funktionieren kann als erwartet. Das ist zumindest die Befürchtung, die viele geäußert haben.

Dieses Projekt hat eine unglaubliche Menge an Diskussionen innerhalb der WordPress-Community ausgelöst. Und mit den jüngsten Nachrichten, dass WordPress die Idee, die React-Bibliothek mit Gutenberg zu verwenden, wegen möglicher Lizenzprobleme verworfen hat, gibt es jetzt noch mehr Unsicherheit in Bezug auf den Editor.

Bei all der Verwirrung und Kontroverse wollten wir von jemandem innerhalb des Gutenberg-Projekts hören. Glücklicherweise meldete sich Andrew Roberts und erklärte sich bereit, ein paar Fragen für uns zu beantworten. Mr. Roberts ist der CEO von Ephox – dem Unternehmen hinter dem TinyMCE Editor.

Natürlich ist TinyMCE derzeit der Standard-WYSIWYG-Editor innerhalb von WordPress und wird auch ein Teil von Gutenberg sein. Daher ist Mr. Roberts Teil des Teams, das sicherstellt, dass Gutenberg bereit ist, alles anzugehen, was wir ihm entgegenwerfen können.

Wir haben Herrn Roberts nach dem Feedback gefragt, das das Gutenberg-Team erhalten hat, nach der fortgesetzten Rolle von TinyMCE innerhalb von WordPress und den von der Community geäußerten Befürchtungen. Bitte beachten Sie, dass dieses Interview kurz vor der React-Ankündigung stattfand, also nicht Teil unseres Gesprächs war.

F: Haben Sie die Reaktion der Community auf Gutenberg verfolgt? Wenn ja, wie würden Sie es bisher einschätzen?

Ja, ich habe mich daran gehalten. Die Gutenberg-Mitarbeiter nehmen das Feedback auf jeden Fall ernst und versuchen, so viel wie möglich darauf zu antworten. Tammie Lister, die neue Designleiterin von Gutenberg, hat großartige Arbeit geleistet, indem sie auf jede Bewertung im Plugin-Verzeichnis geantwortet hat.

Blogposts im Internet können etwas schwieriger zu verfolgen sein, aber wenn möglich, antworten wir auch dort. Sie sehen das in Gregs (Greg Schoppe, einem Gutenberg-kritischen Entwickler) Post, wo der technische Leiter Matias Ventura geantwortet hat. GitHub und Slack sind offensichtlich auch großartige Orte.

Ich hatte keine festen Erwartungen, was die Reaktion sein würde. Traditionell hat WordPress die Word-ähnliche Benutzererfahrung von TinyMCE zum Schreiben von Inhalten verwendet. So altmodisch sich das anfühlt, ist es für neue Benutzer sehr einfach zu lernen, da Anfänger viele ihrer vorhandenen Fähigkeiten auf das Bloggen und die Erstellung von Webinhalten übertragen.

Ich war sehr neugierig, wie Benutzer die „blockige“ Natur von Gutenberg aufnehmen würden, die nicht ganz wie eine Textverarbeitung oder ein anderes Desktop-Tool ist, mit dem sie vielleicht vertraut sind. Aber natürlich ist eine Benutzeroberfläche im Stil einer Textverarbeitung nicht der einzige Weg und sogar der beste Weg, um reichhaltige Webinhalte zu erstellen. Ich habe meinen Anteil an Seitenerstellern in meinen eigenen Projekten verwendet, und es ist schwierig, im aktuellen Post-Editor großartige Inhalte im Stil einer Zielseite zu erstellen.

Leichte Bearbeitungserfahrungen wie Medium oder Dropbox Paper sind ebenfalls sehr gut zu verwenden. Vielleicht ist es also an der Zeit, einen Teil des Textverarbeitungsparadigmas hinter sich zu lassen.

Einige der besten Rückmeldungen, die wir erhalten haben, stammen aus strukturierten UX-Interviews und Bewertungen mit echten Benutzern. Beim Aufbau eines großartigen Editors geht es darum, Tausende kleiner Details richtig zu machen, und wenn wir in der Lage sind, bestimmte Probleme zu identifizieren und an ihnen zu arbeiten, machen wir Fortschritte.

F: Es scheint, dass eine der größten Sorgen der Entwickler darin besteht, sicherzustellen, dass die Anpassung der Metabox, die über erweiterte benutzerdefinierte Felder usw. vorgenommen wird, immer noch funktioniert und beim Start von Gutenberg leicht sichtbar ist. Wie wird das angegangen?

Matias hat sehr deutlich gemacht, dass dies vor dem Start von Gutenberg gelöst werden wird. Es gibt ein sehr aktives Github-Ticket, in dem der Fortschritt verfolgt werden kann.

Das TinyMCE-Team und ich haben hier jedoch nicht viel Einfluss. Unsere Expertise liegt eher auf der Editorseite als auf der Integration mit WordPress.

F: Wie sich die Dinge bisher entwickelt haben, gibt es einen bestimmten Bereich, auf den Sie besonders stolz sind?

Der Gedanke, der in die Benutzererfahrung eingeflossen ist, war hervorragend. Jeder scheint eine Meinung darüber zu haben, was ein „guter Editor“ ist, daher ist die Zusammenarbeit mit echten Benutzern entscheidend, um echte UX-Probleme aus dem Rauschen herauszufiltern. Das fing schon im Februar an.

Das Team hat die Probleme, die sich aus diesen Interviews ergeben, systematisch aufgearbeitet und sich dadurch enorm verbessert. Einen Editor von Grund auf aufzubauen ist sehr schwierig. Ich habe es in meiner Karriere zuvor dreimal gemacht und jedes Mal war es fünfmal schwieriger und dauerte dreimal länger als ich erwartet hatte.

Der Fokus auf UX-Design in diesem Projekt war größer als bei jedem kommerziellen Projekt, an dem ich beteiligt war. Bekanntermaßen ziehen die meisten Open-Source-Projekte oft nicht genügend Designbeiträge an. Denken Sie an Open Office vs. Apple Pages. Gutenberg widersetzt sich dem Trend auf sehr gute Weise.

F: Wenn Sie einen Bereich auswählen müssten, der Ihrer Meinung nach vor dem Start noch am meisten Arbeit erfordert – welcher wäre das?

Die Sicherstellung der Abwärtskompatibilität wird von wesentlicher Bedeutung sein. Alles, was diesem Ziel dient, ist eine lohnende Investition.

Im Editor selbst gibt es Hunderte von Bearbeitungs-Edge-Cases, die in Listen, Tabellen, Bildern usw. und Mikrointeraktionen in der Benutzererfahrung auftauchen. Dies erfordert viel Liebe zum Detail und Arbeit.

F: Wie verbreitet wird TinyMCE in der endgültigen Version von Gutenberg sein?

TinyMCE stellt die Kern-Rich-Text-Engine für viele der Blöcke bereit. Die meisten Blöcke haben eine Art Rich-Text-Anforderungen – Sie können beispielsweise eine Formatierung auf die Beschriftung eines Bildblocks anwenden. Es gibt auch fortgeschrittenere Blöcke wie Tabellen, die die TinyMCE-Core-Editor-Engine wirklich nutzen.

Es gibt auch einen „Classic Text“-Block, der effektiv der aktuelle TinyMCE-Editor in WordPress zusammen mit der regulären TinyMCE-Benutzererfahrung ist. Dadurch können Plugins, die TinyMCE erweitern, wie TinyMCE Advanced, so funktionieren, wie sie es immer getan haben.

In diesem Stadium glaube ich, dass der klassische Textblock als Übergangslösung angesehen wird, bis jeder mit Blöcken an Bord ist, aber es besteht die Möglichkeit, dass er weiterlebt oder ein Eigenleben als „Schreibblockade“ gewinnt. Wir haben einige Gedanken darüber gebloggt, welche Rolle eine Schreibblockade spielen könnte.

Ob es notwendig ist oder nicht, hängt wahrscheinlich davon ab, wie gut wir Gutenberg dazu bringen können, die unzähligen oft komplexen Textinteraktionen zu bewältigen, die auftreten, wenn jemand einen langen Artikel schreibt.

TinyMCE ist selbst ein sehr lebendiges Open-Source-Projekt und wir haben in den nächsten Jahren große Pläne. Wir haben zum Beispiel gerade unser neues, für Mobilgeräte optimiertes Design angekündigt. Wir sind sehr stolz auf die Rolle, die wir seit fast zehn Jahren in WordPress spielen, und hoffen, dass einige unserer Arbeiten dazu beitragen, dass WordPress noch viele Jahre besser wird!

F: Welchen Rat haben Sie angesichts einer so großen Änderung für WordPress für Entwickler? Gibt es eine bestimmte Ressource, die sie studieren sollten?

Die Gutenberg-Dokumentation ist ein großartiger Ausgangspunkt, und Ahmad Awais hat ein Gutenberg-Boilerplate-Projekt veröffentlicht, das eine großartige Möglichkeit darstellt, um zu lernen, wie man einen Gutenberg-Block erstellt.

F: Gibt es sonst noch etwas, das die Leute über Gutenberg wissen sollten?

Bringen Sie das spezifische und fokussierte Feedback ein! Ein großartiges Bearbeitungserlebnis besteht aus Tausenden von oft winzigen Details, die richtig gemacht werden müssen. Wir wollen von ihnen allen hören.

Wie sich Gutenberg entwickelt …

Vielen Dank an Andrew Roberts, dass er sich die Zeit genommen hat, mit uns zu plaudern! Wir haben uns auch an andere Mitglieder des Gutenberg-Teams gewandt und hoffen, Ihnen mehr Einblicke geben zu können, je näher das Projekt der vollständigen Veröffentlichung kommt.