数极客首页

按钮的优先级选取与用户体验最佳实践

在网站和APP中的对话框通常会中止

信息阐明

,并提供若干选项。最常见的选项数据量
通常是两个——一个选项优先级最高,为首选选项,而另外一个选项较少被选,为次要选项。(比如

用户填写表单之后,结尾会提供两个按钮,一个为提交,另一个为取消)

在今天的文章中,我们将这个最常见的用户体验场景作为讨论
的对象,亦即“确认”和“取消”哪个按钮优先级更高。

预防出错

正似乎

Jakob Nielsen 谈及可用性设计所说的:“只需

谨慎

留意

的设计才干
防患于已然
。”你应当尽量避免

容易出错的情形,特别
是用户容易作出错误选择的状况

下。

视觉重量。当两个选项之间有显然
区别的时分
,你应当让两个按钮具有
不同的视觉重量,让其中一个成为视觉的重心。处于视觉重心上的按钮会取得

更多的留意
力。

按钮的优先级选取与用户体验最佳理论

明晰
而显然
的标签。一个设计正确的对话框不应该仅仅给用户提供选择而已,也应该让每个选项尽可能的明白
。这就是为什么要让每个选项的标签尽可能的明晰
明白
。明白
的标签能给予用户“恰到益处

的辅佐

”,让用户在作出正确选择的时分
不踌躇

  • 通常带有明白
    指向性和阐明

    的标签(按钮内容,文本)会比通用的“OK”或者“肯定
    ”要更好。

  • 尽可能运用
    动词,而不是OK,由于
    前者意义会更明白
    ,用户不会断章取义从而作出错误的选择。

由于中文和英文在回答

的方式

上的差别

,这个对话框中的两个选项OK 和 Cancel 在两种言语
下回答

是截然不同的。

按钮的优先级选取与用户体验最佳理论

接下来的这个对比

案例中,第一个对话框中,“No”仅仅是回答

问题,但是并没有指向性,并未指出这么选择的结果
。而第二个对话框则好了许 多,“Cancel”和“Discard”两个选项,后者和前文所提出的问题相对应,指向性明白
,而Cancel 的含义也就愈加
明晰
了。

按钮的优先级选取与用户体验最佳理论

正向的首选操作(“发送”或“提交”等)

当首选操作是正向的时分
,相关的表单和按钮应当具有
更多的视觉重量,而次要的选项的视觉重量应当更轻,这样能够

最大水平

减少潜在的出错风险,并将用户导向到正确的方向。

按钮的优先级选取与用户体验最佳理论

通常,我们所说的“保管
”、“提交”、“发送”在多数时分
都算是正向的按钮。

反向的首选操作(“交流

”或者“删除”)

假定

此时的操作主要是反向的,交流

、删除、移除等,那么将这些不可逆的操作对应的按钮和选项赋予更多的视觉重量,其实比较

风险
的。由于
这些操作的不 可逆性,它们并不一定是“安全

操作”,用户在引导下可能并不明白它们的危害性而下认识
操作,这可能会招致
出错。比如

,当用户在做交流

文档的操作的时分
,执 行速度自身

并不重要,能否
操作正确才是重点,只需

这样才不会让用户后悔

按钮的优先级选取与用户体验最佳理论

“取消”是次要操作,但是它应当具有
更多的视觉重心。

“删除”和“擦除”相关的操作应当多留意。你有没有误删文档事后发现追悔不及的状况

?许多用户并不会认真
阅读对话框中的确

认信息就作出选择。但是有时分
,用户的确

是阅读了提示,但是依然

手滑作出了错误的选择。(在应当“取消”的时分
不留意

点了“删除”)

你应当为用户提供单一且显然
的确

认操作按钮,同时确保设计的可访问性,不会由于
文化差别

而呈现
了解

倾向

,包括颜色
自身

的指引性。

按钮的优先级选取与用户体验最佳理论

LinkedIn 的对话框中的选项就表述的十分

明白

此外,你应当基于中心
的用户数据为关键性的操作设计一套不太相同的处置
机制:比如

为了避免

用户误触,不提供而按钮而是输入框,让用户输入“Delete”来中止

删除操作。

按钮的优先级选取与用户体验最佳理论

被禁用的按钮

非活动的、被禁用的按钮有时分
也是十分

有用的,它能够

通知
用户某些操作的可能性。即便

在当前状况

下并不可用,用户也会认识
到在某些时分
它们可能会被用到。

按钮的优先级选取与用户体验最佳理论

这类被禁用的按钮还有另外一个作用,就是在紧急状况

下启用,辅佐

堕入
困境

的用户。“撤销”按钮很少见,但是它的确

存在,而且从可用性的角度上来看,还相当的适用
。用户面对误触或者预料

之外的操作,会下认识
“返回”,而“撤销”按钮的存在,让操作的指向性愈加
明晰。

按钮的优先级选取与用户体验最佳理论

“肯定
”-“取消”还是“取消”-“肯定
”?

“肯定
/取消”按钮是我们最常见的按钮组合之一。而面对这一组按钮最常见的问题是,首选按钮应该是在前面还是在后面。理论

上,在理论

效果和用户偏好上,两种搭配方式并无显著区别。

Apple、Google 和微软的设计规范

平台的分歧
性设计其实比先后次第
来的愈加
重要,但是几个不同的平台之间的操作次第
规则
并不相同。

微软的设计遵照
下面的次第

  • OK/[Do it]/Yes
  • [Don’t do it]/No
  • Cancel

按钮的优先级选取与用户体验最佳理论

但是在 MacOSX 的设计规范

中则不同,“能够

引发特定操作的按钮应当处于右边,而取消按钮则应当在这个按钮的左边。”这样一来,在Mac平台上,取消按钮在左,而确认按钮在右边。

按钮的优先级选取与用户体验最佳理论

Google Android 的设计规范

中则规则
,“‘取消’操作的按钮不时

处于左边,当用户执行这个操作的时分
会回到上一个状态,而正向操作的按钮则布置
在右侧。”也就是说,在Android当中,“取消”按钮是在“确认”按钮的左边。

按钮的优先级选取与用户体验最佳理论

假定

你的设计是针对特定的平台,那么按钮的排布次第
倒是很明晰
的,依照

设计规范

来就好了。相比于“个性化”的选择,平台的分歧
性准绳
优先级更高,关于
用户体验上的加成也更多,简言之就是更好用、更直觉。不遵照
规范

的设计谈不上错误,但是用户会踌躇
、犹疑
,致使

误触。

基于网络的平台

当然,假定

你是要设计基于Web的应用程序的话,应当遵照
什么样的设计就要看你所在平台的规范

或者用户的运用
习气
了。你能够

经过
用户剖析

和调研,来 找出最适合

平台的排列次第
。在这种状况

下,你需求
基于可用性来中止

思索
,依据

用户的运用
场景来推导用户的了解

方式,作出最优选。

“肯定
/取消”以及“是/否”的选择契合
东西方文化的基本

沟通逻辑,“你同意我的说法么?——是/否”,“是”为首选选项,“否”为次要选项。假定

用户选择“是”的机率比“否”要高的多,那么将“是”放在第一位,降低用户误触的机率。

而“取消-肯定
”的排布方式修正
了逻辑流程,这种排布方式让靠后的元素显得愈加
重要。

按钮的优先级选取与用户体验最佳理论

两种方式各有优劣,但是自身

通常不存在可用性问题。

 

译文来自:优设

译者:@陈子木

原文地址:Medium

原文作者:Nick Babich

 

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章