产品与服务

返回 您现在的位置主页 > 信息中心 > 行业资讯 >

行业资讯

网站的搜索框怎样才算是标准的

时间:2019-04-11 13:59   来源:未知   点击:
  1. 使用放大镜图标
 

 
  现在,一看见放大镜图标,用户自然而然就会想起搜索功能,这种联系是在长期使用过程中逐渐形成的,是为大家所广泛认可接受的。因此在网站中设计搜索框时,我们可以多使用放大镜图标,毕竟它是最常使用、最易于辨认的(即使没有文本标签,用户也能轻松识别)。当然也要注意,放大镜图标应该简洁直观,尽量减少一些不必要的细节,提高图标的可辨识度。
 
  2. 让搜索框足够显眼
 
  搜索框设计有一条重要的准则就是:让搜索框足够显眼,清晰可见的搜索框能让用户快速发现并使用。下图就很好地证明这一点,左右两侧是两种不同的搜索框设计,左边的搜索框隐藏在图标之后,这种隐性的搜索框太不显眼了,用户很难发现并使用。相比而言,右侧的搜索框就能及时给用户提供帮助。
 
  3. 提供搜索按钮
 
  在搜索框中设置按钮是为了让用户能够明白搜索的触动方式,带有按钮的搜索框更易吸引用户点击进行搜索。不过,在设计搜索按钮时,我们要注意控制它的尺寸大小,选取合适的区域,让用户可以移动光标或手动轻松点击。另外,设置回车键提交搜索的功能也是有必要的,因为现在很多用户仍然保留着点击回车键触动按钮的习惯。
 
  4. 每页都保留搜索输入框
 
       网站的每个页面最好都有搜索框。这样一来,当用户在特定的页面找不到想要的内容时,可以立即通过搜索框获取内容,这种设置是快速便捷的,是能够显著提高用户对网站好感的。
 
  5. 让搜索框尽量简单
 
  搜索框设计还有一条原则,那就是简单易用。研究表明,一个没有显示高级选项的搜索框看上去更加友好,可用性也更强。所以,一般情况下,在给用户提供搜索框时最好不要提供复杂的搜索选项。
 
  6. 使用自动搜索推荐机制
 
  什么是自动搜索推荐机制?以Google为例,当我们在搜索框中输入"Apple Watch 2",它会自动出现相关词条推荐搜索,这就是自动搜索推荐机制的表现形式。谷歌在这方面拥有绝对的发言权,从2008年开始,它就开始统计用户的搜索历史,整理词条推荐,以帮助用户节省时间,创造更佳的用户体验。自动搜索推荐机制能够动态地预测用户的搜索方向,帮助用户更快完成搜索。不过,在使用这种机制时我们也要注意以下几点:
 
  确保自动搜索的推荐内容是有价值的。如果输入框中出现不恰当或无用的搜索推荐,这非但不能为用户的搜索提供便利,反而容易混淆和分散用户的注意力。自动搜索的推荐内容一定要基于用户的搜索历史数据来决定;当用户在输入框输入关键词时,尽快给予用户推荐信息,比如在第三个字符之后,为用户开始提供即时、有价值的建议,降低用户的输入难度和工作量;尽量为用户提供少于10个搜索结果,避免信息过载。突出显示输入信息和推荐内容之间的差异。
 
  7. 让用户明白哪些可以搜索到
 
  让用户知道在网站中可以搜索到哪些内容,也是一种能够提高用户对网站好感度的方法,这可以通过在输入框中添加占位符文字做到。提示用户搜索框中可搜索的内容,吸引用户进行搜索。随着HTML5建站技术的不断发展,这种形式的占位符添加在设计时也不没有什么难度。不过这里建议占位符的内容不要太多,避免给用户带来认知负担。
 
  8. 让搜索框处于用户预期的位置
 
  当用户想要使用搜索框,却需要花费不少精力去找时,用户的体验就已经大大降低了。网站上的搜索框最好易于察觉,放在用户预期的位置,哪里才是用户预期的位置呢?大多数用户会在网站的左上角和右上角寻找搜索框,这主要是因为用户在浏览网站时使用F型扫视法,而网站右上角是大多数用户的首选区域,因此在设计搜索框时我们最好把它放在顶部靠右或顶部居中的位置。
 
  9. 合理的输入框尺寸
 
  输入框尺寸太小是最常见的搜索框设计错误。不少网站的输入框都太小,虽然可以容纳较长的内容,但部分内容却是不可见的,这种设计的可用性很差。由于视觉范围的限制,用户在输入内容可能会下意识觉得只能采用短的、不精确的查询方式,或是输入了较长的关键词,却在修改时遇到麻烦。因此,建议使用能够根据输入关键词长度而变长的输入框,这不仅可以节省屏幕空间,还能给予用户充分的视觉提示。


选择天津网站建设公司-求谛互动,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间
2. 8年天津网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处:
免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务,网站设计等的事宜,欢迎随时联系我们。
seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。
免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
如何优化网站,我们有丰富的经验开放给您!祝君成功!
联系我们:022-66351726
塘沽网站建设关键词:塘沽网站建设  塘沽网站设计  塘沽网站制作 天津网站建