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

2022-12-13 0 735

原副标题:B2C网络平台主页搜寻机能可视化内部结构设计科学研究

我们能在B2C应用软件上化解大部分的网购市场需求,而搜寻机能做为一个此基础机能,是采用者找寻相匹配货品的必不可少的辅助工具。责任编辑译者以淘宝网、天猫、拼喔四个B2C产品为例,对其搜索机能的可视化内部结构设计展开对照,期望对你有协助。

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

本该文中主要就以淘宝网、天猫、拼喔四个B2C网络平台搜寻机能的可视化内部结构设计不同展开预测。该文的内部结构不从搜寻模块分拆展开预测,而要以采用者采用主页搜寻机能的各项任务业务流程展开预测。主要就分成搜寻前、搜寻中、搜寻后。

一、搜寻前

淘宝网:

在淘宝网主页,搜寻机能在订户和所推荐tab下,搜寻模块中包涵有扫一扫、所推荐搜寻词、淘宝网照相和搜寻按键,当中搜寻按键内部结构设计居多按键。搜寻所推荐词Exi展现,天数间距约莫为3秒,所推荐词文本和采用者以后和当今社会下载文本有关展开所推荐。

天猫:

在天猫主页,搜寻机能在主页和不远处tab下,搜寻模块搜寻icon、搜寻所推荐词、照相、扫一扫,搜寻所推荐词Exi展现,天数间距约莫为3秒,所推荐词文本和采用者以后和当今社会下载文本有关展开所推荐。整座搜寻模块会在采用者向下翻转下载文本时向下终端,增大展现内部空间,和天猫icon、活动、最新消息坐落于首页导航系统栏。

拼喔:

在拼喔主页,搜寻框首页,当中包涵搜寻icon、搜寻所推荐词、照相。所推荐词文本不展开Exi展现,展开单个所推荐文本。所推荐词文本预设展现上那次下载货品有关文本。

搜寻前归纳:

淘宝网主页搜寻机能权重股最低,说明采用淘宝网的采用者采用搜寻机能的占比Villamblard,与此同时做为主按键的搜寻按键能间接点选进入所推荐结论页,在增加采用者操作方法的与此同时,展现了淘宝网对三万人巧文本递送的自信心。可通过搜寻机能直通的网页有搜寻结论页、淘宝网照相网页、扫一扫网页、搜寻页。

天猫主页搜寻机能权重股次之,天猫搜寻机能可直通的网页有照相网页、扫一扫网页、搜寻页。

拼喔在主页弱化搜寻机能,可直通的网页有搜寻页、照相网页。

淘宝网和天猫采用所推荐词Exi展现的形式也更能增加采用者的点选率,原因是人体的眼睛中视感细胞更容易受到终端元素的吸引,吸引采用者后,文本满足采用者心理预期或好奇心就有可能提高点选率,从而完成转化率的提升。

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

二、搜寻中

淘宝网:

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

天猫:

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

拼喔:

点选搜寻框进入,可搜寻的方式有键盘输入文本、语音输入、点选猜你想搜、点选最近搜寻、点选搜寻发现、照相搜寻。搜寻框左侧可点选下拉分类选择,分类有货品和店铺。

搜寻中归纳:

淘宝网和天猫最大程度的降低采用者输入成本。产品采用多种触达方式、多种触达文本,增加采用者操作和记忆负担。

此前采用者大多采用搜寻机能都是有精确目的,现在采用者能通过搜寻机能跳转到多种货品界面,货品和采用者链接的方式更加多样化,采用者展开搜寻过程中,出于兴趣和好奇心完成转化的可能性也变得越来越高。

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

三、搜寻后

淘宝网:

搜寻结论网页,货品展现主要就分成了4个Tab展开筛选,分别是全部、天猫、店铺、逛逛。其次是搜寻货品的分类用小卡片的形式展现,协助采用者快速查找目标货品。

天猫:

搜寻结论网页,可间接展开筛选的方式更多样,采用两个滚动Tab栏协助采用者快速筛选,货品类别同样采用图片加文字的展现形式。

拼喔:

搜寻结论网页,主要就分成5个Tab展开筛选,分别是综合、销量、价格、品牌、好评,与此同时在Tab筛选栏下增加文字标签协助采用者快速展开筛选。

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

全部筛选:

淘宝网:

搜寻结论网页支持采用者点选右上角“更多”展开更多操作,可跳转到其他网页,旨在让采用者并行和网页有关或更多操作,突出灵活高效。在全部筛选的卡片中,突出服务和品质。

天猫:

全部筛选采用抽屉样式,突出和产品优质服务相关的筛选选项。强调位置,提醒采用者收货地址的与此同时,提升产品服务的质量和物流的准时性。

拼喔:

全部筛选主要就突出价格的优势,其次是精选服务。

在三者中,全部筛选是个产品的自我价值展现,采用者点选的是全部筛选,实则是在挑选四个产品的专属服务,也是产品在展现价值。

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

搜寻后的归纳:

淘宝网在搜寻结论网页突出货品类别筛选,让采用者逛淘宝网;天猫搜寻结论网页突出和自身优质服务有关的筛选,包括天猫物流、plus会员权益、小时达等等,让采用者快速选中目标货品;拼喔搜寻结论网页突出价格优惠的优势,所以筛选标签主要就为百亿补贴、退货包运费、回头客长拼。

看完了国内四个头部B2C主页的搜寻机能可视化内部结构设计。也给我们更多的启发价值。

在搜寻前:

按照个人采用者不同特点递送所推荐搜寻词; 机能可见性,网页明确告知采用者可采用多种多种搜寻方式; 搜寻各项任务可优化,支持采用者点选“搜寻”一步完成搜寻各项任务的优化; 根据产品自身定位,确定搜索机能权重股,采用对应搜寻内部结构设计的样式。

在搜寻中:

更快搜寻操作完成,增加采用者操作成本; 操作引导,助力采用者完成搜寻工作,搜寻历史、所推荐等能提高采用者点选率; 信息梳理和采用者控制,展现信息多的与此同时支持采用者控制信息密度。

在搜寻后:

信息准确,提升准确性的方法能是协助采用者展开快速筛选,例如自行车货品分类; 价值传递,构建价值传递的有效路径,在机会点刻画自身价值; 灵活高效,多各项任务业务流程能灵活自然切换是增加产品好感度的好方法。

责任编辑由 @汪仔9878 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自Unsplash,基于CC0协议

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务