WordPress 2.7 ist das Vorbild dafür, wie Design den Weg weisen kann

Veröffentlicht: 2016-12-13

Als Matt Mullenweg, Mitbegründer des WordPress-Open-Source-Projekts, ankündigte, dass Design 2017 den Weg für die WordPress-Entwicklung weisen würde, indem es Benutzerforschung und Mockups nutzte, kam mir als erstes WordPress 2.7 in den Sinn. Diese Freilassung war der Höhepunkt der effektiven Führung und Bemühungen von Jen Mylo und Liz Danzico. Um zu erfahren, warum diese Version eine Klasse für sich ist, müssen wir uns ansehen, wie sie erstellt wurde.

Vorstellung von Crazyhorse

Am 29. März 2008 wurde WordPress 2.5 „Brecker“ weltweit veröffentlicht. Das größte Feature in 2.5 war das neu gestaltete Backend, das in Zusammenarbeit mit Happy Cog erstellt wurde.

Als Mullenweg der Öffentlichkeit einen kurzen Blick auf das neu gestaltete Backend gab, hatte er Folgendes zu sagen:

In den letzten Monaten haben wir mit unseren Freunden bei Happy Cog – Jeffrey Zeldman, Jason Santa Maria und Liz Danzico – zusammengearbeitet, um WordPress von Grund auf neu zu gestalten. Das Ergebnis ist eine neue Art der Interaktion mit WordPress, die erfahrenen Benutzern vertraut bleibt und gleichzeitig die Erfahrung für alle verbessert. Dies ist nicht nur ein frischer Anstrich – wir haben das Aussehen von WordPress sowie seine Organisation neu durchdacht, damit Sie die Software vergessen und sich auf Ihre eigenen kreativen Aktivitäten konzentrieren können.

WordPress 2.5 Post-Editor
WordPress 2.5 Post-Editor

Während einige Leute die Neugestaltung lobten, waren andere nicht zufrieden, insbesondere mit der Menühierarchie. Da die Stimmung in der Community gemischt war, beauftragte Mylo das Center for Media Design, Insight and Research der Ball State University mit der Erstellung eines Usability-Berichts über das Admin-Design von WordPress 2.5. Der Bericht wurde verwendet, um herauszufinden, welche Probleme auf Schnittstellenproblemen beruhten und welche Personen die Änderungen einfach nicht mochten.

Die Ergebnisse der Usability-Tests wurden mit leitenden Entwicklern geteilt, die zu einer Prototyp-Schnittstelle inspirierten, um einige der entdeckten Probleme anzugehen. Dadurch konnten Entwickler WordPress 2.5 auf ihren eigenen Websites und den Prototyp auf einer Testseite verwenden. Als jedoch die Tests mit der Prototypschnittstelle begannen, wurde klar, dass ein ehrgeizigerer Ansatz erforderlich war.

Laut Mylo hat der zweite Prototyp namens „Crazyhorse“ die Testpersonen umgehauen:

Die zweite Testrunde hat alle umgehauen. Das Forschungsteam hatte noch nie so konsistente Ergebnisse gesehen. Aufgaben wurden schneller erledigt, die Meinungen der Teilnehmer bewerteten es besser, das Verständnis für die Funktionsweise von Schnittstellenelementen war größer und es war nicht einmal eine voll funktionsfähige Anwendung. Von den Testteilnehmern sagten alle, sie würden den Prototyp ihrer derzeitigen Verwaltungsoberfläche vorziehen, und es war nicht einmal schön.

Während des gesamten Entwicklungsprozesses von 2.7 nutzte Mylo eine Reihe von Kommunikationskanälen, um Benutzerfeedback zu sammeln. Am 15. September 2008 veröffentlichte Mylo eine Umfrage zu Navigationsoptionen. Die Umfrage war Teil einer umfassenderen Anstrengung, mehr Menschen in den Design- und Entscheidungsprozess einzubeziehen:

