一    推荐字 

关于推荐关键词放置位置的问题&＃xff1a;

  • 推荐字在框下&＃xff1a;&＃xff1a;普遍认为放在下面好一些&＃xff0c;从版面美观度考虑&＃xff0c;从给用户的冲击力和干扰程度考虑&＃xff1b;
  • 推 荐字在框上&＃xff1a;有时搜索框上面会放分类等tab&＃xff0c;推荐关键字易被认为作分类&＃xff1b;但具体放在上面给用户带来的干扰程度&＃xff0c;是 否会让很多用户很讨厌&＃xff0c;笔者认为来搜索的用户普遍目的性较强&＃xff0c;会下意识自动过滤掉自己不需要的内容&＃xff0c;此时的用户是很难被干扰到的&＃xff0c;可放心放到搜索框之上&＃xff1b; 但可能喜欢清爽一些或有洁癖的用户比较希望什么都不要放。

&＃xff08;图为 迅雷看看官网&＃xff0c;http://www.xunlei.com/&＃xff09;

&＃xff08;图为 淘宝首页搜索&＃xff0c;http://www.taobao.com/&＃xff09;

&＃xff08;图为 国美网上商城&＃xff0c;http://www.gome.com.cn/&＃xff09;

  • 推荐字放在搜索框后&＃xff1a;干扰性最小&＃xff0c;横向空间扩展性差&＃xff1b;

&＃xff08;图为 中关村在线&＃xff0c;http://www.zol.com.cn/&＃xff09;

  • 关于关键字个数&＃xff1a;普遍认为不易过长&＃xff0c;最好不长于输入框的长度&＃xff0c;个数在5——9个之间。

二    框内的文本

建议放一些有意义的文字&＃xff0c;

  • 提示文本&＃xff1a;比如直接告诉用户可以输入的内容来引导&＃xff0c;语气友好些&＃xff0c;文本简短明确些&＃xff1b;否则用户会以为你的搜索框内可以随便搜东西&＃xff0c;但实际是输入某些内容是搜不出结果的&＃xff0c;然后用户会很懊恼&＃xff0c;觉得你的搜索做的不行&＃xff1b;

&＃xff08;图为 美丽说首页&＃xff0c;http://www.meilishuo.com/&＃xff09;

  • 推荐内容&＃xff0c;留住浏览型用户&＃xff1b;

&＃xff08;图为 迅雷看看电影频道&＃xff0c;http://movie.xunlei.com/&＃xff09;

  • 单纯放一些客套话如‘您需要找什么&＃xff1f;’能增加些许网站亲切性&＃xff0c;看多了就觉得‘虚伪’了。

&＃xff08;图为 淘宝店铺街&＃xff0c;http://jie.taobao.com/&＃xff09;

三    联想关键字

关于搜索建议提交内容有两种观点&＃xff0c;

  • 认为无论搜索建议中是否已经高亮第一项&＃xff0c;提交时都要默认提交输入框里的内容&＃xff1b;

&＃xff08;图为 迅雷看看官网&＃xff0c;http://www.xunlei.com/&＃xff09;

  • 认为如果高亮了搜索建议第一项&＃xff0c;可以默认提交高亮的内容&＃xff0c;因为目前来说高亮内容最符合用户输入预期&＃xff0c;否则&＃xff0c;用户会自行选择其他项或继续进行输入&＃xff0c;不会默认提交&＃xff0c;所以既然用户选择默认提交了&＃xff0c;说明认可了第一项高亮的内容&＃xff1b;

&＃xff08;图为 浏览器&＃xff0c;输入框搜索&＃xff09;

  • 输 入法与联想关键字——关系一&＃xff1a;目前输入法比较高级&＃xff0c;在你输入拼音的时候搜索框内也会同时显示你正在输入的拼音&＃xff0c;但是很多搜索框也很高级&＃xff0c;只要有拼音输入也 会自动给你显示汉字的相关搜索建议&＃xff0c;如果此时用户想要的东西在搜索建议中出现了&＃xff0c;他该怎么办呢&＃xff1f;会产生困惑&＃xff0c;也会很着急&＃xff1a;一是&＃xff0c;若不先提交输入法中的内 容&＃xff0c;如果直接单击输入法外的任何空间&＃xff0c;搜索框内是什么内容都没有输入的&＃xff0c;可是要提交搜索框内容&＃xff0c;要点击提交按钮&＃xff0c;提交按钮却是输入法外的空间啊&＃xff1b;

