<input id="awaiu"><samp id="awaiu"></samp></input>
<menu id="awaiu"><label id="awaiu"></label></menu>
<strong id="awaiu"></strong>
<code id="awaiu"><label id="awaiu"></label></code>
<code id="awaiu"><samp id="awaiu"></samp></code>
  • 下拉框和搜索输入框的二三事首 页 >>人性化设计>>文章列表

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

    文击每耳
    下拉框和搜索输入框的二三事~

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

     

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

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

    图 A

     

    此为公司广告后台中一个关于广告发布的部分表单,“部门”的选择有“研究?#34892;摹?#23478;装频?#39304;?#24191;告?#34892;摹?#31561;等14个选项,设计师在选择时,如要选择“广告?#34892;摹保?#21017;要点击下拉框,然后浏览到第9条再点击选择。

     

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

     

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

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

    图 B

     

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

     

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

     

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

     

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

     

    pk10定制软件
    <input id="awaiu"><samp id="awaiu"></samp></input>
    <menu id="awaiu"><label id="awaiu"></label></menu>
    <strong id="awaiu"></strong>
    <code id="awaiu"><label id="awaiu"></label></code>
    <code id="awaiu"><samp id="awaiu"></samp></code>
  • <input id="awaiu"><samp id="awaiu"></samp></input>
    <menu id="awaiu"><label id="awaiu"></label></menu>
    <strong id="awaiu"></strong>
    <code id="awaiu"><label id="awaiu"></label></code>
    <code id="awaiu"><samp id="awaiu"></samp></code>
  • 掘金vs湖人直播 河南22选5开奖号 31选7走势图表 cf手游焕m4 骑士vs勇士 黑豹之月怎么玩 20选5历史数据 欢乐麻将安卓下载 国标麻将番种图解 金黄时代登陆 王者荣耀直播需要下载什么 无限法则开始匹配没反应 鬼屋APP 北京11选5玩法 上海天天彩选3开奖结果 三昇体育维护