赞助商
立即赞助

让设计更有说服力的20条经典原则:雅各布定律

产品经验3年前 (2021)发布 流光
2.1K 0 0

简介说明

1. 论表述

户将大分时间在别人的(产)上,而是你的。这意味着他们希望你的(产)跟别人的有相同的操作方法和使模式。

2. 论背景

雅各布定律是由尼森十大原则的创立者、尼森诺曼集团的创始人之一 Jakob Nielsen 的。他认为雅各布定律更像是一种自然规律,只是在描述一个事实,这个事实就是户在他千千万万个(产)上积累经验,会如何使,当一个跟他一致的时候户会立刻知道该如何操作,但如果违反了雅各布定律,那么户会毫犹豫地离开。

设计案例

1. 一致的排版

雅各布定律并不是说所有页面统统要计成一模一,而是有相同功能的页面,尽量保持一致。这在 UI 计的领域并不鲜见,尤其是一些功能性别的页面,各家计的乎大同异,比如商品详情页。

案例1:商品详情页

让设计更有说服力的20条经典原则:雅各布定律

内,不论淘宝、造作、网易云音乐,不论合家欢风格还性冷淡风格,甚至不论不电商 APP,只涉及到商品的详页面,版式都高度相似,方图片,中间描述,底部悬浮的操作区域,这也用户熟悉、易接受的排版。

2. 一致的示能

示能《设理学》中引入的一「直接知觉论」的概念,它表达了一体或者操作对象与人的可交互关系,我们举简单的例子。

案例2:按钮的示能与反示能

让设计更有说服力的20条经典原则:雅各布定律

有彩的按钮提示着我们它「被点击」,是一种示能,即:示意它能够 xxx;同理,灰的按钮提示我们它「不点击」,是一种反示能,即:示意它不能 xxx。

一致的示能也就,我们所设的一切的元素、控件、组件,都需符合所互联网产品中类似元素的示能或者反示能。因它们表了用户默认的意识,我们顺应这种意识行设,就可以减少用户操作的阻力。

3. 一致的符号映射

简单,一致的符映射就相同或者类似的符/图标会给用户提供相同的功能暗示。就页面左角向左的箭(不论哪种箭,只它向左)映射的交互含义就返回一页;三条杠(或两条杠)的图标意单;三圆点表多。

对于常见的,已经被大范围应用的符号映射,就不要再标新立异的创造一些奇奇怪怪的新符号来映射对应的操作,也不要用显表达「另一个操作」的符号来表达「这个操作」,用户需要的是低学习成本。

案例3:常见的符号映射

让设计更有说服力的20条经典原则:雅各布定律

4. 一致的概念模型

最说下概念模型,概念模型同样是一个心理学词汇,种模型对用户提供暗示──产品内某一条功能流程的使用方法。

再次以电商 APP 例,合理的概念模型会暗示用户网站或 APP 内购买一件商品, 需过「挑选」→「加入购车」→「结算」→「付款」→「功」这样一条完整的任务流。我们所见到的电商 APP 几乎都使用了类似的概念模型,因这种概念模型符合用户实中购时积累出的智模型。所以当我们去设一电商 APP 的界面时,应当首先考虑将概念模型设的其他所电商平台一致。

在计产品,要先继承最广泛的概念模型,然后再从产品身的角度出发,对其进行完善和修改,而不是完全根据马行空的臆断去制定流程。

注意事项

注事项就一个,不要违反雅各布定律。这条定律不像之前的希克定律或者菲茨定律有体的使用景和显的适用边界,雅各布定律乎没有边界,用 Nielsen 本人的话来说,它描述了「How things are」,更像是「Law of nature」。

反面案例:Eclipse

让设计更有说服力的20条经典原则:雅各布定律

△ 网址链接:https://www.eclipse.srl/

Eclipse 是 csswinner 在今年 2 月 25 日的 Daysite。网站的各种效是酷炫,刚进入首页,提示可以长按鼠标并任拖动,效果如图。之后问题就来了,没有提示,没有拥有「可点击」示能的按钮,茫然了一阵,终于发现了问题所在:网站的名字是 Eclipse(日食)。那最可能让进行下去的是不是右上角的那个日食?

结果就是它,一开始我为它是类似夜间模式的按钮。

让设计更有说服力的20条经典原则:雅各布定律

△ 址链接: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

欢迎关注作者微信公众号:「超人的电话亭」

让设计更有说服力的20条经典原则:雅各布定律

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

作为设计师,在传达我们的设计理念,呈现设计方案时,经常会援引一些设计原则和设计方法,以此来彰显我们设计推导过程及方案...
设计法则
这是一套较系统的交互设计原则,我将会结合一些案例进行讲解,希望你有收获。 此书属于作者博客分享,并未成书出版,总结于1...
交互设计
简介说明 1. 理论表述 决策所需要花费的时间随着选择的数量和复杂性增加而增加。 2. 研究背景 1868 年,Franciscus Donder...
希克定律
李笑来说过一句话:审美常常并不需要知道原理,但创造美的人必须有方法论,否则不可能持续创造。但是很多人总觉得背方法论是...
一致性
按钮是 UI 和交互设计的基本元素,它们是用户交互的时候,和系统进行沟通交流的核心组件,也是图形化界面当中,最早出现,也...
CTA按钮
二手最近在指缝中看完了《闪灵》,二手觉得大部分恐怖片都有一个套路:一个不信传言的好奇宝宝,偏要去不该去的地方,结果就...
禁果效应
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
对齐原则
以 YouTube 这个产品为例,为你解读交互设计7大定律在 YouTube 的应用。 一、费茨定律(Fitts’Law) Fitts定律提供了一种人体...
Youtube