&＃xff08;图为 迅雷看看电影频道&＃xff0c;http://movie.xunlei.com/&＃xff09;

  • 输入法与联想关键字——关系二&＃xff1a;假如搜索建议第一项此时高亮了&＃xff0c;如果按enter回车键提交&＃xff0c;是提交的输入法内容进搜索框呢or提交高亮的第一项&＃xff0c;
  • 输入法与联想关键字——关系三&＃xff1a;如果用户鼠标自行点击输入框内的内容&＃xff0c;输入法内的内容怎么办呢&＃xff1f;迅雷的产品设置为&＃xff1a;用户点击搜索建议中的内容时&＃xff0c;搜索提交的是选中的内容&＃xff0c;输入法内的内容会自行消失&＃xff1b;

四    搜索前的筛选

关于搜索条件预设分类的位置&＃xff1a;         

  • 可以放在搜索框前后&＃xff0c;

&＃xff08;图为 amazon首页&＃xff0c;http://www.amazon.cn/&＃xff09;

&＃xff08;图为 凤凰网首页&＃xff0c;http://www.ifeng.com/&＃xff09;

  • 也可以放在搜索框上下&＃xff0c;

&＃xff08;图为 淘宝网&＃xff0c;http://s.taobao.com/search?q&＃61;%CD%E2%CC%D7&keyword&＃61;&commend&＃61;all&ssid&＃61;s5-e&search_type&＃61;item&atype&＃61;&tracelog&＃61;&sourceId&＃61;tb.index&＃xff09;

但样式随位置不同而有所变化。

 五   清空功能

&＃xff08;图为 移动产品截图&＃xff09;

  • 关于搜索框内添加【清空】功能&＃xff0c;此种情况最适用于搜索框输入的内容较长&＃xff0c;避免用户手动框选or逐个删除&＃xff0c;或移动端产品逐个触击删除&＃xff1b;
  • 当默认双击or单击&＃xff0c;全选中搜索框内全部内容时&＃xff0c;这个功能可以不放&＃xff1b;
  • 关于清空按钮出现时间&＃xff0c;一般是在搜索框内有输入内容之后出现&＃xff1b;
  • 关于清空按钮位置&＃xff0c;一般是在搜索框内靠后位置&＃xff08;也有放在搜索框外的后面位置&＃xff09;&＃xff0c;当搜索框后有提交按钮&＃xff0c;特别按钮icon为‘放大镜图标’时&＃xff0c;要处理两者之间的关系&＃xff0c;避免用户误操作。

六    搜索符号

  • 单击搜索框内提示文本消失&＃xff0c;符号跟着消失时&＃xff0c;认为符号是文本的一部分&＃xff0c;符号与提示文本样式应统一&＃xff1b;
  • 单击符号不消失代表符号不是文本&＃xff0c;那么符号的样式应与文本有所区分&＃xff1b;
  • 当符号为文本&＃xff0c;但后面又用了符号作为提交按钮时&＃xff0c;是否有冲突&＃xff1f;

&＃xff08;图为 视觉中国首页&＃xff0c;http://www.chinavisual.com/&＃xff09;

&＃xff08;图为 IBM官网首页&＃xff0c;http://www.ibm.com/us/en/&＃xff09;

七    两个提交按钮

&＃xff08;图为 淘宝女鞋市场&＃xff0c;http://www.taobao.com/market/ladyshoes/lady_shoes.php?ad_id&＃61;&am_id&＃61;&cm_id&＃61;1400606053fa0788c3ac&pm_id&＃61;&＃xff09;

&＃xff08;图为 口碑网首页&＃xff0c;http://shenzhen.koubei.com/&＃xff09;

&＃xff08;图为 谷歌搜索&＃xff0c;http://www.google.com.hk/&＃xff09;

两个提交按钮出现&＃xff0c;按钮已经不止承担了提交意义&＃xff0c;还有搜索前的预先筛选功能&＃xff0c;帮助用户更直接快速的搜索到内容。