三分钟了解Fiori背后的设计理念

挑战自己总是最难的,不过SAP做到了。

不知道是不是听取了用户长久以来的呼声,Fiori的出现至少让我这样被苹果iOS宠坏了的用户有一种感觉:一贯稳健的SAP也潮了起来。

三分钟了解Fiori背后的设计理念_第1张图片

图:以苹果为代表的消费类APP

这一次SAP应该是使出全部功力了,就像郭靖靠降龙十八掌在华山论剑中一战成名一般,SAP凭借Fiori 2.0一举摘得了有设计界的奥斯卡之称的红点奖。

百闻不如一见,先来直观的感受一下使用Belize(伯利兹)主题的Fiori 2.0界面。小小的跑个题:伯利兹这个地方是我一直想去的旅行目的地,它位于中美洲加勒比海的西侧,被墨西哥,危地马拉和洪都拉斯包围。伯利兹混合着美丽和危险的气息,据说夜间的伯利兹,听到枪声比听到鞭炮的几率高得多。

三分钟了解Fiori背后的设计理念_第2张图片

如果你曾经使用过Fiori 1.0版本,你会注意到在Fiori 2.0的Launchpad中,左右两边各增加了一个新的护翼区域,相当于扩展了整个桌面的使用范围,这种设计概念,被称为“Viewport Concept”。

在屏幕右侧是“Notification Area”,感觉有点iOS里面的通知中心的意思。消息或者是Workflow的提醒会体现在这里。它的作用是时刻帮我提醒老板:我的报销你还不赶紧批,等着生崽么?

左侧叫“Me Area”,放置一些最近使用过的Apps,或者是一些自定义的用户菜单,用于搜索的App Finder也在这里。中间的一大块被称为工作区,是用户处理日常业务的地方。

这样的设计模式,大概体现了这样的目的:可以让用户既聚焦于核心工作任务,又不会错失其他方面的动态。呵呵,照顾得面面俱到的感觉啊。

三分钟了解Fiori背后的设计理念_第3张图片

Fiori的设计哲学基于以下五个核心理念。

基于角色的(Role-based)

自我适应的(Adaptive)

简洁大方的(Simple)

连贯一致的(Coherent)

令人愉悦的(Delightful)

第一,第三,第四点很好理解,第二点自我适应的是指一个App,无论你使用什么设备,电脑也好,平板或手机也好,都能够自动适应。一个词概括:大杀四方,啊不,完美兼容。

我觉得最难的做到的是Delightful。在我这样一个核心果粉的心目中,只有乔帮主时代的苹果做到了Delightful。因为令人愉悦的设计对于我们普通人来说,是很难把握的其特征的。不过多读书,总能尝试找到答案。

按照The Non-Designers Design Book这本书中介绍的理念,好的设计需要做到:

亲密性:存在逻辑关联的元素,在视觉上也要存在关联

对齐:页面上的元素都要保持对齐

重复:设计的某些方面要在整个作品中重复

对比:如果两个元素是不同的,要在视觉上使其截然不同

我自己的感觉是,Fiori 2.0在这几点上做的还不错。至少给人一种蛮协调的观感。


三分钟了解Fiori背后的设计理念_第4张图片

图:SAP的用户界面变化

常听到一句话:规则是用来打破的。这一次在打破自己定义的规则上,我忍不住想跳起来跟虚拟的SAP同学击个掌,干得漂亮!

关于SAP Fiori的几点小常识

1.Fiori 2.0在S/4 HANA的On-premise 1610/Cloud 1608版本上推出。

2.Fiori基于SAP UI5技术,这是一种基于JavaScript的UI库,用于开发跨平台的应用程序。

3.Fiori的部署分为Central Hub和Embedded两种方式,第一种需要为Fiori单独部署一台服务器。

最后

现在,问题来了,你明白神马是Fiori了吗?


微信原文:http://t.cn/RiksgWp


三分钟了解Fiori背后的设计理念_第5张图片

你可能感兴趣的:(三分钟了解Fiori背后的设计理念)