web菜单栏优化解决方案
我正在使用具有基于网络的界面的产品。功能非常庞大,并且分为多个模块。通过所有页面上提供的下拉菜单可以访问每个模块。每个菜单项至少有 2 级向下钻取(垂直)
问题:顶级菜单项太多
- 解决方案 1:(逻辑上)对元素进行分组,以便适合顶级菜单。
- 解决方案 2:使用大型菜单技术重新组织菜单项(à la Republic.co.uk)
- 解决方案 3:一个足够智能的菜单,能够知道要显示多少元素并添加“>>”标志在左端。悬停/单击/轻拂“>>”时符号,菜单水平滚动以显示剩余元素,同时放置一个“<<”在右端签名。
- 解决方案 4:(比解决方案 3 更好...)?
解决方案 1 和 2 将需要大量的软技能、时间和精力...我喜欢解决方案 3 或 4 .. 有什么想法吗?
I'm working with a product that has a web-based interface. The functionality is huge and is divided into modules. Access to each module is via a drop down menu available on all pages. Each menu item has at least 2 levels of drill downs (vertically)
Problem: Too many top level menu items
- Solution 1: Group Elements (Logically) so that the top menu fits.
- Solution 2: Reorganize Menu items using the mega-menu technique (à la republic.co.uk)
- Solution 3: A menu that's smart enough to know how many elements to show and adds a '>>' sign at the left end. On hover/click/flick of the '>>' sign, the menu scrolls horizontally to reveal the remaining elements, also placing a '<<' sign at the right end.
- Solution 4: (better than solution 3...) ?
Solution 1 and 2 will need a lot of soft skills, time and energy... I've love to have solution 3 or 4 .. Any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为在解决技术细节之前,您首先需要找出哪种解决方案对用户更好。您可以通过组织可用性测试来做到这一点。如果您使用 Steve Krug 在《火箭手术变得简单》中描述的技术,这可能是一个非常轻量级的过程。 (或者他之前的书,别让我思考)。
如果您需要另一个解决方案:为什么不使用一个包含所有可能的模块访问菜单项的 ajaxy 自动完成搜索框?这样,用户就不需要滚动浏览大量列表,并且可以将视觉混乱降至最低。
I think you first need to find out which solution is better for the user, before solving the technical details. You can do that by organizing usability testing. It can be a pretty lightweight process if you use the techniques as described by Steve Krug in Rocket Surgery Made Easy. (Or his previous book, don't make me think).
If you need another solution: why not have a single ajaxy autocomplete search box that contains all the possible module access menu items? That way the user doesn't need to scroll through a lot of lists and you keep the visual clutter to a minimum.