Bei den vielen Vorteilen, die SAP Fiori und eine moderne UX bieten, kommen natürlicherweise auch eine Reihe neuer Herausforderungen auf. Wo die Möglichkeiten für die Entwickler, in der klassischen SAP-Oberfläche DynPros zu erstellen, noch verhältnismäßig beschränkt waren, sind den eigenen Ideen und Vorstellungen in SAP Fiori kaum Grenzen gesetzt. Dabei entstehen neue Fragestellungen, zum Beispiel:
- "Was ist die beste Art, eine bestimmte Komponente zu verwenden?"
- "Auf welche Fallstricke muss ich als Entwickler besonders achten?"
- "Gibt es bereits Best Practices oder Code Conventions, an die ich mich halten kann?"
Diese und weitere Fragen werden durch die Fiori Design Guidelines beantwortet. Dadurch können eine unterschiedliche UX und unterschiedliche Benutzerführungen innerhalb der Apps verhindert werden. Ohne Guidelines bringt jeder Entwickler seine eigene Note in die Apps mit ein. Dies kann durch eine einheitliche Vorgabe verhindert werden.
Fiori Design Guidelines
Viele moderne Programmiersprachen und -bibliotheken verfügen über eine umfangreiche Online-Hilfe, sei es für die technische Beschreibung im Sinne einer API, oder für Designbeschreibungen und Best Practices. Für SAP Fiori gibt es hier die SAPUI5 API und die Fiori Design Guidelines. Letztere wird im Folgenden genauer betrachtet.
Die Fiori Design Guidelines sind zusammengefasst eine strukturierte Sammlung an Richtlinien für die Verwendung unterschiedlicher Fiori-Bausteine und die Umsetzung verschiedenster Layouts. Auf oberster Ebene gibt es eine Unterscheidung, auf welcher Plattform die Fiori-Anwendung laufen wird. Für Android, iOS oder das klassische Fiori für den Desktop, gibt es jeweils eigene Richtlinien.
Fiori Design Guidelines für den Desktop
Wir konzentrieren uns auf die Fiori Design Guidelines für den Desktop und auch hier muss darauf hingewiesen werden, dass diese sehr umfangreich ausfallen. Daher fokussiert dieser Blogartikel vor allem ein paar besonders interessante Unterkapitel.
Im "Get Started"-Bereich stellt SAP sich die gleichen Fragen, die wir auch in diesem Blog-Beitrag besprechen. Warum Guidelines? Wo sind die Vorteile und wie navigiere ich durch die umfangreiche Website am besten. Auch werden einige erste Best Practices zum Design von Fiori Apps vorgestellt, die gerade für Einsteiger in die Fiori-Entwicklung äußerst hilfreich sein können.
Unter "Explore SAP Fiori" erhält der Besucher dann auch schon eine Abkürzung zu fast beliebig vielen weiteren Konzepten, Floorplans, Layouts und UI-Elementen. Der Katalog kann nach den aufgeführten und weiteren Kategorien gefiltert werden. Der Inhalt der jeweiligen Kategorie wird anschließend anhand von Karten dargestellt, die bereits eine allgemeine Beschreibung des jeweiligen Objekts anzeigen.
Zudem gibt es ein Menu auf der linken Seite. Dort werden die verschiedenen Bereiche der Guidelines beschrieben. Als Beispiel ist das SAP Fiori Design System zu nennen. Über dieses wurde bereits im SAP Technologie Blog SAP Fiori als Designsystem Artikel berichtet. Hier werden vor allem die UX-Designer fündig.
In den weiteren Kapiteln wird das Aussehen, die Haptik und die Formulierung bei den Apps beschrieben. Hinzu kommt die Interaktion zwischen den Apps, das Theming und die allgemeine Anordnung der Elemente wie beispielweise der Buttons. Dort wird dem Entwickler genau empfohlen , wie welches Element aussehen sollte und wo es hingehört. Dadurch kann ein einheitliches Aussehen gewährleistet werden.
Fazit
Zusammenfassend sind die Fiori Design Guidelines eine strukturierte Sammlung an Richtlinien für die Verwendung unterschiedlicher Fiori-Bausteine und die Umsetzung verschiedenster Layouts. Auf die Frage „Sollte ich die Fiori Design Guidelines verwenden?“ ist festzuhalten, dass zur Sicherstellung der Konsistenz und des einheitlichen Designs selbst erfahrene Fiori-Entwickler und -Designer die Guidelines verwenden sollten. Fiori ist schnelllebig. Dinge ändern sich und als Entwickler hat man immer den Anspruch auf dem neusten Stand zu sein. Zudem sind es etablierte Best Practices, die die Arbeit mit SAP Fiori vereinfachen. Wir empfehlen, die SAP Fiori Guidelines zu verwenden, um ein einheitliches Design zu gewährleisten, auf dem neusten Stand der Fiori-Entwicklung zu bleiben und auf Basis von Best Practises effizient zu entwickeln.