美文网首页大话SAP
三分钟了解Fiori背后的设计理念

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

作者: 大话SAP | 来源:发表于2017-03-16 23:19 被阅读146次

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

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

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

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

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

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

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

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

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

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

    基于角色的(Role-based)

    自我适应的(Adaptive)

    简洁大方的(Simple)

    连贯一致的(Coherent)

    令人愉悦的(Delightful)

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

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

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

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

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

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

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

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

    图: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背后的设计理念

        本文链接:https://www.haomeiwen.com/subject/rtysnttx.html