我有一个带有一些按钮的导航菜单,看起来有点像这样(注意:每个按钮都有一个区别于其他按钮的独特图标,我没有将它们添加到模型中,但它们类似于Wins8图标):
一些用户报告意外地单击了Sign而不是Send,这是不可接受的。我现在正在考虑进一步区分按钮的方法。一种选择是将“ Sign”移到右侧。另一个(可能添加到移动中)来更改其颜色:
位置足够好区分吗?还是应该考虑使用颜色?向此导航添加新的颜色会对整体调色板和外观产生一定的影响,因此它要付出一定的代价。
我有一个带有一些按钮的导航菜单,看起来有点像这样(注意:每个按钮都有一个区别于其他按钮的独特图标,我没有将它们添加到模型中,但它们类似于Wins8图标):
一些用户报告意外地单击了Sign而不是Send,这是不可接受的。我现在正在考虑进一步区分按钮的方法。一种选择是将“ Sign”移到右侧。另一个(可能添加到移动中)来更改其颜色:
位置足够好区分吗?还是应该考虑使用颜色?向此导航添加新的颜色会对整体调色板和外观产生一定的影响,因此它要付出一定的代价。
Answers:
使用三个以字母“ S”开头的四个字母组成的单词也无济于事。:)
颜色是某些不同的直接指示。在您的第一个示例中,您真的不知道这些按钮的作用,除非您真的花时间关注并阅读它们,乍一看,它们之间几乎没有什么相似之处。在我工作的地方使用的范例是,我们将主要动作与任何次要的或永久性的/终结性动作区别开来。
但是颜色不一定是成功的关键。另一种有效的策略是将图标与每个按钮关联(而不仅仅是与最后两个按钮关联)。这样,您将在元素中创建另一个易于区分的差异。
关于您的实际问题,如果位置足够有区别,我认为这肯定会有所帮助,因为按钮的模式被两个较小的按钮打断了,这迫使您真正查看按钮中的差异而不是忽略它们。添加的颜色仅有助于进一步强调此颜色,就个人而言,如果可能的话,我也将添加颜色,因为如果以后添加更多选项并且按钮可能会再次丢失,则这将有助于将来的证明。虽然,如果很难更改颜色,我会发现新的定位就足够了。
但是,我认为与您的用户的想法或所做的事情可能没有多大关系,并且如果您有足够的资源,我将尝试各种设计并与用户进行测试,以了解他们更喜欢哪种软件以及出于何种原因。
可用于区分按钮的内容:
动作可能造成的意外损失越多,您就越有可能从上述选项中选择一种以上。
不知道这些命令的用户流程,我不知道您的建议是否足够,但这绝对是对以前命令的改进,因为您现在将“ uh oh”操作(发送)从其他两个操作中移开了。
我可能会更进一步,使用明智的接近度区分。也许这样剧烈:
-------- --------
| SAVE | | SIGN | DELIVER -->
-------- --------
我在这里使用了许多区别项...接近度,按钮的样式/类型,并将“发送”重命名为“传递”(请参见下文)。
您似乎面临的另一个挑战是大量的头衔案例。这可能需要一些创造力才能克服。例如,您可能永远都不希望两个按钮的标签为“ delete”和“ deliver” :)
用户最记得元素的什么,位置或颜色?
我不会提出具体建议,但会在标题上简短地评论一下:它是高度个性化的。就像有些人会说“我明白你的意思”,而其他人会说“我听到你的意思”之类的话一样。有些人喜欢视觉效果,有些人喜欢声音。
有些人更注重形状,另一些人更喜欢颜色。就像您需要满足色盲一样,您需要考虑到并非所有人都将形状和颜色视为导航的主要线索(有些人会通过形状或颜色来识别树,动物,房屋);有些人会通过声音而不是形状和/或颜色等识别驾驶的汽车)。
在这种情况下,两者之间当然是一个平衡点(找出用户误入错误按钮的类型是很有趣的。那里可能存在一种模式。而且,我认为具有出色计算机技能的用户会更快假设在哪里可以找到正确的按钮。)。
由于您无法显示带有图标的实际按钮,因此很难提出建议。一种简单的方法可能就是简单地将距离增大到一个“出”点,如@ DA01所示。有点像MailApp:
只是一个想法。
一个有趣的实验是向少数人展示一个原始的模型(越简单越好:绘图,在墙上张贴它,翻转素描,白板等),并放置但未标记和标识的按钮。然后问人们他们期望匿名按钮会做什么。有时,这可以带来有益且非常有趣的结果。