SAP Fiori 简介

学习目标

  • 识别 SAP Fiori 的各个维度

  • 解释 SAP Fiori 的原则

概念

智能手机、平板电脑和桌面设备上 SAP Fiori launchpad 的屏幕截图,展示了业务应用程序界面中销售订单、收入和客户指标的各种图表、图形和数据分析。

SAP Fiori 是一种设计语言,基于 SAP User Experience 为企业应用程序带来出色的用户体验。它可在桌面设备、平板电脑和智能手机上无缝运行。

在 2013 年的 SAPPHIRE 大会上,首批 25 个面向管理者和员工、具有申请和审批功能的应用程序已经发布。此后,应用程序的数量大幅增加。SAP Fiori 2.0 随 SAP S/4HANA 1610 一同推出,将 SAP Fiori 的理念提升到了新的水平。如今,SAP Fiori 3 是当前的目标设计,它为所有 SAP 产品演进 SAP Fiori 设计语言,以全面支持 Intelligent Suite。

展示三个部分的图。原则:基于角色、自适应、一致、简单、令人愉悦。设计:视觉设计、信息架构、交互模式。技术:用户界面、业务逻辑。

定义 SAP Fiori 的三个维度是设计、原则和技术。在每个维度中,从视觉、操作、交互和架构到开发中的技术与系统格局,都制定了规则和指南,以界定 SAP Fiori 的真正内涵。

设计

良好用户体验价值的图示。货币价值:提高生产力和数据质量、节省培训成本、减少变更请求和用户错误。人的价值:提高用户满意度、包容性、解决方案采用率,加强(业务与 IT 之间的)关系和客户忠诚度。

人们常常将用户体验(UX)视为情感层面而非理性层面的事物,因此很难为投资良好 UX 构建业务论证。但事实上,除了让人们更快乐这一明显的人文价值之外,良好的 UX 确实具有货币价值。

货币价值

良好的 UX 有助于提高生产力。人们可以完成更多工作,因为他们更高效。系统通过智能引导他们关注最需要关注的事项。另一个重要方面是数据质量:错误录入的数据会在流程后期造成高昂成本。从一开始就确保良好的数据质量可以省去后期的数据更正。

易于使用的软件几乎不需要任何培训,因此您可以节省大量的培训成本以及后续的支持服务台成本。

如果您让最终用户参与实施,并预先确保 UX 符合他们的需求,您就可以减少来自用户的变更请求数量。对已部署 UI 的更改比事先所做的更改成本更高。同时用户错误也会减少,从而降低因数据质量不佳而产生的成本和支持服务台成本。

人的价值

除了这些可量化的收益之外,良好的 UX 还带来明显的人文价值收益——当公司希望吸引最优秀的人才时,这些收益尤为重要。谁不想使用炫酷的现代工具,而非毫无吸引力的工具呢?良好的 UX 提高用户满意度,允许包容所有员工,并有助于确保公司内部人员真正使用该软件,而不是将数据单独保存在自己的桌面上。

为您的业务部门提供具有良好 UX 的软件有助于加强您与他们的关系,因为您提供的是他们团队乐于使用的软件。如果应用程序由客户使用,那么良好的 UX 有助于建立并提高客户忠诚度。

注意

SAP 提供 SAP UX Value Calculator,用于评估潜在节省并收集可用于说服同事和管理者投资更好用户体验的论据:

https://apphaus.sap.com/resource/calculate-the-value-of-ux

观看视频,了解设计思维的概览。

视频:本节含 SAP 官方视频(视频 ID 1_tmxf0c4e),需在 learning.sap.com 在线观看。

SAP Design System 门户展示了 SAP Fiori for Web、Android 和 iOS 以及 SAP Digital Design System 的选项。

SAP Fiori 设计的所有细节都作为指南供普遍使用。您可以找到 SAP Fiori 设计的各个方面,从五项核心设计原则到页面 floorplan 以及 UI 元素的细节。此外还有若干可下载的资源,例如 SAP 图标字体或 font 72,以赋能客户设计自己的应用程序。

自 2016 年 5 月起,SAP Fiori 也可用于 Apple iOS。Apple 是强大的合作伙伴,尤其是在设计方面。Apple 与 SAP 之间有着紧密的合作,不仅提供融合的设计,还为开发者提供指导和工具,以便为 iOS 开发原生应用。此外,通过这一合作开发的应用程序数量不断增长,充分利用了 Apple 移动设备的特性。

自 2018 年 6 月起,SAP Fiori 也可用于 Google Android。它提供融合的设计和指导,供开发者开发 Android 原生应用。不过,与 SAP Fiori for iOS 不同,它不向最终用户提供可直接使用的应用程序。

