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


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

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


  图 A

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

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

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


  图 B

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

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

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

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

时间: 2024-10-15 00:39:22

下拉框和搜索输入框的二三事的相关文章

实战经验 百度下拉框相关搜索优化

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 百度下拉框搜索建议:指用户在百度搜索框输入关键词后,百度在海量数据库中自动匹配找出相关搜索建议,展现在搜索下拉框中,便于用户更精准的找到需要的内容. 搜索建议基本原理:比如我们在搜索框中输入"家居饰品",在其下方,百度列出了10个相关词组,这些词组是根据用户的搜索量和点击量自动排名,每产生一个新词组,百度都会将它放到最后,

js实现带搜索功能的下拉框实时搜索实时匹配_javascript技巧

1. 当select输入框中每输入一点内容的时候,在option中找出与内容匹配的选项显示在option的前面选项中. 2. 如何获取每次输入的内容,当keyup的时候触发函数. 问题:select标签中可以输入内容吗?(解决:另一篇文章可选择和输入的下拉列表框 ) 3. 如何获得输入框中的内容?(解决,在输入框上添加onkeyup时间触发的函数用js获得) 4. 如何匹配?(解决) 4.1 如何获得所有option中的内容?(解决) 复制代码 代码如下: function getSelectT

细节决定成败:分享下拉框与搜索框设计的那些小细节

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 下拉列表框和搜索输入框是两个常见的页面搭档,我们可以形容过它是链接不同的独立页面的一条纽带,同时也是提高用户友好体验的关键点.下拉列表框和搜索输入框的组合较多出现在行业性比较强的站点前台或是各种系统后台,并且都是在一些很关键的位置,目的是为了让用户能很容易找到目标页面的入口.暂且不讨论站点行业的不同,下拉列表框和搜索输入框的排版顺序和其每个独

仿百度搜索框的下拉框拉动效果

问题描述 如何实现仿百度搜索框的下拉框拉动效果 解决方案 解决方案二:这个例子:http://blog.csdn.net/ChengKing/archive/2006/08/22/1106456.aspx

基于jquery的无限级联下拉框js插件_jquery

灵活性方面考虑了比较多的方面,提供了几个重要的配置方便在各类环境下使用,欢迎各位童鞋使用,源码完全开放.开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷(之所以这么多代码是因为该级联下拉框有时只出现2个或3个),想到这类的需求其实经常都能遇到,jquery里没有这样比较好的插件,索性自己开发个.源代码并不复杂,稍微复杂的地方在第二个插件使用了缓存,造成理解起来十分困难,后面会做些解释. 插件一:适合在不与服务器进行AJAX交互情况使用,需预先将所有下拉

combo box-Qt5 中窗口全屏状态下,ComboBox的下拉框无法显示?以及文本输入框输入文字时无法切换输入法?

问题描述 Qt5 中窗口全屏状态下,ComboBox的下拉框无法显示?以及文本输入框输入文字时无法切换输入法? 主要是全屏状态下时会出问题! Qt5 中窗口全屏状态下,ComboBox的下拉框点击后无法显示,但仍然可以选中!以及文本输入框输入文字时无法切换输入法!!该怎么解决!!求大神 解决方案 http://www.oschina.net/question/2001267_194321 解决方案二: 有没有大神可以解决下啊,或者可以提供一些思路啊!! 解决方案三: 好像是由于父窗口中存在qml

 百度推广:下拉框与相关搜索优化分析

我们想要做好百度推广,就必须根据百度对外展现出来的数据对网站内容进行更新.因为只有这样,才会让百度和用户都渐渐喜欢上我们的网站.那么,什么是百度对外展现的数据呢?一个是百度下拉框,一个是百度相关搜索,二者是我们做网站优化一定要分析透彻的. 1.百度下拉框分析 下拉框的开发表明了百度产品一切从用户出发的决心,其所展现的内容无一不是用户急需解决的问题.有的站长可能不太明白,为什么下拉框中出现的关键词他们的网站在首页是有排名的,用户依然会去重新搜索?答案显而易见,你的网站无法满足用户的需求. 举个例子

利用jQuery实现可输入搜索文字的下拉框_jquery

先看效果   功能:点击下拉框输入框时,自动显示下面的下拉列表,而且是根据输入框中输入的搜索添加,自动在后台查找,然后传到前台,展现页面. 用的的js: 复制代码 代码如下: var $xialaSELECT; $(document).ready(function(){ initXialaSelect(); initSearch(); }); var temptimeout=null; var query=""; function searchDev(key){ //if(key ==

董敬一:百度相关搜索和下拉框的原理及实现

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 流量精灵可以代替SEO中的一些重复性的劳动,主要有如下三个方面. 一.关于关键词的优化 我们都知道,搜索引擎给各个网站排名,流量是其比较看重的一个打分点.外部的流量搜索引擎可能无法监测,但从搜索引擎来路的流量搜索引擎是心中有数的.比如说,当客户检索一个关键词时,首页一共展示10个自然结果,如果大多数的用户都点击了排名第8的网站,那么搜索引擎则