Claro: Eine moderne Sicht auf die Drupal-Admin-UI

Es lässt sich nicht leugnen, dass Drupal ein komplexes Gebilde ist. Mit zahlreichen Modulen und einer jahrelangen Struktur ist jede Drupal-Installation mit einem gewissen Grad an Komplexität verbunden. Im Gegensatz zu der inhärenten Flexibilität, die von den Softwareentwicklern angestrebt wird, verfügt Drupal über eine starke Schichtstruktur, die es zu einem sicheren CMS macht.

Daher sind es gerade die Komplexitätsebenen, die Drupal stärker und besser darin machen, die Bedürfnisse der Endnutzer zu erfüllen. Ebenso gibt es eine weitere häufige Reaktion auf solche Bedenken - eine veraltete Administrationsoberfläche.

Dries stimmt ebenfalls zu: "Diese Kritik ist nicht unberechtigt. Die aktuelle Administrationsoberfläche von Drupal wurde ursprünglich vor fast zehn Jahren entwickelt, als wir an Drupal 7 gearbeitet haben. In den letzten zehn Jahren ist die Welt nicht stehen geblieben; Designtrends haben sich geändert, Benutzeroberflächen sind dynamischer geworden und die Erwartungen der Endnutzer haben sich damit geändert."

Warum Drupal 8 ein neues Administrationstheme brauchte

Mit Drupal 8 kam die Idee einer neuen Admin-UI auf, und hier ist der Grund, warum wir sie wirklich brauchten:

• Es war an der Zeit, die Fehler zu beheben und Drupal in keiner Hinsicht verlieren zu lassen, einschließlich der konkurrenzfähigen Admin-UI anderer Open-Source-CMS.
• Als Dries sich damit befasste, holte er Vorschläge von vielen Drupal-Agenturen ein, um das Ausmaß des Problems zu erkennen.
• Die aktuelle Admin-UI wurde 2009 mit Drupal 7 erstellt. Fast ein Jahrzehnt später hat in Bezug auf UI-Designtrends eine Menge Modernisierung stattgefunden.

Es wurde vereinbart, ein modernes Theme für die Admin-UI einzuführen, als Dries ankündigte, dass "wir planen, die bestehende Administrationsoberfläche mit dem neuen Designsystem zu aktualisieren. Längerfristig arbeiten wir an der Erstellung einer komplett neuen JavaScript-basierten Administrationsoberfläche."

Hier ist also die verbesserte Drupal Admin UI: Claro 

Claro Theme: Prinzipien und Funktionen

Das neue Admin-Theme wurde Claro genannt und im Rahmen der Admin UI Modernization Initiative entwickelt. Die ganze Idee der Admin UI & Javascript Modernisation Initiative ist es, Drupal mit entkoppelten Anwendungen kompatibel zu machen und die Navigation für Endnutzer reibungsloser zu gestalten.

Seit dem Launch von Drupal 8.8 wurde das Claro Administrationstheme als neues Experiment und als erste Version mit nativer Composer-Unterstützung eingeführt.

Funktionen wie ein neues Farbschema, höhere Kontraste, Touchscreen-Bereitschaft, neu gestaltete Inhaltsseiten, Datei- und Bild-Upload-Widgets wurden mit Claro geplant und umgesetzt.

Das Claro-Theme wurde in Übereinstimmung mit der Admin UI & JavaScript Modernisation Initiative entwickelt.

Diese Initiative ist ein weit gestecktes Ziel, da es mehrere Jahre dauern kann, bis sie abgeschlossen ist. Sie zielt in erster Linie darauf ab, die APIs und den zugrunde liegenden JavaScript-Code von Drupal zu aktualisieren. Daher kam Claro als frühe Version des Ziels ins Spiel. Dieses neue Theme folgt den Richtlinien des neuen Drupal 8 Admin Theme Designs, von denen einige wie folgt lauten:

• präzise Formen und gute Kontraste
• klare Hierarchie und Beziehungen zwischen den Elementen
• ein klarer Zweck für jedes Element
• rationale Verwendung von Freiraum
• optimale Lesbarkeit
• Betonung auf das, was wichtig ist
• visuelle Hinweise
• freundliche und fröhliche Farben

Sehen Sie sich dieses neueste Update zum neuen Administrationstheme (Claro) von Drupal 8 von Dries an:

Designsystem von Claro

Drupal hat ein Designsystem erstellt, um die Prinzipien, Muster und Werkzeuge zu definieren, die bei der Erstellung der administrativen Benutzeroberfläche von Drupal integriert werden. Die Ziele, Prinzipien und die visuelle Designsprache sowie eine visuelle Schnittstellenbibliothek (Komponenten, Muster und Animation) wurden zur Standardisierung des Designsystems definiert.

Die ursprünglichen visuellen Prinzipien des Styleguides von Seven wurden angepasst: a) Leistungsstark, b) einfühlsam, reaktionsschnell, c) Klar, sauber, prägnant, d) zugänglich, transparent, e) Natürlich, f) Freundlich, kollaborativ, demokratisch, respektvoll.

Erfahren Sie hier mehr über das Designsystem.

Fazit

Der nächste Schritt zur Modernisierung der Admin-UI ist Olivero, eine der Drupal Core Initiativen, die darauf abzielt, ein neues Standard-Frontend-Theme für Drupal mit einem modernen Look and Feel zu schaffen. Es verspricht Verbesserungen im Frontend-Theme und vieles mehr. Was während der DrupalCon Seattle 2019 nur eine Idee in einer Hotellobby war, wurde in kürzester Zeit zu einem vollwertigen Projekt und einer Drupal Core Initiative. So war Olivero ursprünglich für die Aufnahme in den Core in Drupal 9.1 vorgesehen. Mehr dazu später.

Um mehr über die kommenden Initiativen zu erfahren, kontaktieren Sie uns unter [email protected]