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

   在网站和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的应用程序的话,应当遵循什么样的设计就要看你所在平台的规范或者用户的使用习惯了。你可以通过用户分析和调研,来找出最适合平台的排列顺序。在这种情况下,你需要基于可用性来进行考虑,根据用户的使用场景来推导用户的理解方式,作出最优选。

  “确定/取消”以及“是/否”的选择符合东西方文化的基本沟通逻辑,“你同意我的说法么?——是/否”,“是”为首选选项,“否”为次要选项。如果用户选择“是”的机率比“否”要高的多,那么将“是”放在第一位,降低用户误触的机率。

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


  两种方式各有优劣,但是本身通常不存在可用性问题。

时间: 2024-10-31 13:42:48

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

基于Redis 千万级用户排行榜最佳实践

基于Redis 千万级用户排行榜最佳实践 前言 Redis 是一个开源的,内存中的数据结构存储系统,可以用作数据库.缓存和消息队列中间件.它支持多种类型的数据结构,如 字符串(string), Hash, 列表(List), 集合(Set), 有序集合(Sorted Set) . 内置了 复制(replication),LUA脚本(Lua scripting), LRU驱动事件(LRU eviction),事务(Transactions) 和不同级别的 磁盘持久化(Persistence), 并

阿里云ApsaraDB RDS用户 - OLAP最佳实践

背景 随着大数据分析型产品越来越丰富.细化,用户可能会看得眼花缭乱,如果对产品没有深度的理解,选错了岂不是劳民伤财? 本文将给大家分析一下RDS用户应该如何选择适合自己的大数据的分析产品,以及最佳实践方案. 用户环境分析 以最常用的服务举例,通常云用户会购买的产品如下 ECS,虚拟机 RDS,云数据库,包括(MySQL, SQL Server, PostgreSQL, PPAS, mongodb, redis, memcache, petadata)等. OSS,对象存储(廉价的数据存储服务,也

易观峰会大佬云集海尔商城分享“创造全流程最佳用户体验”

电子商务领域最高规格的盛会,2013易观电子商务年会于3月27日盛大开幕,"大浪淘商",包括天猫CEO张勇.苏宁副董事长孙为民.当当网CEO李国庆.凡客CEO陈年.一号店CEO于刚,海尔商城CEO杨励耕等在内的众多知名电商行业领袖人物齐集一堂,对整个电子商务行业进行梳理并对电子商务的未来进行前瞻性的展望.海尔商城CEO杨励耕在会上分享了海尔商城为创造全流程最佳用户体验的实践经验.海尔商城凭借其独有的虚实网融合模式,为用户的大家电网购开通了一条真正方便快捷之路.定制化的产品服务,强大的送

华为刘成:端云协同 打造最佳游戏用户体验

华为终端云业务部副总裁 刘成 和讯科技消息 第八届全球移动游戏及渠道大会于4月10日在北京召开,本次大会将以"干货与签约"为主题.华为终端云业务部副总裁刘成在演讲是从手机厂家.硬件的角度来看怎么样做游戏,怎么让游戏的用户体验最佳,同时让整个产业大家都能赚到钱. 以下为刘成演讲实录: 非常感谢上方网今天能够提供这么一个平台跟大家交流.我今天讲的主题就是端云协同,打造最佳游戏用户体验.我们是从手机厂家.硬件的角度来看怎么样做游戏,怎么让游戏的用户体验最佳,同时让整个产业大家都能赚到钱. 我

菜鸟SEOer谈:你真的懂提高用户体验吗?

经常会听到SEOer说要提高用户体验,那么用户体验指什么呢?又怎么提高呢?今天小马便和大家探讨一下. 一:网站用户体验 看到这个标题,有的人肯定会疑惑,用户体验不都一样吗?为什么叫网站用户体验?请听小马慢慢说,好比我们买产品时,店主贴心的服务,以及有问题时,耐心的解答,售后服务等等,这些都属于用户体验,也属于情感营销,但此用户体验非网站用户体验,因为我们SEOer针对的是网站,所以我们注重的是网站用户体验. 什么是网站用户体验呢?就是我们网站的访问量多吗?用户每次浏览我们的网站时都关注了哪些内容

6个接地气的用户体验热门技巧帮到你

  你是否曾经下载了一个应用,却发现它"很难使用"?对于大多数智能手机用户来说,答案是肯定的. 有趣的是,每四个手机应用中就有一个应用在下载后被"打入冷宫".如果一个应用能够吸引一个人下载并且打开它,但就此打入冷宫,那么我们几乎可以断定,要么就是这个应用真的不是他们所找的,要么就是它只不过是太难用了. 第一个原因是通常因为吸引你下载的信息,例如应用程序的描述.营销资料等.如果你发送了错误的信号,这些信息可能需要进行微调. 第二个原因归结为用户体验- 那么就让我们来谈

设计华丽的用户体验的6个热门技巧

  你是否曾经下载了一个应用,却发现它"很难使用"?对于大多数智能手机用户来说,答案是肯定的. 有趣的是,每四个手机应用中就有一个应用在下载后被"打入冷宫". 如果一个应用能够吸引一个人下载并且打开它,但就此打入冷宫,那么我们几乎可以断定,要么就是这个应用真的不是他们所找的,要么就是它只不过是太难用了. 第一个原因是通常因为吸引你下载的信息,例如应用程序的描述.营销资料等.如果你发送了错误的信号,这些信息可能需要进行微调. 第二个原因归结为用户体验- 那么就让我们来

《用户至上:用户研究方法与实践》用户体验入门

本节书摘来自华章出版社<用户至上:用户研究方法与实践>一书中的第1章,第1节,作者凯茜·巴克斯特(Kathy Baxter)[美] 凯瑟琳·卡里(Catherine Courage)凯莉·凯恩(Kelly Caine)更多章节内容可以访问"华章计算机"公众号查看. 用户体验入门 1.1 什么是用户体验 如果你开始阅读本书,说明你对用户体验(UX)这个领域有所了解或者有些许兴趣.用户体验从业者和学生往往来自不同的学科背景,例如计算机科学.心理学.市场营销专业.商科.人类学和理

互联网产品设计中的用户体验水平

设计遇到挑战不止一次,归根到底或多或少的指向到设计的价值和设计的目标这点上,设计可以带来商业价值,但设计的价值和目标就只用商业价值来衡量么?或许这里有咬文嚼字的嫌疑,但完全把用户体验和商业价值完全等同起来,相信在现有的理论和商业现实中都难以让人信服. 所以我仍然在坚持,设计不仅仅只带来商业价值,还需要给人类带来优质的高体验水平,这两者针对的都是设计的最终效果,都是设计在被使用后所带来的最终结果.既然两者是2个东西,两者的衡量方法或许有所不同,而对于某个特定设计工作,这两者的衡量指标可以有所重叠.