1、当两个选项有明显区别的时候,应该让两个按钮有不同的视觉重量,让其中一个成为视觉重心,视觉重心按钮会获得更多的注意力。
![](https://img.haomeiwen.com/i2224924/3f705ae94816b226.png)
2、
![](https://img.haomeiwen.com/i2224924/219ba69ac10ecfd0.png)
3、当首选操作是正向的时候(比如:提交、保存、发送等),相关的表单和按钮应该有更多的视觉重量。将用户导向重要的方向。
![](https://img.haomeiwen.com/i2224924/fb5ddf86608ded75.jpeg)
4、反向的首选操作(比如:删除、取消、移除),它们并不一定是“安全操作”,用户在引导下可能并不明白它们的危害性而下意识操作,这可能会导致出错。这个时候,次要按钮要有更多视觉重心,才能防止用户出错。
![](https://img.haomeiwen.com/i2224924/2e793bcb33d5f953.png)
5、被禁用的按钮
非活动的、被禁用的按钮有时候也是非常有用的,它可以告诉用户某些操作的可能性。即使在当前情况下并不可用,用户也会意识到在某些时候它们可能会被用到。
![](https://img.haomeiwen.com/i2224924/0fb9c19622283696.png)
这类被禁用的按钮还有另外一个作用,就是在紧急情况下启用,帮助陷入困境的用户。“撤销”按钮很少见,但是它确实存在,而且从可用性的角度上来看,还相当的实用。用户面对误触或者意料之外的操作,会下意识“返回”,而“撤销”按钮的存在,让操作的指向性更加明晰。
![](https://img.haomeiwen.com/i2224924/59666aeed6044af8.jpeg)
6、“确定”-“取消”还是“取消”-“确定”?
“确定/取消”按钮是我们最常见的按钮组合之一。而面对这一组按钮最常见的问题是,首选按钮应该是在前面还是在后面。实际上,在实际效果和用户偏好上,两种搭配方式并无显著区别。
Apple、Google 和微软的设计规范
平台的一致性设计其实比先后顺序来的更加重要,但是几个不同的平台之间的操作顺序规定并不相同。
![](https://img.haomeiwen.com/i2224924/36b43836a391cc73.png)
![](https://img.haomeiwen.com/i2224924/58920addef17c502.png)
![](https://img.haomeiwen.com/i2224924/f44d3bffb8e9da85.png)
基于网络的平台
如果你是要设计基于Web的应用程序的话,应当遵循什么样的设计就要看你所在平台的规范或者用户的使用习惯了。你可以通过用户分析和调研,来找出最适合平台的排列顺序。在这种情况下,你需要基于可用性来进行考虑,根据用户的使用场景来推导用户的理解方式,作出最优选。
确定/取消”以及“是/否”的选择符合东西方文化的基本沟通逻辑,“你同意我的说法么?——是/否”,“是”为首选选项,“否”为次要选项。如果用户选择“是”的机率比“否”要高的多,那么将“是”放在第一位,降低用户误触的机率。
![](https://img.haomeiwen.com/i2224924/ad147722e9a58a1f.jpeg)
网友评论