三条杠图标应该改为两个不同的图标

你知道左上角那三个条形图吗?


嗯,普通用户都知道它有两个功能,根据侧边栏的状态,可以向一个方向滑动侧边栏,也可以向另一个方向滑动侧边栏。

但我们这些不正常的用户总是要点击几次才能掌握它。而且几天后我们就会忘记,然后又开始点击……

我有一个提议:在两个不同的状态下使用略有不同的图标!

是的,这是一个网络上常见的图标。但 Discourse 可以引领其变得更加用户友好。

事实上,我认为这是唯一一个仍然存在的“陷阱式”多功能图标。

太糟糕了,它一半时间都在做相反的事情……我想不到还有其他类似的。

1 个赞

我同意,表示“切换侧边栏”的汉堡图标令人困惑。我每天都会点击它,期望发生其他事情(我不知道是什么)。

也许这些会更好

3 个赞

汉堡菜单如预期般打开。关闭则是一个意外的操作。现在真正的问题是,这在现实世界中有多大影响,而答案也显而易见了。

3 个赞

等等。我的浏览器右上角的 Chrome 垂直三点菜单按钮从未引起过任何混淆。

这是因为在按下三个点后,菜单显然是打开或关闭的。

所以问题是,你无法分辨这三条线是否与侧边栏等相关联……

更糟糕的是,它们甚至在你错误地按下它之后还会狡猾地滑动。这意味着你必须用鼠标追逐它才能再次按下它。至少在桌面版上是这样。

就像追逐一只知道自己(希望)时日无多的农家鸡一样。

2 个赞

所以呢?那个人很清楚它与菜单相关。侧边栏就是一个菜单。

我现在就是不明白问题出在哪里?名字对那个人来说是错的?

1 个赞

美学改进。老用户只是习惯了旧的。从设计的角度来看,将其更改为切换按钮会更加直观。

我相信这类更改可以通过主题组件或内部设置设为可选。

1 个赞

这是一个基本的 Theme Component,可在两种不同状态下提供不同的图标…

我使用了 @PhilFoss 在这个相关帖子中的代码:

6 个赞

我在手机上查看了,三条杠完全符合预期。

所以问题只出现在桌面端。

好的。/desktop 文件夹是否仅包含用于大屏幕?我看不到 CSS 中的媒体查询。

1 个赞

是的!那是正确的!

1 个赞

我想,和我一样,你原本期待它像几乎所有采用该图标作为菜单的其他应用和网站那样,弹出一个临时的下拉菜单或模态菜单。此外,除非是在移动设备上,你可能还期望它包含一些不如主导航常见的选项。而 Discourse 提供的是一个侧边栏,在桌面分辨率下使用时,它是一个正常的导航侧边栏,而非菜单。对某些用户来说,折叠侧边栏可能是可取的,但我明白虽然汉堡包类图标在某种程度上让人联想到侧边栏的结构,但根据大众惯例(甚至在某些情况下,依据大公司的具体设计指南),它传达的是其他含义。

我知道我是在评论一个旧话题,但我最近又回到 Discourse 相关工作,注意到了一些让我觉得突兀的 UI 和 UX 异常。说实话,我惊讶于这个图标被采纳为默认设置,并一直作为该功能的图标保留至今。这看似微不足道,但当某个应用或平台违背广泛的设计惯例时,会让用户感到困惑,进而影响他们对该应用或平台的日常体验。我仍然每天至少点击一次那个按钮,期待它会弹出选项或其他内容。我在 4K 屏幕上工作,所以实际上我根本不需要折叠侧边栏,嗯……几乎从来不需要。这只是因为太多其他应用和网站养成的肌肉记忆。

其他工具通过多种图标解决了侧边栏展开/折叠的行为,对我来说,这些图标都比这个更清晰。我认为值得重新考虑这一点。

1 个赞

哦,我想我应该把这里发出来——挑选你的图标

2 个赞

是的,这做得太棒了!我在论坛搜索相关主题时发现了它,然后才找到这个帖子。不过,我的担忧更根本地在于开箱即用的易用性,因为许多人并不会对 Discourse 进行太多自定义。长期以来,我一直主张 Discourse 应更显著地拓展至技术圈以外的群体,最近看到一些朝着这个方向的努力(如免费和低价托管、易用性改进、设置清理与分类等),令人欣慰。然而,看到像这样从我的角度来看与日常在其他应用、网站和工具中接触的既定界面规范完全背道而驰的设计,仍让人感到意外。这虽是一件小事,却意义深远。

1 个赞

完全没问题,我明白了。我只是忘了在这个话题里发个面包屑,而你在 /latest 的顶贴提醒了我。:blush: 谢谢你!

1 个赞