搜索类产品设计法则与基础认知

搜索介绍:搜索是用户获取互联网信息的一个重要功能,是用户认知网络世界的一个重要途径,用户对此功能的依赖性也很强,优秀的搜索功能可以更好为用户提高效率,找到用户需要的内容,从而提高用户体验。

搜索原理说明:

第一步主要是对用户输入的信息进行转译的过程,通过切分用户的输入文本,过滤非相关内容,再进行关键信息的解读;

第二步主要是对这些转译后的关键文本的结果进行匹配和数据召回和召回;

第三步是根据算法对内容的相关度和业务相关性进行计算和筛选,讲结果进行打分后进行排序。

通过以上三步就可以完成一个搜索;

搜索流程说明:

进入搜索页面;

输入相对明确的搜索内容;

筛选,如果没有找到满意的内容,可通过缩小/扩大范围,换词等方法继续搜索;

找到满意的内容;

点击进入详情页,完成搜索。

而用户的搜索流程也分为标准搜索流程和用户自然搜索流程,自然搜索流程更符合用户的使用习惯,请看亚马逊网站的自然搜索流程;

用户搜索前的心理分析:

在搜索前,用户是一种带有相对较明确的目的才会去使用搜索功能,而不是绝对明确。

在用户的搜索意图并不明确时,用户希望可以得到一些建议来帮助自己搞清楚自己的意图,所以可以对搜索内容进行分类及推荐。

用户在搜索的过程中会不断学习探索,会根据自己的查询词以及搜索结果,不断加深对自己想要的搜索结果的理解,在这个过程中用户的搜索意图也会不断的清晰确定起来。

用户搜索的过程是一个发散的过程,初始的目标会激发出新的目标,从而就有不同的搜索方向。

搜索的过程并不总是从模糊到清晰,从大范围到小范围的搜索过程,中间也会出现从小范围找不到而需要扩大范围的情况。

当用户明确并确定了搜索意图之后,接下来就是使用标准搜索流程,利用排序、筛选缩小结果范围,最终找到满意的商品。

搜索入口介绍:

搜索功能的基本样式:

输入框或者图标形式展示;

顶部bar展示,重点突出;

一级菜单;

二级页面;

搜索功能重要,需要突出,采用如下设计策略:

放在明显的位置,或者用明显的视觉元素吸引用户注意力;

页面滑动的时候一直存在,或者一直有快速入口立刻切入;

独立的一级tab专门用于搜索;

举例:

百度进入后即为搜索输入框,页面向上滑动后,输入框置于顶部;

淘宝的搜索功能比较重要,放置位置首页顶部,视觉元素明显,同时页面滑动时,一直固定顶部;

苹果手机的appstore对搜索依赖性也很重也,放有一级tab;

搜索相对而言不重要,不需要突出,可采用如下策略:

适度的位置留个入口进入,不明显突出,或者一个ICON即可;

首次使用时显示搜索入口,后续再次进入时隐藏搜索入口;

搜索入口一直留着,需要时展示出来,但页面滑动时,不固定;

IOS原生的快速搜索入口一直隐藏,通过手势下拉触发

完全隐藏搜索入口,通过新手教程引导,通过手势促发;

微信QQ的搜索入口第一次进入时呈现,后续进入不呈现,通过下拉查看搜索入口

搜索不突出或者不放在首页的原因可能有:

通过数据监控发现搜索的使用率不是很高

由于内容数量的问题,搜索后有比较高概率出现无结果,如APP刚起步,内容不多。

用户早已熟悉产品的结构想把其他功能突出弱化搜索时;

搜索打开方式:

在新界面中打开,大多数电商网站是新的页面,同时伴有推荐、历史等内容,而进入搜索内容列表时,可在原页面进行重新搜索;

在原有页面进行实时搜索,多数为专注于搜索的网站使用,如百度进入后就直接进行搜索,体验更好;

具体的使用方式需要根据业务场景做设计区分;

搜索页面元素归类:

搜索按钮,在PC端一般位于搜索框右侧,在移动端一般位于键盘右下角,方便用户点击;

退出搜索按钮,移动端搜索框左侧为返回按钮,也可在搜索框右侧放【取消】按钮,表示退出搜索。;