自 2023 年 7 月起,SAP 遵循以人为本的 AI 方法,这意味着 SAP 整体性地审视用户需求,除功能性洞察和指导外,还包括建立信任等方面。用户指导既可以通过图形化 UI 提供,也可以通过对话式 UI 提供。基本上,两者都允许用户与系统交互并获得指导。这种指导可以是:

  • 预测性 通过分析历史数据并进行预测或预报。

  • 主动性 通过提供与用户在系统中正在进行的活动相关的洞察。

  • 响应性 通过帮助用户对外部触发因素或事件做出响应,并提供处理该情况的选项建议。

自 2025 年 6 月起,SAP Fiori 设计指南即包罗万象的 SAP Design System 指南。这拓宽了 SAP Fiori 的范围,使其成为 SAP 面向所有数字内容(包括 AI 并由 AI 赋能)的核心设计。

要访问 SAP Design System 指南,请访问 https://www.sap.com/design-system

原则

图标表示五个属性:基于角色(用户图标)、自适应(设备图标)、一致(箭头)、简单(圆形)、令人愉悦(心形)。每个图标下方都有简要说明。

在第二个维度中,SAP Fiori 为各种客户端提供统一的用户体验。用户应在所有设备上获得一致、连贯、简单、直观且令人愉悦的用户体验,从而能够更好、更高效地工作。SAP Fiori 的五项设计原则是每个 SAP Fiori 应用程序实现这些目标的核心。因此,与经典用户界面相比,基于角色的方法是最重大的变化。

与基于功能的应用程序相比,SAP Fiori 改变了用户体验,并赋能用户使用基于角色的应用程序。观看视频,了解 SAP Fiori 如何将用户体验从基于功能转变为基于角色。

视频:本节含 SAP 官方视频(视频 ID 1_lt36xv9c),需在 learning.sap.com 在线观看。

技术

观看视频,了解 SAP Fiori 的演进。

视频:本节含 SAP 官方视频(视频 ID 1_lub3ovbs),需在 learning.sap.com 在线观看。

四个图形符号代表 SAP 期望的用户体验:以网络球体表示一致、以轨道表示智能、以电路线表示集成、以两人握手表示协作。

总而言之,SAP Fiori 的目标是在所有产品中提供一致、智能、集成且协作的用户体验。这也被称为 SAP 的客户体验目标。

浏览 SAP Fiori 设计资源

业务示例

您希望收集有关 SAP Fiori 设计的信息和资源。

任务 1:浏览 SAP Fiori 的 SAP Community 页面

步骤

  1. 在 Web 浏览器中打开 SAP Communityhttps://community.sap.com/),并查看 SAP Fiori 的主题页面。

  2. 在您选择的浏览器中打开 https://community.sap.com/

  3. 在页面顶部选择 Topics

  4. Filter Topics 字段中,输入 fiori

  5. 在结果列表中选择 SAP Fiori

  6. 查看 SAP Fiori 社区页面。

  7. 在 SAP Fiori 的 SAP Community 页面中,使用您的 SAP 账户搜索并打开 SAP Fiori 设计指南。

  8. 向下滚动到 Design 窗格。

  9. Design 窗格中,选择 SAP Fiori design guidelines 链接。

结果

该链接将转发到 SAP Design System 门户。

任务 2:浏览 SAP Design System 指南

步骤

  1. SAP Design System 门户(https://www.sap.com/design-system)中,搜索 SAP Fiori for Web 的设计原则。

  2. SAP Design System 门户中,选择 SAP Fiori for Web 下方的 Web overview

  3. 在左侧的导航栏中,选择 DiscoverSAP Design SystemVision and Mission

  4. 选择 Design Principles 磁贴。

结果

将显示 Design Principles 。 2. 在 SAP Design System 门户中,搜索 SAP S/4HANA 中 My Home 的组件。

  1. 在左侧的导航栏中,选择 DiscoverSAP ProductsSAP S/4HANA

  2. 选择 SAP S/4HANA Product Home Page – My Home 磁贴。

  3. 在右侧选择 Components

结果

将显示 My Home 在 SAP S/4HANA 的组件。 3. 在 SAP Design System 门户中,搜索用于在对象页面 floorplan 中显示消息的 UI 元素的设计文档。

  1. 在左侧的导航栏中,选择 Page TypesFloorplansObject Page

  2. 在右侧选择 Message Handling

  3. 在文本中选择 message strip 链接。

结果

将显示 Message Strip 的设计文档。 4. 在 SAP Design System 门户中,搜索 font 72 的下载选项。

  1. 在左侧的导航栏中,选择 ResourcesDownload Fonts

  2. 在右侧选择 Font 72

结果

将显示 font 72 的下载选项。