Verabschiedung Low-Code-Entwicklungsplattformen steigt rasant, da Unternehmen versuchen, die Lücke zwischen der geschäftlichen Nachfrage nach benutzerdefinierten Anwendungen und der IT-Kapazität zu schließen, um diese bereitzustellen. Solche Plattformen ermöglichen es einem breiten Benutzerspektrum – vom Profi bis zum Hobbyentwickler –, Web- und Mobilanwendungen zehnmal schneller zu erstellen als mit herkömmlichen Entwicklungsmethoden. Gleichzeitig fördern sie einen iterativen, benutzerzentrierten Ansatz, der zur Sicherstellung von Geschäftsergebnissen beiträgt.
Ein weiterer wichtiger Aspekt, um sicherzustellen, dass Anwendungen den beabsichtigten Nutzen bringen, ist die Gestaltung der richtigen Benutzererfahrung. Die Herausforderung dabei besteht darin, dass den meisten Unternehmen ausreichende UX-Ressourcen fehlen. Eine Gartner-Umfrage zeigt, dass Unternehmen im Durchschnitt nur einen UX-Designer für jeweils 17 Entwickler haben, während 35 Prozent der Organisationen überhaupt keine UX-Design-Kompetenz haben. Das bedeutet, dass es einfach nicht genug Designer gibt, um die bestehenden Entwicklungsteams zu unterstützen; das Problem wird durch den Trend zu mehreren autonomen Teams, die parallel Apps entwickeln, noch verschärft.

Wenn Sie keine internen UX-Ressourcen haben und Ihre Entwickler selbst keine UI/UX-Kenntnisse besitzen, wie können Sie dann Ihren Entwicklungsteams ermöglichen, ansprechende Benutzererlebnisse in großem Maßstab zu erstellen? Der Schlüssel liegt darin, jedem Entwickler in Ihrem Unternehmen gebrauchsfertige, einfach zu nutzende UI-Komponenten zur Verfügung zu stellen, die Best Practices entsprechen.
Genau das ist die Philosophie hinter Atlas UI, unserem mehrschichtigen, komponentenbasierten UI-Framework, das es Personen mit geringen oder keinen UI-Designkenntnissen ermöglicht, schnell umfassende Benutzererfahrungen zusammenzustellen. Wir haben Atlas entwickelt, um bewährte UI-Designmethoden – ob unsere oder Ihre – zu erfassen und zu nutzen und so eine konsistente, ansprechende UX über ein Anwendungsportfolio hinweg sicherzustellen. Lassen Sie mich das näher erläutern.
Entwerfen Sie großartige Benutzeroberflächen und nutzen Sie dabei konsequent die sofort einsatzbereite Designsprache von Atlas.
Atlas UI ist mehr als nur ein UI-Framework. Es verfügt über eine eigene Designsprache, die auf gängigen UI-Mustern und Best Practices basiert, die wir bei unseren Kunden beobachten. Die Atlas-Designsprache umfasst eine Musterbibliothek mit professionell gestalteten, gebrauchsfertigen UI-Elementen, darunter Navigationslayouts, Seitenvorlagen, Bausteine (vorkonfigurierte Baugruppen von UI-Komponenten) und Widgets. Darüber hinaus gibt es eine öffentlich verfügbare Styleguide beschreibt die grundlegenden Designprinzipien hinter Atlas UI und bietet Empfehlungen für den Einsatz einzelner Komponenten.

Was die Musterbibliothek und den Stilleitfaden für Entwickler sofort nutzbar macht, ist ihre nahtlose Integration in den WYSIWYG Web Modeler. Beispielsweise werden im Ablauf „Neue Seite erstellen“ verschiedene nach Typ gruppierte Seitenvorlagen angezeigt. Darüber hinaus sind Bausteine und Widgets direkt in der Toolbox verfügbar, sodass Ihre Entwickler sie per Drag & Drop auf die Arbeitsfläche ziehen können, um schnell Seiten zu erstellen. Bausteine sind besonders nützlich für Entwickler ohne UI-Designkenntnisse, da sie mehrere Widgets in vorkonfigurierten Layouts (mit optimalen Proportionen, Abständen und individuellen Designeigenschaften) zusammenstellen, um gängige UI-Muster wie Kopfzeilen, Listen, Zeitleisten und Assistenten zu implementieren.

Und das Beste: Da der Styleguide auch in den Modellierer integriert ist, sehen die UI-Komponenten nicht nur sofort großartig aus, sondern enthalten auch Anleitungen, die sicherstellen, dass Entwickler sie in den richtigen Szenarien verwenden und somit die richtige UX liefern. Entwickler können einfach auf das „i“-Symbol für einen bestimmten Build-Block oder eine Seitenvorlage klicken und werden direkt auf die Seite der Atlas-Website weitergeleitet, auf der gängige Szenarien für die Verwendung dieser Komponente dargestellt werden. Siehe das Beispiel unten.

