介绍
SAP Fiori是一个设计系统,为SAP软件跨平台的设备提供一致用户体验。它是SAP产品体验和设计策略的核心。
通过SAP Fiori,我们提供可用的、健壮的、可扩展的、企业级质量的设计解决方案,采用多种参考技术实现。
SAP Fiori设计系统:
-加速和扩展企业软件的设计和开发。
-遵循基于业务角色的模块化设计方法,而不是传统的单块事务。
-通过关注用户任务和工作流,重新定义企业用户体验。
SAP Fiori 设计系统组件
SAP Fiori设计系统基于两个层次:
- 普世价值、原则和实践适用于所有技术平台。
- SAP Fiori设计语言提供跨多个平台的标准化设计指导。
普世价值、原则和实践
下面的基本价值、原则和实践诠释了SAP Fiori设计:
1.价值
兼容性:利用整个SAP设计社区的专业知识,提供适用于SAP全系列产品的UI技术和场景的解决方案。
整体性:提供解决方案,将不同的独立产品和技术集成到一个一致且易于使用的环境中。
智能化:将机器学习和人工智能作为用户体验不可分割的一部分,专注于让用户获得控制权,而不是剥夺他们的控制权。
另见:https://experience.sap.com/fiori-design-web/designing-intelligent-systems/ 设计智能系统
2.原则
基于角色:在合适的时间提供正确的信息。
适应性:确保用户可以在任何地方工作,在他们选择的设备上。
简洁:帮助用户聚焦在重要的信息上。
一致性:在企业系统中提供相同的使用方法。
愉悦:丰富用户的工作体验。
3.实践
将用户体验作为产品生命周期的重要部分。
另见:https://experience.sap.com/fiori-design-web/design-led-development-process-external/ 设计引导开发过程
SAP Fiori 设计语言
SAP Fiori设计系统支持多种技术平台,web、本地移动和用户交互。我们将每个平台的变体称为SAP Fiori设计语言。
虽然基本的设计方法是标准化的、跨所有平台的,但设计语言满足各自技术平台的具体要求。每种设计语言都详细说明了外观和感觉、可用的控件和平面图/页面,以及导航和搜索等常见功能。
SAP Fiori设计语言已经在关键的参考技术中实现,包括用于基于浏览器的应用程序的SAPUI5和用于本地苹果iOS和Android的SAP云平台软件开发工具包(SDK)。
这是为应用程序设计者提供的全面设计指南和模板的补充。使用这种并行方法,可以简化、加速和跨多个平台统一企业业务场景的交互设计。
用SAP Fiori 设计系统
SAP Fiori设计系统的开发主要是为了支持SAP业务应用程序的内部开发。
同时,我们也向我们的客户和合作伙伴提供了它,以分享我们作为企业软件领导者40多年来的经验。
我们提供下列资源:
- SAP Fiori设计指南:
SAP Fiori for Web
SAP Fiori for iOS
SAP Fiori for Android
SAP Conversational User Experience - 实现SAP Fiori 用于Web的参考技术之一的开源版本:OpenUI5
- 我们的客户和合作伙伴可以获得SAPUI5产品版本的支持材料
SAP Fiori 演进
SAP Fiori 已经从一个小的首创,发展成为一个为所有SAP工业级产品的设计系统。SAP Fiori的最新和第三个发展重点关注兼容、集成和智能,以确保SAP Fiori 可以用于将所有产品集成到一个智能企业套件中。继续阅读,了解更多关于关键里程碑的信息。
SAP Fiori 1.0
SAP Fiori 创立于2013年,旨在将移动优先的设计方法应用到最常用的用例中,来重新设想商业软件。基于基于角色、简洁、响应式、一致和愉快的设计原则,奠定了设计基础。
在SAP Fiori 的第一个版本中,我们开始将大型的、单块的业务事务分解为有重点的、基于任务的应用程序。从适合智能手机的核心功能集开始,设计过程旨在向更大的设备(如平板电脑或台式电脑)转移时提供更全面的功能。新的Fiori网页设计语言,所有方面都必须经过精心设计,以适应任何设备,无论它是用鼠标、键盘操作,还是通过触摸操作。SAP Fiori的第一个版本是在我们用于基于浏览器的应用程序,它是在参考技术SAPUI5(版本1.26 1.38)中实现和发展的,它也是开源的,名为OpenUI5。
SAP Fiori 1.0的主要特性
- 将单块事务分解为基于角色和任务的应用程序。
- 为所有设备提供响应体验。
- 利用现代、受移动启发的交互模式。
SAP Fiori 2.0
随着SAP Fiori初始版本的成功,我们需要引入新的功能,使SAP Fiori准备好成为可以解决所有SAP软件应用场景的设计系统。随着SAP Fiori 2.0的发展,设计不仅能够处理简单的用例,而且能够为最复杂的业务场景提供直观的解决方案。作为SAP旗舰产品SAP S/4HANA,SAP Fiori 2.0引入了新的平面图,可以以直观和响应的方式容纳大量信息和复杂的功能。
此外,SAP Fiori 2.0提供了一个新的集成、强大的用户环境,它基于SAP Fiori 首页( launchpad),引入了通知和改进的导航等生产力特性。在第二次迭代中,SAP Fiori引入了一种新的生产力工具,随着时间的推移,它逐渐演变为SAP仪表盘对话式数字助理。
SAP Fiori 2.0获得了著名的红点奖,在2016年10月推出2.0。在那之后不久,一个额外的奖项表彰了利用SAP的集成事务和分析特性,内存技术可能性的创新方法。同样,SAPUI5中实现了SAP Fiori 2.0作为主要的参考技术(版本1.42 1.70)。除此之外,SAP Fiori 2.0还被应用于对SAP Web GUI、WebDynpro和CRM WebClient等经典UI技术的重新设计,以提供跨平台的一致体验。其他产品领域开始采用SAP Fiori 2.0,比如新的伯利兹主题,以便更好地与SAP S/4HANA集成。SAP Fiori for iOS,SAP Fiori 为本地移动平台设计的第一个版本与苹果公司合作发布。两年后,SAP Fiori for Android宣布与谷歌合作。
SAP Fiori 2.0的主要特性
- 将基于角色和以任务为中心的设计方法扩展到复杂的企业场景和本地移动平台。
- 为业务用户提供强大的生产力环境,提供新的可伸缩布局和模式,包括嵌入式分析、通知、搜索和改进的导航。
- 介绍会话交互和机器智能。
SAP Fiori 3.0
SAP Fiori的第三个版本于2018年发布。持续的成功及其在规模和集成最新趋势和需求方面的能力已经被证明,确立了SAP Fiori 作为智能企业的设计系统。所有产品领域都致力于采用SAP Fiori 3作为集成所有SAP产品体验的设计系统。这一决定在新建立的用户体验一致性产品标准中得以实施。
作为一个新的Quartz主题,SAP Fiori 3引入了许多新特性,促进了所有SAP产品的集成,从而提供一个连贯一致的用户体验。最重要的一些方面是:
- 最顶层的屏幕区域(称为shell栏)已被重新设计,以支持不同产品中的所有导航和功能需求,并将包括在独立产品之间切换的可能性。
- 主页正在重新设计,以便在细节级别上提供更大的灵活性。简单的导航链接补充了早期版本中提供的贴片,我们正在开发细节卡片,以提供更多一目了然的信息。
- 用户可以有多个主页,称为空间。组织可以提供这些以提供对各种域和上下文的访问,将概览页面的强大功能集成到与主页相同的生命周期中。
SAP Fiori 3 也往前迈了一大步,将机器智能对话互动集成到商业环境,通过提供一个更加综合体验机器生成的评级和建议,和一整套设计原则,确保智能系统以人为中心的交互设计方法。有了业务情景的概念,系统现在可以独立于预定义的流程和工作流检测关键的业务上下文,并推荐可能的解决方案来解决它们。
支持Fiori 3设计系统的技术已经超越了已有的参考技术SAPUI5和经典的UI技术,包括基于Angular、React或Vue等框架和web组件的最新web技术。
SAP Fiori 3的主要特性 - 为所有SAP产品的一致性建立基本规则
- 新的石英主题
- 新的对齐壳条(shell bar)
- 为主页提供更大的灵活性
- 整合机器智能,注重以人为中心的方法
- 适用多种技术