用户最记得元素的什么,位置或颜色?


11

我有一个带有一些按钮的导航菜单,看起来有点像这样(注意:每个按钮都有一个区别于其他按钮的独特图标,我没有将它们添加到模型中,但它们类似于Wins8图标):

在此处输入图片说明

一些用户报告意外地单击了Sign而不是Send,这是不可接受的。我现在正在考虑进一步区分按钮的方法。一种选择是将“ Sign”移到右侧。另一个(可能添加到移动中)来更改其颜色:

在此处输入图片说明

位置足够好区分吗?还是应该考虑使用颜色?向此导航添加新的颜色会对整体调色板和外观产生一定的影响,因此它要付出一定的代价。


2
我不会称其为“非主题”,但是将其迁移到UX可能更有意义。
2014年

@ DA01是的,我正在考虑。事物的颜色部分使我感到奇怪,并最终想到:两者可以同时存在吗?不过,我不介意迁移它!
伊塞拉2014年

您的某些用户将出现蓝色/黄色色盲。确保这些颜色与众不同!
keshlam 2014年

@keshlam绝对!我在任务栏中有一个色盲应用程序来尝试调色板:)
Yisela

我不会说。气味更令人难忘:)
Scott

Answers:


5

使用三个以字母“ S”开头的四个字母组成的单词也无济于事。:)

颜色是某些不同的直接指示。在您的第一个示例中,您真的不知道这些按钮的作用,除非您真的花时间关注并阅读它们,乍一看,它们之间几乎没有什么相似之处。在我工作的地方使用的范例是,我们将主要动作与任何次要的或永久性的/终结性动作区别开来。

但是颜色不一定是成功的关键。另一种有效的策略是将图标与每个按钮关联(而不仅仅是与最后两个按钮关联)。这样,您将在元素中创建另一个易于区分的差异。

关于您的实际问题,如果位置足够有区别,我认为这肯定会有所帮助,因为按钮的模式被两个较小的按钮打断了,这迫使您真正查看按钮中的差异而不是忽略它们。添加的颜色仅有助于进一步强调此颜色,就个人而言,如果可能的话,我也将添加颜色,因为如果以后添加更多选项并且按钮可能会再次丢失,则这将有助于将来的证明。虽然,如果很难更改颜色,我会发现新的定位就足够了。

但是,我认为与您的用户的想法或所做的事情可能没有多大关系,并且如果您有足够的资源,我将尝试各种设计并与用户进行测试,以了解他们更喜欢哪种软件以及出于何种原因。


谢谢!请注意:这些按钮确实具有截然不同的图标,我无法透露实际的屏幕截图,也没有将其添加到模型中……但是人们还是对它们感到困惑!
伊塞拉2014年

我认为它们不是真实的,尽管我无法推断出它们是否带有图标,感谢您对此进行了整理。
汉娜(Hanna)2014年

6

可用于区分按钮的内容:

  • 标签(显然)
  • 颜色
  • 尺寸
  • 订购
  • 位置
  • 接近
  • 形状/样式

动作可能造成的意外损失越多,您就越有可能从上述选项中选择一种以上。

不知道这些命令的用户流程,我不知道您的建议是否足够,但这绝对是对以前命令的改进,因为您现在将“ uh oh”操作(发送)从其他两个操作中移开了。

我可能会更进一步,使用明智的接近度区分。也许这样剧烈:

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

我在这里使用了许多区别项...接近度,按钮的样式/类型,并将“发送”重命名为“传递”(请参见下文)。

您似乎面临的另一个挑战是大量的头衔案例。这可能需要一些创造力才能克服。例如,您可能永远都不希望两个按钮的标签为“ delete”和“ deliver” :)


3

我同意Johannes和DA01的观点,他们都提出了我在定位,头衔等方面的观点。

但是我想补充一下。

在已经有用于签名保存和发送的图标的情况下,仅发送按钮的重新放置就应该足够了。我建议不要更改颜色,因为这是没有必要的,而且对用户来说也是很大的改变(不要误会我知道他们可以应付,但我认为这不是必需的)。

如果符号足以让人识别,则发送按钮的分隔就足够了。

如果您的图标无法立即被识别,即您可能拥有光盘或USB磁盘,而不是传统的用于保存图标的软盘,那么我强烈建议您按照建议的方式更改颜色,人们会理解绿色意味着可以。

希望用户最终开心;)


1

用户最记得元素的什么,位置或颜色?

我不会提出具体建议,但会在标题上简短地评论一下:它是高度个性化的。就像有些人会说“我明白你的意思”,而其他人会说“我听到你的意思”之类的话一样。有些人喜欢视觉效果,有些人喜欢声音。

有些人更注重形状,另一些人更喜欢颜色。就像您需要满足色盲一样,您需要考虑到并非所有人都将形状颜色视为导航的主要线索(有些人会通过形状颜色来识别树,动物,房屋);有些人会通过声音而不是形状和/或颜色等识别驾驶的汽车)。

在这种情况下,两者之间当然是一个平衡点(找出用户误入错误按钮的类型是很有趣的。那里可能存在一种模式。而且,我认为具有出色计算机技能的用户会更快假设在哪里可以找到正确的按钮。)。

由于您无法显示带有图标的实际按钮,因此很难提出建议。一种简单的方法可能就是简单地将距离增大到一个“出”点,如@ DA01所示。有点像MailApp:

在此处输入图片说明

只是一个想法。


编辑

一个有趣的实验是向少数人展示一个原始的模型(越简单越好:绘图,在墙上张贴它,翻转素描,白板等),并放置但未标记和标识的按钮。然后问人们他们期望匿名按钮会做什么。有时,这可以带来有益且非常有趣的结果。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.