导航 我今天看到了两个巨型菜单… Chris Coyier 于 2021年2月2日 DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分! 一个是(较旧的)美国政府网站的页脚 另一个是 AWS 控制台提供的 AWS 服务的导航 当你实际上已经登录到 AWS 时,他们使用“Amazon”和“AWS”这两个词的频率真是奇怪。 它们都有一种感觉:天哪,我们有太多东西了,我想我们只会做一个巨大的链接网格来包含所有内容。 不同之处在于 AWS 控制台的那个在顶部有一个搜索栏。它的主要功能是在该菜单中查找内容(但它也会搜索更广泛的网站) 它们还有一个“收藏夹”UI,用于保存您最常使用的项目。 “搜索页面上已有的内容列表”的想法让我想起了经典的 jQuery contains 选择器。请允许我 CodePen 嵌入回退
我以为你会尝试改进它或者什么的。但我猜一般的观察也很好?谢谢。
写博客:随心所欲。
我喜欢你用于过滤结果的简洁 jQuery 解决方案。
我建议制作一个 input[type=search] 输入,并使用 JS 监听用户的“清除输入”操作
document.getElementById('filter-input').addEventListener('input', (e) => {
// ...
})
每次登录 AWS 时,我都会怀疑是否有设计师参与其中。整个界面感觉有点即兴创作和用胶带粘贴而成。
我同意。但同时,它比 Azure 控制台好多了——从各个方向弹出的菜单,奇怪的 AF 模态确认,然后会出现一个提示,令人抓狂的不一致性。AWS 有改进的空间,但它不是一个完全的垃圾场
喜欢这种类型的菜单,但它们需要网站管理员的纪律,不能太频繁地更改内容。除非你只添加 1 或 2 个项目,或者只追加到菜单的末尾,否则你将通过更改内容来打乱某些人的肌肉记忆。
在理想的世界里;站点地图页面将像这样呈现,而不是作为长垂直树列表。当然,它们的用户数量有限,但它们将成为非常快乐的超级用户。
你有没有注意到美国政府网站上有两个“更多”部分?
无论如何,这些巨大的菜单都是如此刺眼。我已经想到可以通过将所有内容折叠成标题并在悬停时显示子菜单来简化它(我们从很久以前就在桌面菜单中使用了!——想象一下,如果“文件”和“编辑”菜单永久打开并且其中的所有内容始终可见)?
我们已经在标题中这样做了,那么为什么页脚不能这样做呢?是否有规定所有页脚都必须是链接列表?规定应该是链接列表中可见的链接不应超过 10 个。
顺便说一句,AWS 有搜索功能很好,但菜单可以搜索这一点并不明显。
我们在 Knowde.com 上以优雅的方式解决了这个问题,我们正在启动一个新的网站和巨型菜单架构(今天!!!),因为我们的分类法和产品数据库非常广泛。
访问 Knowde.com 并将鼠标悬停在市场、技术或生产商上。
它只是子菜单,有什么优雅的?它一直都是这样做的。哈哈