综合下拉菜单:下一个网页设计趋势
就目前而言,“综合下拉菜单”这种设计模式还是相对少见的。但是我确信,不出半年,它将会普及开来。
什么是的“综合下拉菜单”?
大型网站的导航系统一直是一个难点。当然你可以试图创建一个庞大的站点地图一样的导航菜单来链接到所有的页面,但是实际上,当页面越来越多而且不断增加的时候,这种做法将会变成一个不可能完成的任务。
一般情况下,设计师会有两种做法:
1.设计一个轻巧简洁的主导航菜单,链接到各个主要的页面,并在主要页面上添加附加的导航菜单,以便链接到更深的层次。这种方式很容易实现,可用性也不错。但是如果访问者想要看到的页面藏得比较深,那么就只好多点几次鼠标了。
2.采用动态下拉或展开式菜单,这种模式可以让访问者无论在浏览哪个页面时,都可以直接到达另外更多的页面。它提供了一种快速导航的模式,然后,在可用性方面,如果访问者的浏览器没有开启JavaScript的支持,他们有可能根本就看不到下拉或展开的菜单。
(仅用CSS实现的下拉菜单也是可以实现的,但是:hover这个鼠标悬停的伪类并不是每个浏览器都能完整支持的……比如……万恶的IE6!)
综合下拉菜单,则是上面两个模式的一种折衷方案。它的效果类似Microsoft Office 2007里的Ribbon菜单。
(示例:Office 2007 Ribbon)
(示例:actionenvelope.com)
综合下拉菜单有哪些特点?
通常,一个综合下拉菜单:
1.是一个通过鼠标悬停感应来展示和隐藏的下拉菜单。
2.在一个较大的面板上显示所有的项目。
3.这些项目根据相关性进行了分组排列。
4.使用图标和图形来帮助访问者更好地识别项目。
为什么综合下拉菜单会流行?
有很多理由可以预示综合下拉菜单将会在许多网站成为主流的设计:
1.它提供了在简单导航和复杂的动态菜单中的一个折衷方案,既不会显得信息量太少,也优化了信息结构,不会显得太复杂而难于访问。
2.它实现方便,仅需考虑到极少的可用性问题。
3.它给了设计师更多的空间和视野来发挥自己的创意,而且通常看上去都很吸引访问者。
或许更引人注目的一点是,web可用性专家Jakob Nielsen也推荐使用综合下拉菜单!一般来说,他对很多新的web控件、模式都持批评态度,但是这次他也认为综合下拉菜单是一个好的模式,并建议设计师们可以尝试使用这种模式来增强自己设计的网站的导航系统。
你怎么看?综合下拉菜单会变得无处不在吗?你是否在使用他们了呢?还是说你会在你的网站尝试一下呢?
via Mega Menus: the Next Web Design Trend by Craig Buckler
-
微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版) -
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候,不能只能看到表面信息,而是要能看到产品背后的信息。 -
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键,今天,我们就围绕产品创新和用户研究分享一些看法。 -
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验,确保其在定位、设计、营销计划等多个环节,在可视范围内是正确的,需要一套比较科学、完善的方法去做出检测。 -
你为什么离不开微信?
张小龙说用完即走,你却爱不释手; 到底是什么让你离不开微信? -
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代,无论是企业还是公司,都会经过网络竞争中争取有利的优势,较为传统的产品竞争逐渐向互联网竞争转型,出现了很多数据云大数据等等 -
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战 -
前1%与前10%的产品经理差距在哪?
前1%与前10%的产品经理差距在哪? -
你有哪些策略应对不断的需求变更?
你有哪些策略应对不断的需求变更? -
如何运营天猫【十亿俱乐部】商家页面?
如何运营天猫【十亿俱乐部】商家页面?

