除了下拉菜单之外,你还有更好的选择
2017-08-29 11:51:31 来源:易采站长网友投稿 作者:人人都是产品经理
除下推菜单以外,借有许多品种的输进控件能够愈加合适详细的场景。

正在表单里利用下推菜单能够是一种不消考虑的做法:那玩艺儿没有占处所,没有需求做输进考证,一切仄台皆撑持,手艺门坎低,用户皆很熟习利用办法。
但是取之同时,下推菜单又是最简单被毛病利用的表单控件。它被 Luke Wroblewski (译者Z Yuhan:专注于表单范畴的人机交互专家,我也不断有存眷)等人形貌成“界里设想里最初的选项”(Mobile DropDowns Revisited、Fuck Drop Downs)。
去看看下推菜单的范围性战考量:
利用下推菜单时,正在面击睁开之前,可选项局部不成睹的。而且菜单少度没法一眼看出,因而用户没法预知内里是2个选项借是50个。
利用下推菜单需求许多步调:面击下推菜单睁开列表->转动列表并审视停止挑选->封闭下推菜单。
下推菜单会让设想师变懒:很简单甚么皆没有念,便把一切需求挑选的功用做成下推菜单(变得相似汉堡菜单那样了)。
假如列表较少,能够找起去很易,特别是关于出有搜刮功用的挪动端。
正在挪动屏幕上狭窄的菜单地区转动时,能够有面难熬痛苦。
正在 iOS 上,一次能够看到的选项数目能够十分少:

不外,幸亏除下推菜单以外,借有许多品种的输进控件能够愈加合适详细的场景。
1、思索选项有几个
1、关于两元挑选题(是/可),下推菜单尽对是个蹩脚的选项。那种状况该当利用复选框或开闭。

2、假如选项较少(倡议是5个或之内),倡议利用单选框或分段挑选器,那样便能一眼看到一切选项,而没有需求来翻开列表。


3、关于数目较多,且指背性较为明白的选项,假如用户晓得他们找的是甚么,能够思索接纳可输进的处理计划。即许可用户输进,并正在输进的同时过滤出能够的谜底。那样便能够节流下翻阅少列表的工夫了。

4、关于数目较多,且指背性较为没有明白的选项,能够试着对选项停止劣先级布列,只给用户展现挑选数目最多的选项。那样的益处是节流了90%用户的工夫,让他们可以一眼看到本人的谜底。而剩下的10%能够挑选“别的”,并正在下一个成绩中给出进一步挑选。
虽然“别的”看起去没有长短常文雅,但那种方法能够提拔年夜部门用户的体验。

2、思索能否需求输进
1、下推菜单的益处之一是削减用户挨字的工夫。可是假如挨字次数没有多,耗时也没有少(比方小我私家疑息),那末输进能够比挑选借愈加沉紧一些:

2、凡是去道,正在脚机上利用数字键盘输进杂数值会比正在菜单当选择数值愈加快一些。

3、假如用户的输进需求考证,比方必需契合特定格局的地点称号,那末能够把输进当作搜刮,一边挨字一边过滤出能够的选项,让用户挑选。

4、假如选项的布列次第没有是很明白,那末选项搜刮的功用长短常有协助的。比方挑选货泉品种:

关于国度列表也是云云:取其一次列出超越两百个国度称号,借没有如经由过程输进战过滤去协助用户找到谜底。

5、关于准确数值(如购物车里的商品数目),能够利用计数器去让用户快速对数字停止删加。

6、关于没有准确的数值,能够利用滑块。

7、用别离的多个下推菜单挑选日期长短常蹩脚的体验。关于较远的工夫,必然要利用日期挑选器。可是像诞生日期那种较近的工夫便别那么干了。

3、怎样让下推菜单愈加智能
也没有是道任什么时候候皆不克不及利用下推菜单,偶然下推菜单的确是最适宜的方法。只是请正在利用的时分,最好把它设想得愈加用户友爱一面。(参考:Dropdowns: Design Guidelines)
故意义的提醒文本:可以明晰表述,且正在睁开菜单以后照旧可以看获得。报告用户您念要他们挑选的是甚么工具(比方“挑选种别”便比“请挑选”要好)。
开理布列选项:把挑选人数最多的选项放正在最顶上,大概痛快把最有能够的谜底做为默许选项。
协助用户挑选:脚机战阅读器皆有法子晓得日期、地点等许多别的疑息。能够操纵那些疑息协助用户事前挑选一次。
让法式帮用户做尽量多的工作:假如曾经晓得用户地点的法式,便没有需求再输进邮编。假如用户曾经输进了信誉卡号码,便没有需求再挑选信誉卡范例。
思索利用API:利用微疑账号联系关系比挖写注册疑息便利多了。用付出宝付款,比网银快了。
本文译自 Dropdown Alternatives for Better (Mobile) Forms by Zoltan Kolin
译者:Z Yuhan,本做者保举了一个名为来XX的下推菜单的油管视频,我以为普通,假如您能翻又懂英文能够来看看。
译文地点:https://zhuanlan.zhihu.com/p/28824880











闽公网安备 35020302000061号