输入内容匹配,搜索框下方出现关联词选项或着搜索栏下方出现选项栏(未关联),仅仅将输入的搜索词重复的显示在选项栏上,此种选项栏一般作为【确认】按钮的作用存在。移动端的搜索框在输入内容后一般会出现清除符号,点击可清除输入的内容。

分类搜索,如搜人,搜文章,搜商品,搜商家等;

搜索提示信息,比如输入哪些内容进行搜索,提示可以在输入框内,也可以放在输入框下面,如淘宝;

历史记录,已经搜索过的信息一键即可完成搜索,减少用户手动输入,未登录展示本机搜索历史,已登录展示账号搜索历史,方便用户进行二次搜索的一个快捷入口,一般都是按照时间顺序排列,最近搜索的在上方,同时伴有删除历史记录按钮;

热点关键词推荐,热搜词,推广词,广告词等内容,根据用户的数据进行推荐内容,同时实现商业推广;

语音搜索、图片搜索等;

举例说明:

如淘宝的搜索词匹配、热门搜索及猜你想找,以及图片/语音搜索;

百度地图的搜索页面增加了分类、广告等内容,以及快捷操作等方便用户操作的功能;

在搜索输入内容时的一些建议:

关联词推荐及匹配原则,最简单的原则为包含关系;

匹配关键字的内容,如果内容过多,有进入更多列表的入口;

如果内容分模块,则显示有关键字匹配的各模块,或者可以进行模块切换,如微信的联系、聊天记录、文章、公众号等;

如果每个匹配记录含有多个结果,可以标出对应的数目;

同义词或近义词匹配、智能纠错、拼音模糊匹配;

搜搜结果展示页面说明:

点击搜索按钮,跳转至搜索结果页面,搜索页面内容展示:

页面内容列表排序,可根据内容查询量和相关度进行排序,以及点击、人气、销量、阅读量等因素综合排序,无结果数据时,可以展示相关内容或推荐内容,例如猜你想搜等高关联度结果推荐;

辅助排序条件,电商类突出,如新品、价格、销量等

对搜索依赖性强的产品需要保持搜索框随时可见,如百度直接将输入框固定于页面顶部;

允许在搜索结果页面清除当前搜索后再次搜索时,不再打开新界面,当前界面展示新的搜索结果;

在结果页增加一些面包屑,如相关搜索或相关关键词搜索结果,提高用户自然搜索过程,如百度图片里图片推荐和模糊匹配,商品的相关推荐以及类目说明;

结果展会页,信息类网站一般为列表展示,电商类为橱窗式;

举例:

下滑后入口消失,上滑的时候展示,如淘宝、天猫、百度,搜索入口一直存在,如大众点评、美团;

百度的搜索页面,输入搜索内容后展示搜索列表内容,列表上滑时输入框消失,下滑时显示,然后再PC端,输入框会一直固定于浏览器顶部,方便用户再次搜索;

天猫使用的是橱窗式展示结果,提高商品的展示效率,同时可以支持按品牌,类别,店铺类型等等辅助搜索条件进行进一步筛选。

这里仅仅是列举了一些粗浅的搜索设计方法,以起到抛砖引玉的作用,而真正产品设计的乐趣是在不同的场景寻找到最合适的解决方案。

更新内容将持续更新,欢迎关注。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 搜索介绍:搜索是用户获取互联网信息的一个重要功能,是用户认知网络世界的一个重要途径,用户对此功能的依赖性也很强,优...
    点滴产品阅读 352评论 0 0
  • 搜索功能是绝大部分产品中标配的功能,因为搜索功能可以帮助用户快速找到想要的内容,缩短用户使用成本,文章主要聊一聊A...
    Yoga_Miao阅读 1,775评论 0 17
  • 写在前面 无论网站或是App,搜索功能几乎成了标配,在其间占据着或轻或重的位置。一方面,搜索可以帮助用户节约时间、...
    vivijia阅读 1,631评论 0 33
  • 在不同的APP或者不同的场景下搜索入口有着不同的表现形式,具体的表现形式取决于产品对搜索功能权重的定义,如果说在某...
    Perry阿力阅读 2,361评论 2 42
  • 一片馨香 包两片繁花 在无月的夜晚 醉在月下 影子已不重要 它们已经深深的刻在心里 通过血液 弥散在无言的花下 你...
    紫雨true阅读 228评论 5 14