Florian Libuda
 - 20. Mai 2020

Brandneu: Die SAP Fiori Guidelines Version 1.74

Update

Eine gute Nachricht in Zeiten der Krise für alle SAPUI5-Entwickler: Es gibt eine neue Version der SAP Fiori Design Guidelines! Wie üblich enthält die neue Version zusätzliche Features. Diese wurden mit den SAPUI5 Releases 1.73 und 1.74 veröffentlicht. Außerdem hat die SAP auch einige Guidelines zu bestehenden Patterns und UI-Elementen überarbeitet. Was genau in der neuen Version steckt, lesen Sie hier!

ESS/MSS Level up Fiori

ESS/MSS Level Up Fiori Design - Activate HR

Folgen Sie uns auf unserem bewährten Prozess, von der Konzeptionsphase über die Implementierung – bis Sie zu Ihrem Level up Fiori kommen. Durch die strukturierte Vorgehensweise können wir ein exzellentes Resultat garantieren.

What’s new?

Im Folgenden möchte ich Ihnen ein paar Neuerungen aus dem aktuellen Stand der SAP Fiori Guidelines vorstellen. Am Ende dieses Beitrags finden Sie auch den Link zur offiziellen Übersicht über die Neuerungen.

Avatar Group

Mit diesem Feature ist es möglich, Ihr Team und andere Gruppen graphisch darzustellen. Die neuen Guidelines bieten Ihnen hier eine gute Hilfestellung, wie Sie Ihre Gruppe bestmöglich anzeigen lassen können.

Verschiedene Darstellungen von Avatar Groups

Verschiedene Darstellungen von Avatar Groups

Responsive Spacing System

In diesem Abschnitt bietet die SAP neue Informationen zum Thema Responsive Spacing (experience.sap.com/fiori-design-web/spacing). Hier wird unter anderem erklärt, wie Sie CSS-Klassen und Responsive Padding nutzen können, um Ihre Anwendung für möglichst viele Geräte zu optimieren.

Überarbeitete Guidelines

Wie schon oben geschrieben wurden nicht nur neue Guidelines veröffentlicht, sondern auch bereits bestehende überarbeitet. Ich habe ein paar davon ausgewählt, die ich Ihnen kurz vorstellen möchte:

Indikator für angesteuerte Items

Sicherlich kennen Sie das: Sie haben eine Liste mit Mehrfachselektion und erkennen einfach nicht, welches der Items nun zuletzt angeklickt wurde. Hier schafft ein neuer Indikator Abhilfe! Mit der Eigenschaft „navigated“ wurde das UI Element „sap.m.ColumnListItem“ entsprechend erweitert.

Navigations-Indikator

Navigations-Indikator

Quartz Dark Farben

Auch ein neues Theme wurde veröffentlicht! Mit dem Theme Quartz Dark wird in der aktuellen Version der Guidelines ein Theme angeboten, das speziell für lichtarme Umgebungen geschaffen wurde.

SAP Fiori Quartz Dark Theme

SAP Fiori Quartz Dark Theme

Swipen in Listen

Seit dieser Version bietet Ihnen Fiori nun auch die Möglichkeit, in Listen Swipe-Aktivitäten anzubieten und so das Look & Feel für Ihre Anwender noch weiter zu verbessern!

ESS/MSS Level up Fiori

ESS/MSS Level Up Fiori Design - Activate HR

Folgen Sie uns auf unserem bewährten Prozess, von der Konzeptionsphase über die Implementierung – bis Sie zu Ihrem Level up Fiori kommen. Durch die strukturierte Vorgehensweise können wir ein exzellentes Resultat garantieren.

Noch mehr Informationen

Eine komplette Übersicht über die Neuerungen und genauere Erklärungen zu den beschriebenen neuen Features in der neuen Version der SAP Fiori Design Guidelines finden Sie hier: https://experience.sap.com/fiori-design-web/v1-74/whats-new/.

Haben Sie Fragen zu den neuen Features? Schreiben Sie mir gerne oder hinterlassen Sie einen Kommentar!

Florian Libuda

Florian Libuda

Mein Name ist Florian Libuda. Als zertifizierter SAP Consultant bei mindsquare erlebe ich oft viele spannende Herausforderungen und stelle mich diesen gerne.

Sie haben Fragen? Kontaktieren Sie mich!



Das könnte Sie auch interessieren


Mehr von unseren Partnern


Schreiben Sie einen Kommentar

Bitte füllen Sie alle mit * gekennzeichneten Felder aus. Ihre E-Mail Adresse wird nicht veröffentlicht.





Angebot anfordern
Preisliste herunterladen
Expert Session
Support