1. 论表述
户将大分时间在别人的(产)上,而是你的。这意味着他们希望你的(产)跟别人的有相同的操作方法和使模式。
2. 论背景
雅各布定律是由尼森十大原则的创立者、尼森诺曼集团的创始人之一 Jakob Nielsen 的。他认为雅各布定律更像是一种自然规律,只是在描述一个事实,这个事实就是户在他千千万万个(产)上积累经验,会如何使,当一个跟他一致的时候户会立刻知道该如何操作,但如果违反了雅各布定律,那么户会毫犹豫地离开。
1. 一致的排版
雅各布定律并不是说所有页面统统要计成一模一,而是有相同功能的页面,尽量保持一致。这在 UI 计的领域并不鲜见,尤其是一些功能性别的页面,各家计的乎大同异,比如商品详情页。
案例1:商品详情页
内,不论淘宝、造作、网易云音乐,不论合家欢风格还性冷淡风格,甚至不论不电商 APP,只涉及到商品的详页面,版式都高度相似,方图片,中间描述,底部悬浮的操作区域,这也用户熟悉、易接受的排版。
2. 一致的示能
示能《设理学》中引入的一「直接知觉论」的概念,它表达了一体或者操作对象与人的可交互关系,我们举简单的例子。
案例2:按钮的示能与反示能
有彩的按钮提示着我们它「被点击」,是一种示能,即:示意它能够 xxx;同理,灰的按钮提示我们它「不点击」,是一种反示能,即:示意它不能 xxx。
一致的示能也就,我们所设的一切的元素、控件、组件,都需符合所互联网产品中类似元素的示能或者反示能。因它们表了用户默认的意识,我们顺应这种意识行设,就可以减少用户操作的阻力。
3. 一致的符号映射
简单,一致的符映射就相同或者类似的符/图标会给用户提供相同的功能暗示。就页面左角向左的箭(不论哪种箭,只它向左)映射的交互含义就返回一页;三条杠(或两条杠)的图标意单;三圆点表多。
对于常见的,已经被大范围应用的符号映射,就不要再标新立异的创造一些奇奇怪怪的新符号来映射对应的操作,也不要用显表达「另一个操作」的符号来表达「这个操作」,用户需要的是低学习成本。
案例3:常见的符号映射
4. 一致的概念模型
最说下概念模型,概念模型同样是一个心理学词汇,种模型对用户提供暗示──产品内某一条功能流程的使用方法。
再次以电商 APP 例,合理的概念模型会暗示用户网站或 APP 内购买一件商品, 需过「挑选」→「加入购车」→「结算」→「付款」→「功」这样一条完整的任务流。我们所见到的电商 APP 几乎都使用了类似的概念模型,因这种概念模型符合用户实中购时积累出的智模型。所以当我们去设一电商 APP 的界面时,应当首先考虑将概念模型设的其他所电商平台一致。
在计产品,要先继承最广泛的概念模型,然后再从产品身的角度出发,对其进行完善和修改,而不是完全根据马行空的臆断去制定流程。
注事项就一个,不要违反雅各布定律。这条定律不像之前的希克定律或者菲茨定律有体的使用景和显的适用边界,雅各布定律乎没有边界,用 Nielsen 本人的话来说,它描述了「How things are」,更像是「Law of nature」。
反面案例:Eclipse
△ 网址链接:https://www.eclipse.srl/
Eclipse 是 csswinner 在今年 2 月 25 日的 Daysite。网站的各种效是酷炫,刚进入首页,提示可以长按鼠标并任拖动,效果如图。之后问题就来了,没有提示,没有拥有「可点击」示能的按钮,茫然了一阵,终于发现了问题所在:网站的名字是 Eclipse(日食)。那最可能让进行下去的是不是右上角的那个日食?
结果就是它,一开始我为它是类似夜间模式的按钮。
△ 址链接:https://www.eclipse.srl/projects
接着我来到这个页,类似尴尬再出现了,除了返回,我竟然不知该怎么进下去,没有按钮、没有链接、没有提示、没有任何能表「我可以击」东西。
经严密的推理和一段时间的不懈努力,终现,底部和右的文区域才是触链接跳转的热区,而左的文则是单纯的文,不点击。
回顾浏览这网站的过程,我们可以发它的示能,它的符映射均所欠缺。历了其他无数网站的礼,我们早已认知习惯了得月亮的图标表达的十八夜间模式,能点击的链接十八都会文本得不太一样这两条验律,所以使用(或单纯浏览)这网站的时候我们也十八会遇到困难。
- 你页应该与其余相功能页具有致使用模;
- 没有够的理由,就不要轻易尝试标新立异。
参考献
- 《Jakob’s Law of Internet User Experience》Jakob N
- 《Top 10 Mistakes in Web Design — 8》Jakob N
- 《五个基本心概念:示、意符、映射、反馈和概念模》Darcy
- 《Seany. app交互手势和意符设计》宋宁
- 《认科学和设计领域中的 Affordance 是什么?》Hi-iD
欢迎关注作者微信公众号:「超人的电话亭」