论表述
接受多变,输保守。
论背景
该原被称为鲁棒性原(Robustness Principle),1980 年,Jonathan Bruce Postel 在他编写的最早期的 TCP 协议规范中有到:
Be conservative in what you send, be liberal in what you accept.
对送的内容持谨慎,对接收的内容持自由。(直译)
至此之,该原理便被称为伯斯塔尔法则(Postel’s Law),泛应用计机协议以及系统控理论中。虽最近几年计机界中出现一质疑伯斯塔尔法则的声音,但并不妨碍其核心思想被应用 UI/UX 的领域。
该理表达的最核心思想是:系统/产品应保有一定程度的容错能力。
允许用户进行任何操,即便是错的或无效的
正 Lyle Mullican 在《Your Website has Two Faces》中写到的,应用(或Web)应当具备两幅面孔,一幅给人看,一幅给机器看。
在给人的那幅面孔中,应用必须受用户所有形式的,或错的、或对的、或无效的操作。而在给机器的那幅面孔中则必须把用户输入的那些「不靠谱儿」的命令转译成机器得懂的内容。
思维和运模截然不,任意信息理解和记忆都偏于模糊、可变和多意。比如数「9」记忆可以是「9」、「九」、「nine」、「IX」、「玖」等等,而认进制「1001」,你系统绝不能允许用户输入「1001」。
设 UI 界面时,我们也应当包用户行的所可能的操作,他们可能会搜索框里输入任何奇奇怪怪的内,但的产品不能因输入的内奇怪崩溃、闪退、强制报错。
案例1:淘宝搜索的各种自纠正
即我输入的是「phone」、「iphonw」,甚至是「pingguishouji」(注意我输入的是 pinggui),它依然够给我想要的结果,当然这需要贝叶斯方法的协助,但我们需要了解背后实现的概率论原,我们只需要知道这个结果是符合伯斯塔法则的。
另一方面,法则中的容错同样现在搜索的结果中,用户输的是错误的信息没错,系统没有崩溃也没错,但是还不够。我们还需要在一定程度上智能修正用户能输错误的信息,并预测他们的意图。帮助用户修正信息和操,是今展的必趋势。
案例2:bilibili 安卓端头部可触发侧边栏的域
Bilibili 的安卓端计的也有思,头部域除了「搜索栏」和其个按钮之外,任地方点击都能够进入侧边栏,即使没有点击「三条杠」,因为这三条杠实在是了,用户极有可能没有点击,所以干脆扩大了可触发的热。
对用户可以进行的操作定义边界
可是有候就是不希望用户输入那些奇奇怪怪的内容,进行那些奇奇怪怪的操作啊。
是,我们不希望用户任性随意执「rm -rf」,我们不希望用户输入数时候输入单词或是文,所以我们需要用户可操作边界出明确定义。
案例3:器输入时的键盘
行纯数字输入时,淘宝会强制键盘只显示数字键盘,这一种明确的界义。当然也许会还能输入符。错,的确可以输入符,输入符淘宝不会崩溃,但会提示数超出范围。
案例4:户名/昵称的边界定义
另一个典的例子就是设定户名。一般情况应或者产都会非明确的示户户名应该使么样的格式,如几位字符,字母开头,特殊符号,可使哪几个符号等等。
如果操作是错的,及时给反馈
但是定义边界明显还够,就算给了边界,户还是可随心欲的输入。户在淘宝输入购 999 个 iPhone,在设定户名时输入任意字符,哪怕是边界之外的。
时就需要及时的反馈。及时的意思是指,就在用户的错误操之立马反馈。
案例5:淘提示超出范围
淘会提示买 999 iPhone 是不可能的,没那多钱,立刻就阻止了买 999 iPhone 的冲动。
案例6:用户名设定提示
用户名是否可用提示常分为两,是在用户输入用户名后实时显示该用户名是否可用,哪里不可用等;第是用户完提交才会提示用户名设定误。两者相比来说,第反馈更加及时,体验感会更好。
实上输出保守常是指程序孔可以表笑嘻嘻,是必须丝不苟,即:「」或「系统」输出命令须严格、严谨,所以伯塔尔法则不仅是 UX 原理,也是程序员法则。
但我们也可以稍微引申一下:界面对用户输出的内同样不能随所欲。确保用户所看到的界面整洁序,并且保证他们能够轻易找到自己看到的内。
反面案例1:Amino,过于奔的视觉输出
- 允许户的任何操作,必要时给操作边界;
- 无效或错误操及时给出反馈。
理论表述
用户更容易记住系列中出现的第一项(首因效应)和最后一项(近因效应)。
理论背景
系列位置效应(Serial Position Effect)是一种心理学现象,它由部组成:首因效应(The Primacy Effect)和近因效应(The Recency Effect)。1913 年,德国心理学家 Hermann Ebbinghaus 在对的研究中发现当回忆一系列项目,回忆的准确性会随着项目在列表中位置的改变而改变,于是创造了「系列位置效应」这个词。
在随后几十年里,Deese、Kaufman、Bennet 和 Murdock 近效应和首效应进了更为详细和深入研究。
研究结果表明,人们回忆一系列单词的准确性单词系列中的置关系如下表格所示:
首效应和近效应虽然合在了系列位效应,是针这两者分开进解释或许我们在设计应用系列位效应更有帮助。
首效应
系列最开始几个项目能够更有效、更长久地储存在长期记忆,并能够快速回忆出来。
所以如果一系列速出的,首因效应的影响就小得多,毕竟充足的时间行记忆;如果一系列出缓慢或频繁重复出的,首因效应的影响将会幅增加。这就什么我们永远只记得四六级词汇的第一词 abandon,记不住第二词什么。
当然还仅于此,有注意过 Web 界面的左上角摆放的是么吗?
案例1:web 版 behance、dribbble、花瓣、pinterest 界面
年使用 Web 的经验以及忆告诉我们里大概率是一个 logo,并且个 logo 还能回到首页。种固定的设计和操模式每次是首先出现在我们的视野里,并已储存在长期忆之中,我们能在一时间反应出来里是什么东西,有什么用。此外,将 logo 放置在首因的位置还能很地提升品牌形象的识别度和忆度。
近因效应
系列中最近出现的几项(数情况下是最几项)更容易储存在我们的短期忆中。
近因效应受间因素的响比较大,息在短期记忆中存在的间本身就不长(数十秒),如果有外部的干扰,间则会更短。
案例2:造作、网易严选商品详情页
所以为了防止用户忘记把商品放入物,电商 APP 会把「加入物」等操作按钮固定在屏幕下右侧,而不会出现在内容序列,为屏幕底部永远是用户最近能够看到地。
案例3:豆瓣、twitter
所以一些社交类 APP 了让用户轻易记住发布动态按钮哪里,会把这按钮悬浮屏幕的右下角,也一样的道理。
首因近因界面中的置
界面设中,首末通常指左右下,版式设中,除了左右下,还可以右左下。
案例4:设计中的首位和末位
人的阅读习惯对「首位」和「末位」是有影响的,尤是中国周围这一片受中华影响颇深的人民群众,会自在横向阅读模式和纵向阅读模式无缝切换。在进行设计,尤是版式设计时,需要注意我们自带的这种天赋。
不光是整个界面的局,对更加细分的组件设计来说,系列位置效应的影响也是不容许忽视的。
案例5:岛读、读书
岛读的卡片标题是竖向的,所以会放在右上侧,阅读的标题是横向的,所以会放在左上侧。
注意点1:快速浏览程中,首因效应影响有
之前谈到,在快速出现的系列中,首因效应的影响是分有的,因为它主要依靠的并不是短期忆而是长期忆。所以,果一个 feed 需要被用户快速浏览,么它的标题必需要有额外的视吸引力,比颜加深、字加大、字重加重,或者添加别的辅助元素等等。
反面案例1:ONE
而今的反面案例 ONE 就是一个非常典型的为了文艺范儿,故把标题做的轻细的应用。标题符首因效应的位置要求是没错,但是在快速浏览的过程中,首因效应的作用十有限,导致这细的标题依然没法被用户好地注和记住。
注点2:近因效应的限短
依然是之前提的一个点,近因效应主要依靠的是短期记忆,所以它的效性尤为烈,假如需要某一素充发挥近因效应的作用,要缩短之关的决策所需要花费的间,要让它远于近因效应的位置。
反案例2:少数派付费内容详情页
以少数派付费内容详情页为例,页第屏如左侧页所示,没什么毛病,买按钮在近位疑,是我往下滑动,查看详情时候问题出现了,买按钮不见了,在后相长段时里(为详情是长,需要花费数分钟去阅读),我都没有再见到过这个按钮,到详情结束它才又出现在页底部。我在详情部决定买呢?这样我又要经历「回忆数分钟前近按钮」过程,而这疑是增加用户记忆负担。
- 在一连串的内容当中,用户更容易住一个和最一个;
- 首因效应作用于长期记忆,近因效应作用于短期记忆。
欢迎关注者的微信众号:「超人的电亭」