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