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

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

2. 默认值的使用

默认值主要针对表单类型的下拉菜单,在可预知的场景中、通过行为预判提前为用户选中某个最常用、选择频率最高或当前用户最有可能选择的内容,方便被精准匹配到的用户不用做任何操作即可完成任务,同时也提高效率。但根据笔者在体验的多个产品中、以及看过相关方面的各种资料说明,是否需要提供默认选项则各自参半,成了两相对立的局面,暂且不论默认选项是否合理,但如果出现以下情况请慎用。

1)选填项

为选填表单项提供默认值,用户极有可能直接略过该项,最终默认值并非用户的真实需求,这也将变得毫无意义,甚至在后续的数据分析中产生误导,影响产品的走向。另外,即便用户注意到了,不想选择任何内容,还得手动清除,这就需要用户付出更多的时间成本和操作成本,与用户体验相悖。

2)均衡度适中

当多个选项的使用率较为均衡,提供默认选项确实会减少这一小部分用户的操作成本,但在大部分的用户群体中,只要不影响其利益或用户认为无关紧要就会默认该选项的可用性,同样会出现上述问题。

3)用户属性模糊

这种主要针对千人千面的推荐设定,在一些新注册或行为飘忽不定的用户群体中,推荐默认选项也会将出错的概率大幅度提升。

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

3. 避免滚动失误

对于选项较多的下拉菜单,滚动不可避免,但有没有一种可能,我们在明明需要滚动下拉列表、可滚动的却是整个网页,而鼠标离开下拉区域去滚动页面、真正发生滚动交互的则是下拉列表,苦不堪言。

解决这个问题需要程序员对滚动交互时的光标位置作出界定,当下拉菜单仅处于聚焦(高亮/主体色/阴影)状态时滚动选项列表,除此之外滚动页面即可。这里需要说明的是,光标离开下拉菜单就可取消聚焦状态,不用非得等用户完成选择任务后再取消,目的是为让下拉菜单与页面的滚动互不干扰且能随时切换。

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

4. 选项数量

1)选项太少

表单选项太少能使用下拉菜单吗?答案是“当然能”。但这又是何苦呢,如果只有两个选项,用单选按钮它不香吗,用户只喜欢用最少的操作在最短的时间内完成自身所需,每多操作一次都可能会离开。

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

2)选项太多

下拉选项过多可能会对用户产生负面影响,但有些时候是无法避免的,例如选择国家、地址、区号等,不管怎么做都没法简化。这时,增加前面所讲到的关键词匹配、搜索框功能,就能提高用户的完成效率,也让产品变得更容易使用。

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

上一页23456下一页

栏目热文

文档排行

本站推荐

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