模块入门–搜索

  • 作者:小猛的交互设计
  • 来源:小猛的交互设计
  • 2018-05-11 10:24:58

搜索能够帮助用户在海量的数据库中实现大海捞针,是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块,包含Web和ios两个平台。

搜索能够帮助用户在海量的数据库中实现大海捞针,是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块,包含Web和ios两个平台,下面直接开始正文:

 

1.快速搜索

搜索是帮助用户简单快速的匹配相关内容,最简单的search box主要包含两个元素:①文本框 ②按钮(可以隐藏用回车代替)

快速搜索是最基本的搜索模型,用户输入文字点击按钮或直接回车即可完成搜索。

2.垂直搜索

如果搜索引擎明确只是在海量数据库中寻找一个特定的子集,那么这时候会使用到垂直搜索。垂直搜索主要元素包括:①文本框 ②按钮 ③标签或下拉框。

下拉框模式

关于下拉框前置与后置,我在公司也与同事进行过讨论,有几种说法:

①.业务人员觉得: 下拉框前置会减少产品曝光量,增加商情和厂商的曝光量,这样的结果对网站来说弊大于利。(B2B网站类)

②技术控觉得:用户操作习惯是 鼠标→键盘输入→回车(搜索),如果下拉框后置就会打断这样连贯的操作。

③调研同类网站发现下拉框内容较少的时候前置,内容分类较多的时候后置。

标签模式

标签模式比较适合独立的搜索框,相比下拉框模式更具有引导性。但视觉元素复杂,不太适合在页面内容较多的页面。淘宝首页的顶部的视觉元素已经显得杂乱了,但坚持这样做应该是为了最大化的推广天猫和兼容老用户的操作习惯。

ios样式

3.查询建议工具

查询建议工具有好几种说法:提前键入(type-ahead)、搜索建议(suggest)或者自动填充(autofill),也可以称呼为实时搜索。主要目的基本上是为了减少用户输入和推广相关词组。下面直接看图例:

ios样式

 

 

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