2020-03-03

如何用下拉菜单设计优化用户体验?

如何用下拉菜单设计优化用户体验?

下拉菜单是我们在进行网页、app设计时比较常见的输入控件,几乎所有的平台都支持下拉菜单,它可以快速引导用户跳转到下级页面,在UI上所占的空间又比较小,所以很受UI设计师的欢迎。

 但是下拉菜单也有一些局限性,设计师的过度滥用会造成产品可用性及用户体验的降低。下面我将针对下拉菜单的特质,与大家讨论下该如果正确的进行下拉菜单设计。

 一、避免过度使用

如果某些信息或是数据可以被自动导出,那么就没有必要让用户手动输入。

比如我们在购物中需要绑定银行卡,需要输入“卡类型”。其实后台可以根据信用卡的前几个数字就可以自动确定卡类型,只要我们在可以进行相应的设置,就能减少这一步,用户体验也进一步提升了。

 二、能输入不下拉

在某些情况下,直接输入比下拉菜单更便捷。

再举一个信用卡相关的例子,输入信用卡有效期时,选择MM / YY的模式要比设置两个下拉菜单(年月)滚动更方便。这种自由格式的字段输入虽然需要进行数据验证,但它大大的减少了用户的负担。

 三、避免选项过少

如果选项不多,那就不要盲目的选择使用下拉菜单。选择单项按钮或者分段控件,让用户一目了然,不需要再去打开列表。

四、避免列表过长

下拉菜单在界面上不占用太多空间,完全适合所有浏览器类型,用户对它们有足够的了解,可以快速使用它们。

但是,当超过15种选择,用户可能会知道该怎么做。

试想:当用户看到超过20个未分类选项时,会感到困惑甚至害怕吗??即使用户想找到众多选项中的条目,但用户还须保持鼠标在下拉框中,否则页面还会出现滚动问题。

五、将不可用选项置灰

当一个选项目前不可用或者已被禁止使用时,我们不能直接删除这个选项,可以将它调成灰色。一旦删除接口将失去空间一致性,它会增加用户的难度——他们可能会因为找不到这项选择而困惑。我们可以将不可用选项置灰,并且提示不可用原因。

六、保留菜单标题

打开下拉菜单时,我们要保留菜单标题,菜单标题可以提醒用户他们刚刚选择了什么内容。如果菜单打开后标题消失了,用户可能会忘记自己所处的位置,从而还需要返回上级列表,重复性操作会降低用户耐心及体验度。

用户体验是覆盖产品设计的全流程的,通过优化下拉菜单设计,可以进一步提升用户体验,做出真正的以用户为中心、以用户需求为导向的产品。想要在激烈竞争的市场中脱颖而出,做好用户体验是必杀技。

如何做B端产品的用户研究? 势不可挡的企业线上化转型