在产品设计中,搜索和筛选功能的异同

2018-09-29 - 产品设计 产品搜索功能 筛选功能优化

本文作者将从用户诉求、信息层级、界面表现三个层次上,试图对搜索和筛选两者的边界进行厘清,并分别给出一些设计切入点。

1. 问题产生

一次设计评审会上,作为设计师的我们和研发方针对“搜索和筛选到底是不是一回事?”这一问题产生了认知差异。核心分歧点在于:研发哥哥认为从数据层面来讲,搜索和筛选是一回事。而从用户的感知来看,我们认为两者是不同的。

剖析字面意:搜索是寻求,搜查,发现之意;而筛选则是对分离的两种或两种以上物质按照某种特性进行选择的操作过程。显而易见,两者性质不同。而在产品设计中,两者的差异从哪些细节中体现呢?

本文中,笔者欲从用户诉求、信息层级、界面表现三个层次上,试图对两者的边界进行厘清,并分别给出一些设计切入点。以期在今后的设计中,对同类问题建立更为清晰的判断和思考。

2. 用户诉求上的异同

无论是搜索还是筛选,用户无非想要从海量信息中获取到自己想要的信息,只是结果的细粒度不同,它可以是一类信息,也可以是某一个精确的信息点。因此,两个功能背后用户诉求的细粒度有精确和模糊之别,这决定了用户与系统的交互方式,以及功能的选择。如想吃 「零食」和想吃「德芙榛仁葡萄干巧克力」就是两个不同细粒度的查询需求。

当想要找的内容清晰具体,用户一般通过键入关键词(数据输入)的方式搜索。而当用户游离在模糊的区间时,通常使用到筛选功能来聚焦。通过浏览过滤器(Filter)所提供的信息,逐级选择出想要的内容。

3. 信息层级上的异同

从产品的使命来看,两个功能都是为了帮助用户查询。而从信息组织的层级来讲,当产品需要展示无规律性、多而杂的信息时,系统提供搜索功能以供用户快速触达,检索词由用户指定。

如前面提到,筛选从信息科学的角度来看是浏览的一种方式,当信息有统一且清晰的分类时,系统依据合理的分类为用户提供过滤机制,减少眼前可浏览的信息量,让用户在一个或多个条件下逐步获取到想要的信息。

4. 界面表现上的异同

界面表现属于行为层,行为层由心理层决定。回到第一部分提到的用户诉求,诉求的强弱决定了搜索和筛选两个功能点在界面中的比重与布局。

如出行类、问答社区类应用,用户的查询诉求就相对强烈。而微信在即时通讯和搜索两个功能点的权衡,就强调即时聊天而隐藏掉了搜索框。这个典型的例子将搜索功能降弱了一个优先级。分类属于一种广义的筛选,像电商的分类导航在界面中的比重较高且位于界面重要的位置。

这里所谓的比重,其实是界面上的相对概念。因此,作为交互设计师,初步整理需求后,依据产品定位明确划分出搜索和筛选两个功能相较于其他功能点的优先级,以规划界面的比重与布局。

5. 判断矩阵

在技术保障的前提下,交互设计师可通过以下矩阵的不同维度对两个功能的设计进行预判:

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...