下拉式导航栏的原理是什么,简述响应式导航栏的制作过程

首页 > 实用技巧 > 作者:YD1662023-12-06 13:45:51

6)错误反馈

相比输入框,下拉菜单项出错的情况较少,用户出现漏选、或任务流程存在两个互斥的选项时,系统会通过强提醒警示用户,例如将提示文本、容器描边及填充使用红色。

下拉式导航栏的原理是什么,简述响应式导航栏的制作过程(9)

二、使用下拉菜单需满足的条件

1. 由选项数量决定(移动端)

首先,选项数量不能太少也不能太多。说人话,就是选项数量为5~9条是使用下拉菜单的最佳选择。因下拉区域的空间有限,考虑到用户操作的难易程度,大多数情况下,低于5条选项使用单选按钮即可满足,超过9条就需要更多的展示空间,使用操作栏弹窗或页面跳转则体验更好。当然这并非绝对,只是作为一个参考值而已,使用下拉菜单以5~9条为例,可满足工作中的大部设计需求。

下拉式导航栏的原理是什么,简述响应式导航栏的制作过程(10)

其次,在选项数量满足的条件下,选项文本的字数也需越短越好,如果文本过长导致折行或省略,用户体验也会大打折扣,还不如弃用下拉菜单、换种方式呈现。

下拉式导航栏的原理是什么,简述响应式导航栏的制作过程(11)

2. 由便捷性决定

能让用户选择的就不要让用户去输入。比如用户在选择退款原因时,常见的原因就那么几种,使用下拉菜单的样式呈现,比码字的操作效率会高出很多,即便用户有自定义需求,增加一个「其他」选项完全可以满足。

下拉式导航栏的原理是什么,简述响应式导航栏的制作过程(12)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.