我们可以在电商软件上解决绝大部分的购物需求，而搜索功能作为一个基础功能，是用户寻找匹配商品的不可或缺的工具。本文作者以淘宝、京东、拼多多三个电商产品为例，对其搜索功能的交互设计进行对比，希望对你有帮助。
本文章中主要以淘宝、京东、拼多多三个电商平台搜索功能的交互设计不同进行分析。文章的结构不从搜索组件拆分进行分析，而是以用户使用首页搜索功能的任务流程进行分析。主要分为搜索前、搜索中、搜索后。
51秒懂
51秒懂
一、搜索前
淘宝：
在淘宝首页，搜索功能在订阅和推荐tab下，搜索组件中包含有扫一扫、推荐搜索词、淘宝拍照和搜索按钮，其中搜索按钮设计为主按钮。搜索推荐词轮播展示，时间间隔大概为3秒，推荐词内容和用户之前和当下浏览内容相关进行推荐。
京东：
在京东首页，搜索功能在首页和附近tab下，搜索组件中有搜索icon、搜索推荐词、拍照、扫一扫，搜索推荐词轮播展示，时间间隔大概为3秒，推荐词内容和用户之前和当下浏览内容相关进行推荐。整个搜索组件会在用户向下滑动浏览内容时向上移动，缩小展示空间，和京东icon、活动、消息位于置顶导航栏。
拼多多：
在拼多多首页，搜索框置顶，其中包含搜索icon、搜索推荐词、拍照。推荐词内容不进行轮播展示，进行单一推荐内容。推荐词内容默认展示上上次浏览商品相关内容。 51md.cn
搜索前总结：
淘宝首页搜索功能权重最高，表明使用淘宝的用户使用搜索功能的占比更大，同时作为主按钮的搜索按钮可以直接点击进入推荐结果页，在减少用户操作步骤的同时，展示了淘宝对千人千面内容分发的自信。可通过搜索功能直达的页面有搜索结果页、淘宝拍照页面、扫一扫页面、搜索页。
京东首页搜索功能权重次之，京东搜索功能可直达的页面有拍照页面、扫一扫页面、搜索页。
拼多多在首页弱化搜索功能，可直达的页面有搜索页、拍照页面。
淘宝和京东使用推荐词轮播展示的形式也更能增加用户的点击率，原因是人体的眼睛中视感细胞更容易受到移动元素的吸引，吸引用户后，内容满足用户心理预期或好奇心就有可能提高点击率，从而完成转化率的提升。
二、搜索中
淘宝：
点击搜索框进入，可搜索的方式有键盘输入内容、点击历史搜索、点击搜索发现、点击淘宝热搜、点击拍照搜索、点击语音输入。在搜索页面，会出现近期最后浏览内容推荐图片，点击任意处可消失。单击搜索页面下部分卡片可进入全网热搜排名榜，其中Tab分类有淘宝热搜、家装季大促、时髦穿搭、人气美妆、吃货星人、二次元、新趋热点。 51md.cn
京东：
点击搜索框进入，可搜索的方式有键盘输入、语音输入、点击搜索历史、点击搜索发现、拍照搜索、点击今日热搜卡片。点击今日热榜进入京东热榜，其中Tab分类有今日热搜、数码极客、家庭洗护、热门手机、焕新家电、吃货清单、时髦穿搭、亲子乐园、珍味寻鲜、图书文教、花花草草。
拼多多：
点击搜索框进入，可搜索的方式有键盘输入内容、语音输入、点击猜你想搜、点击最近搜索、点击搜索发现、拍照搜索。搜索框左侧可点击下拉分类选择，分类有商品和店铺。
搜索中总结：
淘宝和京东最大程度的降低用户输入成本。产品使用多种触达方式、多种触达内容，减少用户操作和记忆负担。
此前用户大多使用搜索功能都是有精确目的，现在用户可以通过搜索功能跳转到多种商品界面，商品和用户链接的方式更加多样化，用户进行搜索过程中，出于兴趣和好奇心完成转化的可能性也变得越来越高。
www.51md.cn
更多精彩电商干货尽在51秒懂网，请继续支持、关注我们吧
推荐阅读：
