『淘宝网』小功能大学问——搜索框应该怎么设计?


搜索对于一个互联网产品来说 , 看起来是个小功能 , 能搜出东西就行 , 但是其实是一个很细致的功能 , 甚至有可能形象到产品内的转化 。
『淘宝网』小功能大学问——搜索框应该怎么设计?
本文插图
最近在优化上线的app , 发现搜索框其实是一个很细致的东西 , 在做电商项目和用户沟通的时候 , 很多用户觉得这个APP或者小程序不好用 , 很大程度是因为搜索不到自己想要的东西 。
我需要的是苹果 , 搜索后你给我的结果是梨子 。 这就会让用户觉得很困扰 , 并且会想这个平台到底有没有我需要的东西 。 如果多次搜索结果都是达不到预期 , 用户很有可能会放弃这个产品 。
所以搜索功能其实并不小 , 甚至有可能影响到业务转化数据 , 并不是说能有这个功能就可以了 。
以下的思维导图为思考的方向 。
『淘宝网』小功能大学问——搜索框应该怎么设计?
本文插图
一、淘宝搜索框分析 1. 搜索框下方内容显示方式——完全实时 以淘宝为例 , 点击搜索框后输入内容 , 搜索框下方会实时显示内容相关的条目 , 并且会补充搜索关键字 。
『淘宝网』小功能大学问——搜索框应该怎么设计?
本文插图
2. 搜索范围——全局搜索 进行了第一部根据关键字的搜索后 , 跳转到新的页面 , 才能进行更细致的分类搜索 。
3. 实时搜索出来的内容是否被分类——无 实时搜索出的内容会根据关键字进行补充 , 没有对具体商品的机型、品牌进行预分类 。
4. 搜索按钮功能——象征意义大于功能意义 淘宝的首页的搜索框无论是点击搜索框还是搜索按钮 , 最后都会跳转到新的页面 , 也就是说 , 两者其实是相同的功能 , 引导搜索 。
按照视觉动线来说 , 输入内容后 , 更多人会选择会点击下方的显示条目 , 而不是搜索按钮 。
搜索按钮的功能性被弱化 , 淘宝的搜索更多是为了补充搜索内容的信息 , 进行更精准的定位 。

『淘宝网』小功能大学问——搜索框应该怎么设计?
本文插图
5. 淘宝搜索功能总结 电商平台的产品会有一个很明显的特称 , 产品的名称或者简介都会有很多的关键字 , 有时候一个商品名可能长达30个字 , 目的就是为了用户搜索的时候可以能够根据关键字搜到商品 , 所以一个商品的关键字足够多 , 那么被搜到的概率就会提升 。
这种实时并补充关键字的设计个人认为很大程度上就是为用户去筛选长名称的商品 , 而且给用户提供具体的性别信息 , 设计取向 , 从而减少用户的时间成本 。
而且全局搜索的种类繁多 , 一个商品可能会有多个分类属性 , 因为进行了商品定位后 , 在进行商品分类 , 得出的搜索结果会更让用户满意 。
建议像电商、应用商城等这些有较多的分类 , 较多商品的应用 , 适用这种搜索模式 , 一步步引导用户做精准的搜索 , 如果搜索不到相应内容 , 也应该给出提示 , 说你想要的苹果我们这里没有卖 , 建议你看一下梨子 。
而不是把梨子放出来说 , 你爱要就要 , 不要这里你也搜不到 。
二、微信首页搜索功能分析 1. 搜索框下方内容显示方式——部分实时 以微信为例 , 首页的搜索并非完全实时 , 会区分为两个模块 , 一个模块是该账户关注的内容 , 以及聊天信息 , 朋友圈等实时显示 , 另一部分为未关注的内容等需要点击“搜一搜”跳转到另一个页面显示 。
『淘宝网』小功能大学问——搜索框应该怎么设计?
本文插图
2. 搜索范围——全局搜索 微信首页的搜索不仅仅针对用户本身产生行为的内容 , 也就是进行聊天、关注后的内容 , 而且也针对其他用户产生的内容 。