{"id":6880,"date":"2022-03-16T12:21:00","date_gmt":"2022-03-16T11:21:00","guid":{"rendered":"https:\/\/sovanta.com\/?p=6880"},"modified":"2022-03-18T10:05:19","modified_gmt":"2022-03-18T09:05:19","slug":"6-guidelines-how-to-design-sap-fiori","status":"publish","type":"post","link":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/","title":{"rendered":"6 Guidelines: How to design SAP Fiori"},"content":{"rendered":"\n<p>SAP Fiori is the fast track to applications with a good user experience. But although the SAP standard can do a lot out of the box, we often hear in customer conversations that the right use, the right configuration, and also useful extensions are required. To design SAP Fiori correctly for our customers, Daniel Grab is on board as UX designer at sovanta and tells us here a few guidelines he follows in SAP Fiori projects:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Stay as close as possible to the standard!&nbsp;<\/h3>\n\n\n\n<p>In general, we always try to stay as close as possible to the SAP standard. This makes it easier for the customer to update to newer SAP UI5 versions later on. Because with custom elements, there is a possibility that they will no longer function as desired after an update and will have to be adapted again.&nbsp;However, if we can&#8217;t find a ready-made component in the standard that fits the solution, then we look around in the SAP Fiori Library or UI5 Library for existing components that we can combine in a meaningful way to become the solution. If that doesn&#8217;t work, then of course we build custom controls. Fortunately, there are already some available in our sovanta Fiori Extension Library.<\/p>\n\n\n\n<div id=\"image-card-with-buttonblock_621f30531604c\" class=\"block__image-card-with-button -detect-in-viewport has-background has-lightcyan-background-color image-card\">\n      \n  \n\n<div id=\"quoteblock_621f30581604d\" class=\"block__quote -detect-in-viewport block__quote--small\">\n\n    <div class=\"block__quote__wrapper\">\n\n                    <div class=\"block__quote__quote\">You are not alone: SAP Fiori offers an extremely wide range of possibilities and correspondingly many sources of knowledge. To maintain an overview, it is always worthwhile to have close exchange with SAP Fiori experts from development and design.<\/div>\n        \n        \n    <\/div>\n\n<\/div>\n\n\n  <\/div>\n\n\n<h3 class=\"wp-block-heading\">2. Not everything is possible in every SAP Fiori version\u202f&nbsp;<\/h3>\n\n\n\n<p>The decisive factor for a SAP Fiori project is the version number with which a customer operates its SAP system landscape. For us designers, this means that some features cannot be used in earlier versions.&nbsp;In the <a href=\"https:\/\/experience.sap.com\/fiori-design-web\/a-beginners-guide-to-the-design-guidelines\/\" target=\"_blank\" rel=\"noreferrer noopener\">SAP Fiori Design Guidelines<\/a> and the <a href=\"https:\/\/sapui5.hana.ondemand.com\/#\/controls\" target=\"_blank\" rel=\"noreferrer noopener\">SAP UI5 Samples<\/a>, earlier versions can be selected and tested to make sure what is possible and what is not.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Select floor plan according to the task&nbsp;<\/h3>\n\n\n\n<p>What task should the SAP Fiori app fulfill? We get to the bottom of this question together with our customers in a workshop at the beginning of a project. Only when we know the task can we select the right floor plan. The SAP Fiori page &#8220;<a href=\"https:\/\/experience.sap.com\/fiori-design-web\/when-to-use-which-floorplan\/\" target=\"_blank\" rel=\"noreferrer noopener\">When to Use Which Floorplan<\/a>&#8221; also helps here. In general, floor plans are to be understood as <a href=\"https:\/\/experience.sap.com\/fiori-design-web\/analytical-list-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">templates<\/a> that fulfill different tasks. There are floorplans to \u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Get an overview of tasks and contents&nbsp;<\/li><li>List contents&nbsp;<\/li><li>Edit content&nbsp;<\/li><li>Create content (e.g. wizard)&nbsp;<\/li><li>Display KPIs&nbsp;<\/li><li>List products&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Using SAP Fiori Elements correctly<\/h3>\n\n\n\n<p>SAP Fiori Elements is a kind of construction kit that contains the most common components and floor plans. Elements can therefore be used to create standard applications that follow one of the common floor plans.&nbsp;The construction kit is well suited for a quick implementation of solutions that map an already existing use case in existing floor plans. On the other hand, Elements is not as flexible and is severely limited in terms of customizing.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. The question of the right theme<\/h3>\n\n\n\n<p>There are two \u201cmain themes\u201d: <a href=\"https:\/\/experience.sap.com\/fiori-design-web\/colors\/\" target=\"_blank\" rel=\"noreferrer noopener\">Belize<\/a> and <a href=\"https:\/\/experience.sap.com\/fiori-design-web\/quartz-light-colors\/\" target=\"_blank\" rel=\"noreferrer noopener\">Quartz Light<\/a>. Basically, Belize is for Fiori 2 and Quartz Light for Fiori 3, but both themes can be used independently of the Fiori version.&nbsp;There is also a Quartz Dark theme and High Contrast themes for visually impaired users.&nbsp;For our customers exciting: it is of course also possible to adapt the theme to the corporate design of the customer. This concerns the colors and fonts. Icons can also be exchanged. However, it is important to ensure that the icons are provided in an icon font.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/experience.sap.com\/fiori-design-web\/theming\/\"><img decoding=\"async\" width=\"994\" height=\"655\" src=\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori_SAP.com_web.jpg\" alt=\"\" class=\"wp-image-6620\" srcset=\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori_SAP.com_web.jpg 994w, https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori_SAP.com_web-300x198.jpg 300w, https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori_SAP.com_web-768x506.jpg 768w\" sizes=\"(max-width: 994px) 100vw, 994px\" \/><\/a><figcaption>Beispiel von SAP.com<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. The key question: with or without shell bar?&nbsp;<\/h3>\n\n\n\n<p>In some cases, the application is embedded in another application. In this case, it is necessary to hide the <a href=\"https:\/\/experience.sap.com\/fiori-design-web\/shell-bar\/\" target=\"_blank\" rel=\"noreferrer noopener\">shell bar<\/a>, since navigation and user settings run via a higher level. An example: A plant employee is supposed to record his times via a so-called employee kiosk and otherwise does not need access to other SAP Fiori applications and settings. It is then important to ensure that navigation in the embedded application works without a shell bar. For example, you no longer have a back button available, which is integrated in the shell bar. So you have to make sure that navigation is possible in another way.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Are you looking for support with your SAP Fiori project?<\/h2>\n\n\n\n<p>With our offers like &#8220;SAP Fiori Education &amp; Training&#8221; and &#8220;SAP Fiori Standard Check&#8221; we&#8217;ll offer you the support you need in your SAP Fiori project.<\/p>\n\n\n\n<div id=\"contact-personblock_621f2e7e1604b\" class=\"block__contact-person -detect-in-viewport block__contact-person--default block__contact-person--with-headline has-seashell-background-color has-background-color\">\n\n  <div class=\"contact-person__wrapper\">\n\n    <div class=\"contact-person__header\">\n\n      <div class=\"contact-person__header__wrapper\">\n\n        \n\n                    <div class=\"contact-person__image\">\n            <img decoding=\"async\" width=\"350\" height=\"466\" src=\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/Daniel_Grab-scaled-e1776082821846-350x466.jpg\" class=\"attachment-contact_person size-contact_person wp-post-image\" alt=\"\" \/>          <\/div>\n                                  <div class=\"contact-person__name\">\n              Daniel Grab            <\/div>\n                        <div class=\"contact-person__position\">\n              UX Designer            <\/div>\n          \n          \n      <\/div>\n\n    <\/div>\n\n    <div class=\"contact-person__body\">\n\n              <h2 class=\"h3 contact-person__headline\">Your Contact<\/h2>\n      \n      \n                    <div class=\"contact-person__text\">\n          Daniel Grab is as UX designer in charge of SAP Fiori projects at sovanta with the goal to use the standard correctly and expand it in a meaningful way.        <\/div>\n      \n                  \n                    <div class=\"contact-person__channels\">\n                              <a href=\"mailto:daniel.grab@sovanta.com\" class=\"contact-person__channel contact-person__channel--mail\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Contact via Mail\">\n            <span class=\"icon icon--svg\">\n<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n<path d=\"M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z\" fill=\"currentColor\"><\/path>\n<\/svg>\n<\/span>    <\/a>\n                      <a href=\"https:\/\/www.linkedin.com\/in\/daniel-grab-960b49371\/\" class=\"contact-person__channel contact-person__channel--linkedin\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Contact via Linkedin\">\n            <span class=\"icon icon--svg\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fab\" data-icon=\"linkedin-in\" class=\"svg-inline--fa fa-linkedin-in fa-w-14\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\"><\/path><\/svg><\/span>    <\/a>\n                      <a href=\"https:\/\/www.xing.com\/profile\/Daniel_Grab2\" class=\"contact-person__channel contact-person__channel--xing\" rel=\"noopener noreferrer\" target=\"_blank\" title=\"Contact via Xing\">\n            <span class=\"icon icon--svg\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fab\" data-icon=\"xing\" class=\"svg-inline--fa fa-xing fa-w-12\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z\"><\/path><\/svg><\/span>    <\/a>\n                  <\/div>      \n    <\/div>\n\n  <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>SAP Fiori is the fast track to applications with a good user experience. But although the SAP standard can do a lot \u2026<\/p>\n","protected":false},"author":3,"featured_media":6919,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[308],"tags":[618],"competence":[],"Industry":[],"line_of_business":[],"resource":[376,652],"systems-and-technologies":[387],"class_list":["post-6880","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sovanta-en","tag-user-experience-en","resource-blog-en","resource-apphaus-blog","sap-product-sap-fiori-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 Guidelines: How to design SAP Fiori - sovanta AG<\/title>\n<meta name=\"description\" content=\"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Guidelines: How to design SAP Fiori - sovanta AG\" \/>\n<meta property=\"og:description\" content=\"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\" \/>\n<meta property=\"og:site_name\" content=\"sovanta AG\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sovantaAG\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-16T11:21:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-18T09:05:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"sova.hilkert\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sovanta_AG\" \/>\n<meta name=\"twitter:site\" content=\"@sovanta_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sova.hilkert\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\"},\"author\":{\"name\":\"sova.hilkert\",\"@id\":\"https:\/\/sovanta.com\/en\/#\/schema\/person\/0b2dab3f65b5928cf52378374235afd3\"},\"headline\":\"6 Guidelines: How to design SAP Fiori\",\"datePublished\":\"2022-03-16T11:21:00+00:00\",\"dateModified\":\"2022-03-18T09:05:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\"},\"wordCount\":737,\"publisher\":{\"@id\":\"https:\/\/sovanta.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg\",\"keywords\":[\"user experience\"],\"articleSection\":[\"sovanta\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\",\"url\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\",\"name\":\"6 Guidelines: How to design SAP Fiori - sovanta AG\",\"isPartOf\":{\"@id\":\"https:\/\/sovanta.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg\",\"datePublished\":\"2022-03-16T11:21:00+00:00\",\"dateModified\":\"2022-03-18T09:05:19+00:00\",\"description\":\"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.\",\"breadcrumb\":{\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage\",\"url\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg\",\"contentUrl\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sovanta.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Guidelines: How to design SAP Fiori\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sovanta.com\/en\/#website\",\"url\":\"https:\/\/sovanta.com\/en\/\",\"name\":\"sovanta AG\",\"description\":\"Simplify IT, HR and Sales\",\"publisher\":{\"@id\":\"https:\/\/sovanta.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sovanta.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sovanta.com\/en\/#organization\",\"name\":\"sovanta AG\",\"url\":\"https:\/\/sovanta.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/sovanta.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/01\/Logo_sovanta_Claim_RGB.svg\",\"contentUrl\":\"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/01\/Logo_sovanta_Claim_RGB.svg\",\"width\":380,\"height\":226,\"caption\":\"sovanta AG\"},\"image\":{\"@id\":\"https:\/\/sovanta.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sovantaAG\/\",\"https:\/\/x.com\/sovanta_AG\",\"https:\/\/www.linkedin.com\/company\/sovanta-ag\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/sovanta.com\/en\/#\/schema\/person\/0b2dab3f65b5928cf52378374235afd3\",\"name\":\"sova.hilkert\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Guidelines: How to design SAP Fiori - sovanta AG","description":"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/","og_locale":"en_GB","og_type":"article","og_title":"6 Guidelines: How to design SAP Fiori - sovanta AG","og_description":"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.","og_url":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/","og_site_name":"sovanta AG","article_publisher":"https:\/\/www.facebook.com\/sovantaAG\/","article_published_time":"2022-03-16T11:21:00+00:00","article_modified_time":"2022-03-18T09:05:19+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg","type":"image\/jpeg"}],"author":"sova.hilkert","twitter_card":"summary_large_image","twitter_creator":"@sovanta_AG","twitter_site":"@sovanta_AG","twitter_misc":{"Written by":"sova.hilkert","Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#article","isPartOf":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/"},"author":{"name":"sova.hilkert","@id":"https:\/\/sovanta.com\/en\/#\/schema\/person\/0b2dab3f65b5928cf52378374235afd3"},"headline":"6 Guidelines: How to design SAP Fiori","datePublished":"2022-03-16T11:21:00+00:00","dateModified":"2022-03-18T09:05:19+00:00","mainEntityOfPage":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/"},"wordCount":737,"publisher":{"@id":"https:\/\/sovanta.com\/en\/#organization"},"image":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage"},"thumbnailUrl":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg","keywords":["user experience"],"articleSection":["sovanta"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/","url":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/","name":"6 Guidelines: How to design SAP Fiori - sovanta AG","isPartOf":{"@id":"https:\/\/sovanta.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage"},"image":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage"},"thumbnailUrl":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg","datePublished":"2022-03-16T11:21:00+00:00","dateModified":"2022-03-18T09:05:19+00:00","description":"SAP Fiori often requires configuration and extensions. To design SAP Fiori correctly we follow some design guidelines.","breadcrumb":{"@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#primaryimage","url":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg","contentUrl":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/03\/SAP-Fiori-My-Document.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/sovanta.com\/en\/6-guidelines-how-to-design-sap-fiori\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sovanta.com\/en\/"},{"@type":"ListItem","position":2,"name":"6 Guidelines: How to design SAP Fiori"}]},{"@type":"WebSite","@id":"https:\/\/sovanta.com\/en\/#website","url":"https:\/\/sovanta.com\/en\/","name":"sovanta AG","description":"Simplify IT, HR and Sales","publisher":{"@id":"https:\/\/sovanta.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sovanta.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/sovanta.com\/en\/#organization","name":"sovanta AG","url":"https:\/\/sovanta.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/sovanta.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/01\/Logo_sovanta_Claim_RGB.svg","contentUrl":"https:\/\/sovanta.com\/wp-content\/uploads\/2022\/01\/Logo_sovanta_Claim_RGB.svg","width":380,"height":226,"caption":"sovanta AG"},"image":{"@id":"https:\/\/sovanta.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sovantaAG\/","https:\/\/x.com\/sovanta_AG","https:\/\/www.linkedin.com\/company\/sovanta-ag\/"]},{"@type":"Person","@id":"https:\/\/sovanta.com\/en\/#\/schema\/person\/0b2dab3f65b5928cf52378374235afd3","name":"sova.hilkert"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/posts\/6880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/comments?post=6880"}],"version-history":[{"count":6,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/posts\/6880\/revisions"}],"predecessor-version":[{"id":6916,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/posts\/6880\/revisions\/6916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/media\/6919"}],"wp:attachment":[{"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/media?parent=6880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/categories?post=6880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/tags?post=6880"},{"taxonomy":"competence","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/competence?post=6880"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/Industry?post=6880"},{"taxonomy":"line_of_business","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/line_of_business?post=6880"},{"taxonomy":"resource","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/resource?post=6880"},{"taxonomy":"sap-product","embeddable":true,"href":"https:\/\/sovanta.com\/en\/wp-json\/wp\/v2\/systems-and-technologies?post=6880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}