Ein neuer Look für die Veröffentlichung von CMS 5.0

Mit CMS 5.0 hatte die Modernisierung der Benutzeroberfläche (UI) und die Verbesserung der Benutzerfreundlichkeit oberste Priorität. Die Benutzeroberfläche vor 5.0 war effektiv, aber CSS ist seitdem als Unternehmen und Produkt gewachsen, und unsere Benutzeroberfläche spiegelt nun unser Wachstum in dieser neuen Version wider. Als Entwickler bei CSS hatte ich die Aufgabe, die neue Benutzeroberfläche für CMS 5.0 zu entwerfen, und ich freue mich darauf, all die Vorteile, die die neue Benutzeroberfläche unseren Kunden bringen wird, mit ihnen zu teilen.

Eine große Stärke unserer neuen Benutzeroberfläche ist die Einheitlichkeit des Stils über die gesamte CMS Solution Suite hinweg. Ob CMS Enterprise, CMS Sapphire oder CMS VerdeTTo, unsere Web-Produkte haben das gleiche Layout und Kontroll-Styling, mit produktspezifischer Farbgebung.

Neben der Konsistenz der gesamten CSS Solution Suite haben wir auch Zeit in die Vereinheitlichung der einzelnen Teile des Produkts auf kleinerer Ebene investiert. Menüs, Tabellen und Felder sollten in allen Teilen der Suite das gleiche Erscheinungsbild aufweisen, was die Benutzerfreundlichkeit erheblich verbessert. Darüber hinaus sollten Schaltflächen und Symbole auf den verschiedenen Seiten ähnliche Funktionen signalisieren, und Sie sollten intuitiv in der Lage sein, Funktionen zu verstehen, die für Sie vielleicht neu sind, allein aufgrund ihrer Darstellung.

Das Ziel bei der Entwicklung des neuen IU-Designs war es, ein Erscheinungsbild zu schaffen, das einfach besser funktioniert. CMS 4.5 war ein effektives Management-Tool, aber manchmal war es kompliziert zu handhaben. CSS erhebt nicht den Anspruch, sich an die Designregel der "Drei-Klick-Regel" zu halten, von der im Bereich der Benutzeroberfläche häufig die Rede ist, eine Regel, die meiner Erfahrung nach ein Mythos und im Unternehmen nicht wirklich praktikabel ist. Insgesamt finden Sie die Benutzeroberfläche effizienter zu navigieren.

Abgesehen von der Effizienz des CMS möchte ich kurz auf unsere Umstellung auf eine horizontale Navigation eingehen. Wir sind von einem vertikalen Layout übergegangen, um den Platz im Browser effizienter zu nutzen. Viele Seiten in CMS sind sehr datenlastig und verwenden Tabellen, die sich mit horizontalem Platz viel besser darstellen lassen.

Neben der Verbesserung der Effizienz wollen wir uns die Zeit nehmen, den Wechsel von einer vertikalen zu einer horizontalen Navigation hervorzuheben. Wir sind von einem vertikalen Layout übergegangen, um den Platz im Browser effizienter zu nutzen. Seiten in CMS sind in der Regel sehr datenlastig und verwenden Tabellen, die sich mit horizontalem Platz zum Wachsen und Erweitern viel besser darstellen lassen.

Die beliebten Vorreiter im Bereich der Benutzeroberfläche im technischen Bereich haben einen großen Teil unserer Arbeit am Design beeinflusst, um die Zugänglichkeit der Produkte zu verbessern. Unter Berücksichtigung von Google - insbesondere Bootstrap -, Amazon und sogar Stack Overflow war es das Ziel, die Verwendung von CMS für neue Benutzer zugänglicher zu machen.

Sie werden feststellen, dass wir auf Glyphicons umgestiegen sind, die in Bootstrap verwendet werden, und dass das Layout und das Menü ähnlich wie bei Amazon oder Stack Overflow sind. Dies führt zu einer viel ausgefeilteren und vertrauteren Benutzererfahrung.

Wie Sie sich vorstellen können, fanden sich in den letzten sechs Monaten zahlreiche UI-Mockups, Ideen und Skizzen im Papierkorb. Daher ist das neue UI-Design von CMS 5.0 das Ergebnis des Feedbacks und der Bemühungen vieler Kollegen innerhalb und außerhalb des Entwicklungsteams. Der Prozess der Neugestaltung der Produkte war für mich eine Herausforderung, die ich gerne angegangen bin, und ich hoffe, dass Sie, unsere Kunden, die Früchte unserer Arbeit genießen.