下拉菜单设计指南

　　下推菜单正在网页设想中隐然占据一席之天。但是，他们的过分利用战误用形成了很多可用性成绩战紊乱。下推菜单正在网页设想中隐然占据一席之天。但是，他们的过分利用战误用形成了很多可用性成绩战紊乱。设想师们为了各类差别的目标而利用下推，包罗:

　　号令菜单，它按照所选选项启动一个操纵

当用户单击“公布” 图标时，Microsoft Word利用下推菜单显现公布号令

　　导航菜单，它将用户带到一个新的地位

阿里云利用下推菜单为每一个顶级种别供给子种别链接列表

　　表单挖充，让用户挑选一个选项进进表单字段

Element下推组件

　　属性挑选，许可用户从能够值的菜单当选择一个值

Adobe Color CC许可用户从色彩划定规矩列表当选择调色板

　　固然最后的术语“下推框”战“下推菜单”能够交换利用，但跟着工夫的推移，二者之间呈现了功用上的区分。如今，下推菜单次要包罗下推菜单的前两种用法(导航战号令列表)，而下推框凡是是表单挖充战属性挑选的挑选办法。

　　下推框凡是取下推菜单差别:它们中间有一个下推箭头，用于挑选属性或输进表单数据。那个控件偏向于一个字段标签或一个题目，那个题目正在下推框中占有第一项的地位，以便正在停止挑选之前能够看到它。虽然MacOS战Windows有差别的下推式真现，但正在那两种状况下，号令菜单皆差别于属性挑选菜单。究竟上，Macintosh人机界里指点本则明白倡议没有要利用下推菜单去施行号令。

　　下推式设想指北

　　下推菜单的确有其长处。尾先，它们节流了屏幕空间。果为它们是一个尺度的小部件(即便是没有高兴的小部件)，用户也晓得怎样处置它们。并且，当利用表单战属性挑选时，下推框会阻遏用户输进毛病的数据，果为它们只显现开法的挑选。

　　虽然有那些长处，但假如设想者较少利用下推菜单，web可用性便会删减。为此，以下是一些闭于下推的设想原则:

　　1、制止交互式菜单，此中当用户正在统一页里的另外一菜单当选择某些内容时，菜单中的选项会改动。中选择去去来来的时分，用户会感应十分猜疑，当它依靠于一个差别的小部件中的挑选时，凡是很好看到念要的选项。

iTunes：视图菜单包罗差别的选项，详细与决于正在库侧里菜单中是挑选了相册(左)借是歌直(左)

　　2、灰失落任何不成用的选项而没有是删除它们：任何没法挑选的项目皆应保存正在视图中。关于分外的用户体验，假如用户正在一个灰色的选项上停止超越一秒，能够思索显现一个简短的气球协助疑息，注释为何那个选项是禁用的，和怎样使它激活。

　　假如删除禁用的项，界里便落空了空间分歧性，变得更易进修。

Snagit：“突变” 战“容好” 选项呈灰色显现，暗示正在挑选“无挖充” 选项时没法挑选它们

　　3、需求转动的十分少的下推菜单使得用户没法一眼看到他们的一切挑选。也需求当心的转背鼠标，那样它便没有会分开下推。(那是转背定律的一个例子，它指出用户经由过程地道指导一个指背装备的工夫与决于地道的少度战宽度:地道越少越窄，占用的工夫便越多用户将指针从一端挪动到另外一端，转背定律滥觞于Fitts定律)

　　正在能够的状况下，抵抗住引诱。假如您有许多项目，能够思索其他的方法去展现它们——好比传统链接的HTML列表大概超等菜单，它们是两维的而没有是线性的，而且供给更简朴的鼠标办理，而且更快的均匀工夫抵达内里的项目。

百度的恍惚婚配4、正在挨字时要制止下推框。典范的状况包罗国度或国度的名单，比方邮寄地点。比起从转动下推菜单当选择一个形态，用户简朴天输进“NY”要快很多。对带有受限选项的字段停止自在格局输进的确需求正在后端停止数据考证，但从可用性的角度去看，那常常是最好的办法。(那是我们的电子商务可用性原则之一，果为我们正在签进表单时利用形态下推列表不雅察到了很多毛病。)

Ant Design 正在查找控件时输进枢纽字会比下推挑选快很多

　　5、制止利用下推框，以获得对用户十分熟习的数据，好比他们的诞生日期、月份或年份。那些疑息凡是皆是硬毗连到用户的脚指上的，并且要正在少菜单中找到那些选项是很烦琐的，突破了之前的指点目标，而且给用户缔造了更多的事情。

输进年代日会更简单

　　6、当下推菜单翻开时，连结菜单标签或形貌。菜单题目经由过程提示用户他们挑选的内容去供给范畴战标的目的。正在翻开菜单时，当标签被躲藏或删除时，用户必需回想他们正在采纳动作之前需求挑选的内容。方案中止，随时能够中止用户的使命。

正在下推菜单翻开时，躲藏了标签 用户需求从头挪用该标签才气理解下推列表当选项的高低文

　　7、正在桌里的下推菜单中保存齐局导航选项。躲藏您的网站的顶级种别能够对用户正在任何网站上的胜利是有害的。

　　8、撑持键盘输进以正在下推菜单内停止导航。下推菜单(菜单战框)该当不只撑持鼠标输进，并且撑持按键。正在下推菜单中，会见键应利用户可以正在没有利用鼠标的状况下快速挑选可睹选项。正在下推框中，用户该当可以键进一个字母并快速导航到以该字母开首的选项。

　　总结

　　下推框战菜单被过分利用会隐得鸠拙，可是能够用于显现选项或号令列表。