在我正在开发的一个项目中,我们有一个导航菜单,当相关部分下面有信息时,其中的项目会着色,或者当用户没有任何可用内容时,项目会褪色。对于管理员来说,这些项目可能没有有用的信息,但仍然可以单击(因为“添加新闻项目”或“添加文件”等内容是作为子菜单实现的)。

On High 的呼吁已经下来,使这些管理项目以某种方式脱颖而出。由于我们已经对不可点击的项目使用了褪色的文本,我想知道是否有一个既定的 UI 约定来表示某个项目是可点击的,但不包含任何信息。

是的,我已经问过为什么我们要费心去显示用户无法使用的项目。它的缺点是:因为 On High 想要。

有帮助吗?

解决方案

简短的回答,不,我认为没有这方面的约定。很多人会说,如果不适用,就不要显示。然而,对此存在一些争论。微软开始在 MS Office 中使用功能区的原因之一是因为他们想要摆脱选项“智能”隐藏和显示的动态菜单。用户无法弄清楚什么内容出现在何时何地的规则。

也许在这里分开关注点:1) 如何指示该项目可点击,然后 2) 如何指示该项目不包含任何信息。

第一个是相对完善的——蓝色下划线文本。您还可以使其看起来像一个按钮。当然,如果您的超链接有特定于站点的外观,请使用它。基本上不要破坏用户对可点击内容的期望。

其次,如何显示没有什么值得点击的。我认为您想要的是这些管理链接相对于其他链接的优先级/实用性的一些视觉指示。一些选项:

  • 您可以将管理链接移至列表底部吗?
  • 添加一个数字来指示链接另一侧有多少个东西?
  • 文本上有删除线吗?

其他提示

由于在这类事情上没有严格的约定,只要记住你做的任何事情都是一致的。有些事情会比其他事情更好。

无论您选择什么,用户都会在几次尝试之后了解空指示的新方法。

如果经过深思熟虑和一致,他们可能会在点击几下后得到它。

此外,请记住,太多的高光,颜色,淡入淡出和下划线会在视觉上组织菜单时消除任何有效性,因此易于使用。在某些时候,通过过度组织事情实际上可能会变得更难使用。

以这种方式思考:虚拟架子上有两个盒子。一个是红色,另一个是蓝色。所选框的颜色与另一个框的颜色不同...现在,这是选定的框?

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top