基础介绍 - SAP Fiori 1.80

介绍

SAP Fiori是一个设计系统,为SAP软件跨平台的设备提供一致用户体验。它是SAP产品体验和设计策略的核心。
通过SAP Fiori,我们提供可用的、健壮的、可扩展的、企业级质量的设计解决方案,采用多种参考技术实现。
SAP Fiori设计系统:
-加速和扩展企业软件的设计和开发。
-遵循基于业务角色的模块化设计方法,而不是传统的单块事务。
-通过关注用户任务和工作流,重新定义企业用户体验。

SAP Fiori 设计系统组件

提供3种平台设计语言

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 已经从一个小的首创,发展成为一个为所有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)
  • 为主页提供更大的灵活性
  • 整合机器智能,注重以人为中心的方法
  • 适用多种技术
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343