博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
下拉框和搜索输入框的二三事
阅读量:5086 次
发布时间:2019-06-13

本文共 1169 字,大约阅读时间需要 3 分钟。

下拉框和搜索输入框组合是页面常用的标配之一,是串起独立页面的一种纽带。下拉框和搜索输入框的组合较多出现在行业性比较强的网站或是各种后台系统,而且会在其页面的的重要位置显示,让用户能很容易找到查找产品的入口。撇开其行业内容不谈,下拉框和搜索输入框的组合顺序和其每个独立的下拉框的内部顺序对于是否能快速精确的定位用户想要查找的内容起着至关重要的作用,同时,也将左右用户的操作次数和思考次数。

就简单的独立下拉框而言,其选项顺序不同,对于用户的眼球运动和鼠标移动以及点击次数也会有较大的影响。我们来看图A-一个简单的例子:

下拉框和搜索输入框的二三事~

图 A

此为公司广告后台中一个关于广告发布的部分表单,“部门”的选择有“研究中心、家装频道、广告中心”等等14个选项,设计师在选择时,如要选择“广告中心”,则要点击下拉框,然后浏览到第9条再点击选择。

但是通过统计,80%以上的工作单都是由广告中心发出,如果我们将“广告中心”设为缺省选项,其他内容顺序不变,那么在这个下拉框的操作中,设计师将减少80%的操作量,同时也会减少更多的操作失误(下拉选项太多,失误率也高)。

对于单个下拉框的用户体验优化相对比较简单,多个下拉框+搜索输入框的组合明显增加了优化的复杂程度。如果多个下拉框的前后选项顺序不同,可能造成用户的下拉点击操作次数和思考次数就不尽相同。同时,搜索输入框和下拉框的位置也因各种情况而异。我们来看图B,几大门户搜索新房的例子:

下拉框和搜索输入框的二三事~

图 B

各个下拉框的内容主要有“区属+物业类型+均价”。 三者的顺序基本是由用户对于新房的搜索心理以及其内部的部分逻辑关系所决定的。

三个门户网站都将“区属”放在第一个,这是符合用户搜索新房的心理的,买新房首要条件是地段,同时地段决定了均价的大概区间。两个门户网站将“物业类型”放在其次,“物业类型”这个术语比较绕,实际上就是住宅写字楼商铺等分类。最后是“价格”,已经由区属决定了其大致区间,个人认为放在最后是合理的。个人有一疑问:将“物业类型”与“区属”是否可以调换位置?麻烦大家能给出专业意见~

同时,三个门户中下拉框和搜索输入框的先后顺序有两种,一种将搜索输入框放在下拉框之后,另一种将搜索输入框在下拉框之前。下拉框一般是网站策划定位各种区间来引导用户搜索产品,而搜索输入框则是让用户自主进行产品关键字输入进行搜索。是先让用户主动还是先引导用户?这是网站策划必须要考虑的的问题,这是要根据用户对于产品的熟悉程度和自身对于产品的需求所决定。

所以,在策划下拉框和搜索输入框组合模块时,对于用户的调研是必不可少的,这样,才能掌握用户的需求,进行用户需求的筛选、分析、总结,以最佳的模式来组合下拉框和搜索输入框模块

转载于:https://www.cnblogs.com/ckmouse/articles/2272016.html

你可能感兴趣的文章
移动端页面开发适配 rem布局原理
查看>>
Ajax中文乱码问题解决方法(服务器端用servlet)
查看>>
会计电算化常考题目一
查看>>
阿里云服务器CentOS6.9安装Mysql
查看>>
剑指offer系列6:数值的整数次方
查看>>
js 过滤敏感词
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
软件开发和软件测试,我该如何选择?(蜗牛学院)
查看>>
基本封装方法
查看>>
bcb ole拖拽功能的实现
查看>>
生活大爆炸之何为光速
查看>>
bzoj 2456: mode【瞎搞】
查看>>
[Typescript] Specify Exact Values with TypeScript’s Literal Types
查看>>
[GraphQL] Reuse Query Fields with GraphQL Fragments
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
两种最常用的Sticky footer布局方式
查看>>
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>