Als Teil der Mission, die Benutzerbeteiligung an Designentscheidungen zu erhöhen, haben wir eine Umfrage erstellt, die WordPress-Benutzern die Möglichkeit geben soll, eine Rolle bei der Entscheidung zu spielen, wie die Navigationsoptionen gruppiert und gekennzeichnet werden sollen.

Später in diesem Monat wurde eine zweite Umfrage erstellt, die es den Benutzern ermöglichte, über Mockups des Suchfelds, das Favoritenmenü, die Schaltflächen „Zukunft/Veröffentlichen“ und „Zeitstempel bearbeiten“ abzustimmen. Es dauerte nur zwei Tage, bis die Umfrage ihre maximale Antwortzahl von 5.000 erreichte.

Crazyhorse-Drahtmodell
Crazyhorse-Drahtmodell

Nach Abschluss der Umfrage veröffentlichte Mylo einen Folgebeitrag sowie ein Dokument mit Wireframes, die den Benutzern eine Vorstellung davon vermittelten, wie das Endprodukt aussehen könnte. Etwa Mitte Oktober 2008 veröffentlichte Mylo halbwegs ausgefeilte Screenshots der 2.7-Oberfläche und erklärte, wie sie funktionierte. Matt Thomas und Andy Peatling sind maßgeblich für das Design von WordPress 2.7 verantwortlich.

WordPress 2.7-Dashboard
WordPress 2.7-Dashboard

Die Resonanz auf die Screenshots war überwältigend positiv. Eine Woche nach der Präsentation des 2.7-Dashboards bat Mylo die WordPress-Community, eine Reihe von Symbolen zu erstellen, die zu jedem der Navigationsabschnitte passen. Mehr als ein Dutzend Leute reichten Icon-Sets ein und anstatt eines auszuwählen, ließ Mylo die Community darüber abstimmen, welches Set am besten zum Stil von WordPress 2.7 passte. Mit 35% der Stimmen wurde das Gewinnerset von Ben Dunkle erstellt.

Ben Dunkles Gewinner-Icon-Set
Gewinnendes Icon-Set

Ich habe Dunkle gefragt, was ihn dazu inspiriert hat, die Icons zu erstellen, und ob Mylo der Community nicht so die Möglichkeit geboten hätte, wie sie es getan hat, ob er sonst zu WordPress 2.7 beigetragen hätte.

„Als ich Jens Post sah, in dem Icon-Designer aufgefordert wurden, ein Set für 2.7 einzureichen, war die Deadline genau da“, sagte Dunkle gegenüber The Tavern. „Ich kann mich nicht erinnern, wie ich den Beitrag gefunden habe, da ich den WordPress-Entwicklungsblog nicht sehr oft besucht habe. Zu diesem Zeitpunkt hatte ich bereits seit einigen Jahren Websites mit WordPress erstellt und es wirklich genossen, aber ich dachte nicht viel über die Online-Community nach.“

„Jen drückte die Richtung eloquent aus: ‚Icons sollten subtil sein, mit einem klassischen/designten Look, nichts Cartoonisches. Dünne Linien. Vielleicht ein wenig altmodisch aussehend.' Zu dieser Zeit entwarf ich Symbole für andere Open-Source-Projekte, und die Sprache des Posts hat mich angesprochen. Ich habe eine E-Mail rausgeschmissen.

„Ich landete als Finalist, drückte die Pixel und schickte das Design ab. Meiner hat die meisten Stimmen bekommen. Der Wettbewerb sorgte für einige Kontroversen, da alles, was an Spezifikationsarbeit erinnert, in der Design-Community schon immer ein Blitzableiter war. Ich habe das nicht so gesehen. Es war ein Open-Source-Projekt und ich war ein Freiwilliger, kein Auftragnehmer.