Für Organisationen ohne interne UI/UX-Ressourcen ist die sofort einsatzbereite Designsprache von Atlas UI eine großartige Möglichkeit, UI-Best Practices einheitlich in Ihrem Entwicklerteam einzusetzen. Entwickler und sogar Unternehmensanalysten können diese UI-Komponenten nutzen, um problemlos großartige Benutzererlebnisse zu schaffen, ohne über Kenntnisse in Front-End-Entwicklung oder UI-Design verfügen zu müssen. Und mit dem Theme Customizer können sie die Anwendung ganz einfach mit dem Logo, dem Farbschema und der Typografie Ihrer Marke anpassen.
Nutzen Sie die UI-Best Practices Ihres Unternehmens mit einer unternehmensspezifischen Musterbibliothek
Wenn das Team wächst und Erfahrungen in der Entwicklung sammelt, Mendix, möchten sie vielleicht ihre eigenen UI-Best Practices in die Entwicklung von Mendix Apps. Für viele Kunden sind dies die ersten Schritte hin zur Entwicklung einer Enterprise-Designsprache, die einen einheitlichen Satz von UI/UX-Designregeln definiert, die Konsistenz und Harmonie über mehrere Anwendungen hinweg fördern.

Zu diesem Zweck können Sie mit Atlas UI die vordefinierte Musterbibliothek anpassen oder durch Ihre eigene unternehmensspezifische Version ersetzen. Wie mein Kollege Arjan Hendriksen in diesem How-to-Beitrag erläutert, beginnt dieser Prozess mit dem Extrahieren allgemeiner Seiten und UI-Muster aus vorhandenen Mendix Apps und deren Vermarktung als wiederverwendbare Seitenvorlagen und Bausteine. Natürlich können diese auch von Grund auf neu erstellt werden.
So könnte beispielsweise eine Privatkundenbank einen Standardkartenbaustein für ihr Online-Banking und ihre mobile App entwerfen, der den Kunden eine optisch ansprechende Übersicht über ihre Konten bietet. Oder eine Versicherungsgesellschaft könnte einen eigenen Fortschrittsassistenten erstellen, der potenzielle Kunden bei der Angebotserstellung und beim Kauf ihrer gesamten Versicherungsproduktpalette einheitlich durch den Prozess führt.
Sobald Sie sich auf einen Kernsatz unternehmensspezifischer UI-Elemente geeinigt haben, können Sie eine angepasste Version des Atlas UI Resources-Moduls (das die Musterbibliothek enthält) erstellen und in Ihrem privaten App Store bereitstellen. Anschließend können Sie das UI Resources-Modul als unternehmensspezifische Starter-App verfügbar machen, die Entwicklern standardmäßig direkt im „App erstellen“-Flow zur Auswahl steht. Organisationen mit unterschiedlichen UI- und Branding-Anforderungen für bestimmte Zielgruppen (z. B. Mitarbeiter- und Kunden-Apps) können sogar mehrere Starter-Apps veröffentlichen.
Diese Funktionen – zusammen mit einem (lebenden) Styleguide, der die Designprinzipien Ihrer Organisation beschreibt und empfohlene Anwendungsfälle für Ihre unternehmensspezifischen UI-Komponenten bereitstellt – stellen sicher, dass alle Entwickler, die in Mendix haben Zugriff auf die UI-Best Practices Ihres Unternehmens direkt in ihrer Toolbox. Alle neuen Apps werden automatisch als Ausgangspunkt thematisiert. Anschließend können Entwickler auf eine Reihe von vom Unternehmen genehmigten Seitenvorlagen und Bausteinen zurückgreifen, um das UI-Design zu beschleunigen und gleichzeitig die Konsistenz mit der breiteren App-Landschaft sicherzustellen.
Bieten Sie durchgehend großartige UX in großem Maßstab ohne zusätzliche UX-Ressourcen
Um großartige Benutzererlebnisse zu bieten, muss man nicht unbedingt eine Armee von UI/UX-Ressourcen einstellen. Für die meisten IT-Unternehmensorganisationen ist das einfach keine Option. Der Schlüssel liegt vielmehr darin, jedem Entwickler bewährte Methoden des UI-Designs an die Hand zu geben, damit er ansprechende Benutzeroberflächen erstellen kann, ohne die Hilfe von Designern zu benötigen. Genau das tut Atlas UI, sowohl durch die sofort einsatzbereite Designsprache, die gebrauchsfertige UI-Komponenten enthält, als auch durch die Möglichkeit, Ihre eigene unternehmensspezifische Musterbibliothek zu erstellen und sich auf die Reise zur Definition Ihrer Unternehmensdesignsprache zu begeben.
Ein Ende des Fachkräftemangels im Bereich UX in Unternehmen ist möglicherweise nicht in Sicht. Das heißt jedoch nicht, dass Ihr Team die Lücke im Bereich UX in Unternehmen nicht schließen und ansprechende, hochgradig benutzerfreundliche Anwendungen im großen Maßstab bereitstellen kann.
