搜索能够帮助用户在海量的数据库中实现大海捞针,是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块,包含Web和ios两个平台,下面直接开始正文:
1.快速搜索
搜索是帮助用户简单快速的匹配相关内容,最简单的search box主要包含两个元素:①文本框 ②按钮(可以隐藏用回车代替)
快速搜索是最基本的搜索模型,用户输入文字点击按钮或直接回车即可完成搜索。
2.垂直搜索
如果搜索引擎明确只是在海量数据库中寻找一个特定的子集,那么这时候会使用到垂直搜索。垂直搜索主要元素包括:①文本框 ②按钮 ③标签或下拉框。
关于下拉框前置与后置,我在公司也与同事进行过讨论,有几种说法:
①.业务人员觉得: 下拉框前置会减少产品曝光量,增加商情和厂商的曝光量,这样的结果对网站来说弊大于利。(B2B网站类)
②技术控觉得:用户操作习惯是 鼠标→键盘输入→回车(搜索),如果下拉框后置就会打断这样连贯的操作。
③调研同类网站发现下拉框内容较少的时候前置,内容分类较多的时候后置。
标签模式比较适合独立的搜索框,相比下拉框模式更具有引导性。但视觉元素复杂,不太适合在页面内容较多的页面。淘宝首页的顶部的视觉元素已经显得杂乱了,但坚持这样做应该是为了最大化的推广天猫和兼容老用户的操作习惯。
ios样式
3.查询建议工具
查询建议工具有好几种说法:提前键入(type-ahead)、搜索建议(suggest)或者自动填充(autofill),也可以称呼为实时搜索。主要目的基本上是为了减少用户输入和推广相关词组。下面直接看图例:
4.关联搜索
关联搜索主要用于地图路线搜索,我也不知道还有什么地方用的到,就简单介绍一下:
5.高级搜索
高级搜索是为了让搜索结果精确匹配,普遍应用与电子商务网站。通常的样式是一堆筛选条件+搜索按钮。
因为iso平台上不存在下拉框控件的操作,所以ios平台上的高级搜索都是通过列表跳转的方式来实现高级搜索。
6.过滤器
大都数人都不喜欢使用高级搜索,为了精确匹配搜索结果页面,所以在结果列表页面都会添加过滤器。过滤器实际上就是对当前子集的二次搜索。过滤器的设计非常的讲究,以后的文章为重点讲解,本章就简单介绍一下:
国内的网站因为考虑右侧卖banner广告位,过滤器都会放置在顶端位置:
7.Best bet
best bet可以翻译为更好的选择,当产品运营一段时间后积累了一定规模的访问量,可以从访问数据中为用户提供更好的选择。看看相关网站是如何做到这一点的:
8.搜索结果
搜索的最终结果会以列表或橱窗的视图呈现,这是整个开发团队都希望看到的结果,但如果没有匹配的结果出现,设计人员还需要鼓励用户重新搜索或更换关键词:
总结
搜索是电商网站最最核心的一个模块,做好这个模块需要优秀的工程师和一定规模的访问量,但作为设计师也必须对这个模块有足够的了解,这样才能做出优秀体验的设计。
博主最近在做原型模块化的整理,打算写一个系列,下期预告:模块入门–产品图片。
相关推荐
- **搜索 – grep**:讲解 grep 命令,用于搜索文本模式。 - **编辑 – vi**:介绍 vi 编辑器的基本用法。 - **读取 – man**:讲解 man 命令,用于查看命令的手册页。 - **重启 – reboot**:介绍 reboot 命令,...
- **模块排序:** 调整设计中的模块顺序以优化布局。 - **执行页面管理操作:** 包括显示和管理原理图页面编号等操作。 #### 五、后注设计 ##### 1. 后注设计 后注设计(Back Annotating Your Design)是指将物理...
【 Teil 9: Webanwendungen mit Oracle】讲解了使用Oracle构建Web应用程序,介绍了htp和htf工具包、定义模块、实现模块,以及一个“人员搜索”的实例。 【 Teil 10: Oracle-Tools】最后,探讨了Oracle的各种工具,...
【Python基础快速入门】 Python是一种广泛使用的高级编程语言,以其优雅、明确和简单的语法而闻名。它是面向对象的,支持解释型和编译型两种执行方式,并且具有强大的交互性。学习Python,从"Hello World!"这个经典...
### SAP Business One 版本 8.8 入门指南 #### 一、课程概述与目标 本课程旨在介绍 SAP Business One 的基本操作与核心功能模块。通过本课程的学习,学员将能够掌握以下技能: - 登录 SAP Business One 系统。 - ...
《Learning Perl》第七版是一本非常适合初学者入门和进阶使用的教材。它不仅详细介绍了Perl的基础语法和核心特性,还提供了大量的实用案例和最佳实践指导,帮助读者快速掌握这门语言并应用于实际项目中。无论你是...
- **字符串模式匹配(String Pattern Matching)**:介绍re模块的正则表达式功能,用于文本搜索和替换。 - **数学(Mathematics)**:列出math和cmath模块提供的数学函数和常量。 - **互联网访问(Internet Access)**:...
### MATLAB by MathWorks – 快速入门指南 #### 概述 MATLAB 是一款由 MathWorks 开发的强大数学分析工具,被广泛应用于学术研究、工程计算、数据分析等多个领域。本指南旨在为大学教职工提供在家安装及激活 ...
在这里,我们可以使用 ICC AVR 的程序生成向导来生成程序,然后再去看程序中使用到的寄存器,再到数据手册里面去搜索相应词语,查看寄存器各个位的介绍和意义,以及设置方法。多这样几次,你就能够熟悉起来了,也就...
1. Python 是一种高级编程语言,以其简洁明了的语法而闻名,适合初学者入门。在Python中,代码的缩进是非常重要的,它用于区分代码块。 2. Python 3.x版本发布于2008年,其中Python34是该系列的一个特定版本。...
### Unix Power Tools 3rd Edition – 关键知识点概览 #### 一、基本Unix环境 (Part I: Basic Unix Environment) **1.1 引言 (Chapter 1: Introduction)** - **目标**: 介绍Unix的基本概念和发展历史。 - **内容**...