电商平台首页搜索功能交互设计研究

汪汪队开大会 2023-08-07 00:08:09

本文章中主要以淘宝、京东、拼多多三个电商平台搜索功能的交互设计不同进行分析。文章的结构不从搜索组件拆分进行分析，而是以用户使用首页搜索功能的任务流程进行分析。主要分为搜索前、搜索中、搜索后。

一、搜索前

淘宝：

在淘宝首页，搜索功能在订阅和推荐tab下，搜索组件中包含有扫一扫、推荐搜索词、淘宝拍照和搜索按钮，其中搜索按钮设计为主按钮。搜索推荐词轮播展示，时间间隔大概为3秒，推荐词内容和用户之前和当下浏览内容相关进行推荐。

京东：

在京东首页，搜索功能在首页和附近tab下，搜索组件中有搜索icon、搜索推荐词、拍照、扫一扫，搜索推荐词轮播展示，时间间隔大概为3秒，推荐词内容和用户之前和当下浏览内容相关进行推荐。整个搜索组件会在用户向下滑动浏览内容时向上移动，缩小展示空间，和京东icon、活动、消息位于置顶导航栏。

拼多多：

在拼多多首页，搜索框置顶，其中包含搜索icon、搜索推荐词、拍照。推荐词内容不进行轮播展示，进行单一推荐内容。推荐词内容默认展示上上次浏览商品相关内容。

搜索前总结：

淘宝首页搜索功能权重最高，表明使用淘宝的用户使用搜索功能的占比更大，同时作为主按钮的搜索按钮可以直接点击进入推荐结果页，在减少用户操作步骤的同时，展示了淘宝对千人千面内容分发的自信。可通过搜索功能直达的页面有搜索结果页、淘宝拍照页面、扫一扫页面、搜索页。

京东首页搜索功能权重次之，京东搜索功能可直达的页面有拍照页面、扫一扫页面、搜索页。

拼多多在首页弱化搜索功能，可直达的页面有搜索页、拍照页面。

淘宝和京东使用推荐词轮播展示的形式也更能增加用户的点击率，原因是人体的眼睛中视感细胞更容易受到移动元素的吸引，吸引用户后，内容满足用户心理预期或好奇心就有可能提高点击率，从而完成转化率的提升。

产品经理，产品经理网站

二、搜索中

淘宝：

点击搜索框进入，可搜索的方式有键盘输入内容、点击历史搜索、点击搜索发现、点击淘宝热搜、点击拍照搜索、点击语音输入。在搜索页面，会出现近期最后浏览内容推荐图片，点击任意处可消失。单击搜索页面下部分卡片可进入全网热搜排名榜，其中Tab分类有淘宝热搜、家装季大促、时髦穿搭、人气美妆、吃货星人、二次元、新趋热点。

京东：

点击搜索框进入，可搜索的方式有键盘输入、语音输入、点击搜索历史、点击搜索发现、拍照搜索、点击今日热搜卡片。点击今日热榜进入京东热榜，其中Tab分类有今日热搜、数码极客、家庭洗护、热门手机、焕新家电、吃货清单、时髦穿搭、亲子乐园、珍味寻鲜、图书文教、花花草草。

拼多多：

点击搜索框进入，可搜索的方式有键盘输入内容、语音输入、点击猜你想搜、点击最近搜索、点击搜索发现、拍照搜索。搜索框左侧可点击下拉分类选择，分类有商品和店铺。

搜索中总结：

淘宝和京东最大程度的降低用户输入成本。产品使用多种触达方式、多种触达内容，减少用户操作和记忆负担。

此前用户大多使用搜索功能都是有精确目的，现在用户可以通过搜索功能跳转到多种商品界面，商品和用户链接的方式更加多样化，用户进行搜索过程中，出于兴趣和好奇心完成转化的可能性也变得越来越高。

产品经理，产品经理网站