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

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

2)关键词匹配

这种类型常出现在选项较多的场景中,为了方便用户更快完成选择任务,在标准样式的基础上增加了输入功能。输入的过程中,系统根据输入的关键词在已有的选项中进行匹配、筛选,用户可在筛选结果中快速找出自己需要的选项,无需输入所有文字、也不用在内容超多的列表中来回寻找即可完成任务。

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

3)搜索框

这是一种比较老派的做法,触发下拉菜单后,通常会在选项列表上方增设一个搜索框,用户输入关键词后进行搜索,相比上面提到的关键词匹配就有些落后了,不仅视觉样式变得复杂、也增加了用户的操作成本。部分PC端网站的选择地址控件中还有使用,但更多产品直接使用了城市拼音首字母进行分类筛选,显然比这种搜索方式的效率更高。

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

4)多选/复选

即用户在同一表单项中选择多个选项,虽然这种设计方式操作起来比较复杂,但在内容较多、空间资源不是很充足的管理系统、B端设计中还是很实用的。例如用户权限配置、带有二级/三级联动的机构或地址选择,多选相比平铺更节省空间,且这类用户很多都是经过培训、相对专业的群体。

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

四、常见问题及避坑指南

1. 延展不要超过两级

菜单的子层级越多、操作越复杂、用户体验就越差,尽量不要超过两级,如果超过两级,在条件允许的情况下进行二次分析增删、合并分类,以此来减少用户操作负担。当然这并非绝对,只能在相对情况下尽量避免,例如选择地址(省、市、区/县)时就无法删减。

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

上一页12345下一页

栏目热文

文档排行

本站推荐

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