在用户使用我们的产品之前,考虑一下,我们希望用户在整个使用过程中完成多少个决策?我们肯定希望是越少越好。有些设计很好的APP中限制选项到只有几个。打开百度APP或网站,并没有满页的选择,只有一个最简单的搜索框和搜索按钮。而打开hao123的首页页面,会发现满页的分类选项,甚至连搜索框都需要一定的反应时间才能与其他部分区分开(见图2-1-1 hao123主页与百度主页)。相比之下,百度大大减少了决策时间,让用户
进入界面时一目了然就能继续进行想要的操作。
图2-1-1 hao123主页与百度主页
2.1.2 降低点击错误率
如果在用户使用时,点击某个功能按钮,却出现不能使用的提示,你是否会产生疑惑:既然不能用,为什么要放出来做烟雾弹?所以,当用户当前点击该按钮并不能进行任何操作时,要把这些操作隐藏起来。对用户进行适当的行为约束,提前为用户去除掉不能继续的道路。在淘宝购买鞋时,选择不同码数不同颜色会出现不同状态(见图2-1-2 淘宝买鞋界面)。如果没有需要的那一款,该页面对应按钮显示为灰色不可用状态,避免用户购买没有的东西。通过按钮的颜色、位置、大小等,让用户一目了然进行选择点击,获得他们想要的结果,这是设计师需要通过席克定律在前期根据用户的使用状态,对应进行功能项的展示和隐藏,是有效避免用户误操作的常用手段。通过减少无用的选项,由状态所限制操作的设计在很大程度上预防了用户可能发生的操作失误。
图2-1-2 淘宝买鞋界面
2.1.3 提高信息获取效率
当界面上用的颜色越少时,与其他选项不同的那一项重要性就越突出。当处理设计复杂和多文本的界面时,确定一个设计模式是最好的选择。用户在快速浏览的时候,眼睛更容
易接收一致的内容,获取信息的效率也就更快,所以你的设计应该视觉上统一。界面中标题和文章只有区分得足够明显,才能够立即区分内容层级。我们要时常回顾设计原则并研究如何使用线条、形状、颜色和空白的。所有的这些东西吸引着用户的注意力,但是一致性让用户更加的熟悉并且更容易做决策。将席克定律运用到整个思考过程中的每个角落,对于在视觉上加强某些元素的设计需要运用的恰到好处,才能更加提高获取信息的效率。
2.1.4 提升用户操作体验
人类大脑在处理多项看起来相似或杂乱而毫无逻辑的选择时比较困难,除非某个选项特别突出。当你的设计充满控件和次要内容时,主要内容就减弱了,并且将更多的选择强加给了用户。所以消除干扰应该在从这里就开始,且应该贯穿整个设计过程。我们消除的选项越多,用户体验就更加流畅。
在农行APP优惠界面中,banner中的文字和下方文本文字的排版让人分不清到底哪一个是设计者想传达的信息,给用户很多不必要的选项,而且原本可以一页表达完的内容板块很大让人不得不下拉阅读。而支付宝的优惠界面,左图右文字,且图片与农行的相比减少了硕大的文字信息,文本文字又有颜色字体的区分,减少了次要内容,它把一件事情,以合适甚至超出预期的方式说清楚了,甚至让人阅读起来舒适愉悦(见图2-1-4 农行APP优惠界面和支付宝优惠券界面)。
图2-1-2 农行APP优惠界面和支付宝优惠券界面
2.2 席克定律在图形用户界面设计中应注意的问题
2.2.1 注意控制信息的选项数量
观察淘宝首页,有各种详尽的选项,例如“女装、男装、鞋靴、箱包”等,而从各种类型中选取“女装男装-潮流女装-连衣裙-春夏韩版连衣裙”。可以看出,web网页更注重深广度的平衡(见图2-2-1 淘宝web端和手机端主页)。
在来看看淘宝手机端,很显然如果直接把web上的结构搬到手机上是不可行的,由于手机设备的限制,其主界面的广度大大减弱,信息深度更为明显。web端上我们可以用面包屑路径或者各种导航清晰的表现出层级结构,让用户不在复杂的层级机构中迷路。但是在移动设备上显示区域有限,没有足够的地方用来放这么多平级选项,更多的时候我们只能用back按钮。
席克定律不太适合于在一个非常复杂的层次结构中进行分层选择,最适合于 “刺激——回应”类型的简单决定,当任务的复杂性增加时,席克定律的适用性就会降低。如果设计包含复杂的互动,不能一味只依靠席克定律做出设计结论,而应该根据实际的具体情况,在目标群体中测试设计。正如艾伯特·爱因斯坦说过:“事物应构造的尽量简洁明了,但不能过分简单。”
图2-2-1 淘宝web端和手机端主页