„Am Ende hat es eine anhaltende Verbindung ins Leben gerufen, die ich bis heute aufrechterhalte. Sie heißen jetzt Dashicons, wurden mit Vektoren statt Pixeln erstellt und werden bald SVGs statt Webfonts sein (sobald wir die Fehler behoben haben).“

Nachdem WordPress 2.7 „Coltrane“ die Beta- und Release Candidate-Phase durchlaufen hatte, wurde es am 11. Dezember 2008 der Öffentlichkeit zugänglich gemacht. Mehr als 150 Personen haben Code direkt zur Veröffentlichung beigetragen und unzählige andere haben zu günstigen Zeiten durch Umfragen und Mailing wertvolles Feedback beigetragen Listen und Tests.

In Bezug auf WordPress 2.7 sagte der langjährige Benutzer Ozh: „Das Entwicklerteam hat die Benutzer gefragt, was sie wollen und was ihnen gefällt, und das Ergebnis ist Lichtjahre über dem, was das Designstudio sechs Monate zuvor für 2.5 produziert hat. Ein Wort, um alles zusammenzufassen: ‚Above the fold!'“

WordPress 2.7 setzt einen großen Standard

Während des Contributor Day beim WordCamp US 2016 fragte ich Mullenweg, ob der Entwicklungsprozess von WordPress 2.7 den experimentellen Ansatz zur Entwicklung von WordPress im Jahr 2017 inspiriert habe.

Ja, ich meine, das war einer der Anfänge von Jens Beiträgen und ihrem enormen Einfluss auf die WordPress-Welt. Sie brachte eine völlig andere Denkweise mit einer benutzerorientierten, benutzerfreundlichen und forschungsorientierten Denkweise mit. Es war fantastisch, dass weibliche Führungskräfte sehr früh in der WordPress-Community gezeigt haben, dass dies eine Software ist, die von allen für alle gemacht wird. Was das für die damalige Zeit war, ist ein großartiger Standard, an dem wir uns halten müssen, wenn wir 2017 voranschreiten.

Von allen WordPress-Versionen, die ich seit 2007 behandelt habe, ist WordPress 2.7 etwas Besonderes. Es ist die einzige Veröffentlichung, bei der ich das Gefühl habe, dass ein Großteil der Community zusammengekommen ist und sich darauf konzentriert hat, WordPress besser zu machen. Durch Umfragen, Kommentare, Blog-Posts, Tests und die Kontaktaufnahme mit talentierten Leuten in der Community um Hilfe hat Mylo bewiesen, dass die Community Teil des Entwicklungs- und Designprozesses von WordPress sein und als Ergebnis ein besseres Produkt erhalten kann.

Die Dinge haben sich seit 2008 geändert. Die Community, der Contributor Pool und das Projekt selbst sind größer geworden. Die Kommunikation ist sowohl auf die Make Blogs als auch auf SlackHQ verteilt. Der WordPress-Entwicklungsprozess ist jetzt offener als je zuvor. Seit der Veröffentlichung von WordPress 2.7 habe ich nicht mehr den gleichen Funken des Zusammenschlusses für ein gemeinsames Ziel gespürt, den Mylo fördern konnte. Vielleicht liegt es daran, dass ich nicht Teil eines Projektteams wie der REST-API bin oder nicht an den richtigen Stellen danach suche. Ich hoffe, dass diese Gefühle 2017 wieder aufleben.

Es wird interessant sein zu sehen, wie der neue Entwicklungsprozess funktioniert. Bis dahin überlasse ich Ihnen ein wunderbares Zitat von Mylo, da es kurz und bündig festhält, wie ich mich fühle und wie ich mich an den Entwicklungszyklus von WordPress 2.7 erinnere.

„Ich hoffe, es macht Ihnen Spaß, einen Einblick zu bekommen, wie wir unsere Gedanken rund um 2.7 organisiert haben, und dass sich jeder daran erinnert, dass wir alle dasselbe wollen, wenn das Community-Feedback zu fließen beginnt: das bestmögliche WordPress.“