医药电商类App产品设计——详情页

专为互联网人打造的365天成长计划,500门视频课程随便看,构建你的产品、运营知识体系。查看详情

总体来说商品详情页是用户做出购买决策中最为关键的步骤,其信息架构、引导流程、产品设计将直接影响转化率和客单价的高低。

使用场景

用户通过App首页、分类、搜索找到目标商品,进入商品详情页浏览商品信息、用户评价、优惠信息,进一步通过商品详情内容了解商品、作出判断(放弃/收藏/购买)。由此可见商品详情页是用户做出购买决策中最为关键的步骤,其信息架构、引导流程、视觉设计将直接影响转化率和客单价的高低。

医药电商类App产品设计——首页篇》中介绍了医药电商类App用户三种场景:

1、主动明确的场景:此类用户知道自己要买什么药品。所以他们进入详情页,主要查看详情页中的商品展示、用户评价,确保选购的商品是自己要买的药品,所以充足的商品介绍、完善的服务政策、足够的用户评价很关键,当然此时价格合理也非常关键。

2、主动模糊的场景:此类用户有买药需求,但是不知道买什么药时通常会通过相关“问药”功能先咨询后买药。所以进入详情页前有两种状态:

  • 已通过“问药”获知要什么药,进入详情页查看商品介绍、尤其是“功能主治”进一步确认该药是不是可以解决他的买药需求。
  • 进入详情页浏览商品介绍后再“问药”,所以详情页需要有便捷的入口“咨询问药”。当然详情页的商品介绍、用户评价等信息不佳会导致用户直接放弃。

3、被动模糊的场景:此类用户被场景化推荐或促销性优惠挖掘出来的潜在需求。尤其是因为“划算”进入详情页,详情页的优惠价格幅度、优惠截止时间等信息尤为关键。充分利用互用喜欢贪便宜、怕错失的心理。

详情导航

康爱多App和好药师App都采用“商品+详情+评价+更多”至于详情顶部导航栏,1药网App使用的是“商品+详情+评价+分享+更多”。“康爱多”在商品图右下脚放置“分享”图标,比顶部导航栏更省空间、与商品联系更紧密。好药师App详情页居然没有发现“分享”,好任性!!

“更多”意味着多个入口的快捷方式,在信息架构中是从详情页直接跳转到其他功能页面,对于用户来说便捷但使用频率不高。接下来分别看看三家医药电商App顶部导航栏的“更多”:

  1. 康爱多App详情顶部导航栏的更多包括“首页”、“搜索”、“消息”、“我”、“点赞吐槽”;
  2. 好药师App的“更多”包括“首页”、“我的”、“消息”;
  3. 1药网App的“更多”包括“消息”、“首页”、“搜索”。

显然康爱多App的“更多”功能更完备,且各有使用场景,满足快速切换到新的功能。好药师App的“更多”中居然没有“搜索”,进入详情如果确认不是自己想要的商品,最好的方式不是引导用户快速继续“搜索”吗?

商品信息

三家医药电商App的商品信息模块都分为“商品”、“详情”、“评价”三部分,均支持左/右滑按顺序在三个模块间切换,同样都支持“商品”页底部上拉出“详情”,满足用户在查看商品基本信息后自然而然查看更加详细的商品介绍——详情。

三家医药电商App的商品信息差别很大,也凸显三家电商平台发展情况。

康爱多App商品信息页:

  • 基本信息——商品大图、商品名称(含规格信息)、生产厂家;
  • 商品价格——活动价、原价、立省XX元(秒少商品有“截止时间”);
  • 服务信息——正品保证、满额包邮、隐私配送
  • 优惠信息——优惠套餐、疗程套餐、联合用药(含“药师点评”);
  • 其它功能——贴心工具(服药提醒)、活动Banner、精准推荐(买过还看);

1药网App商品信息页:

  • 基本信息——商品大图、功能主治、商品名称(含规格信息)、批准文号(查询功能体验极差);
  • 商品价格——活动价、手机专享价、节省XX元;
  • 服务信息——满额包邮、正品保证、自营现货
  • 优惠信息——满件赠、联合用药;
  • 选择规格——选择规格、修改数量
  • 评价信息——最新评价(内容简短重复、缺少真实性)、评价条数;
  • 其它功能——精准推荐(看了又看)、品牌专区;

好药师App商品信息页

  • 基本信息——商品大图、商品名称、商品规格;
  • 商品价格——商品价格;
  • 优惠信息——领券;
  • 配送信息——配送方式、配送时间;
  • 评价信息——评价条数;

一个完整的购买过程应该如下:了解基本信息——价格打动用户——服务增加信任——套餐提高客单——评价帮助决策。

以上三家医药电商App商品信息产品设计最好的应该是康爱多App,层次清晰分明,契合购买路径,在提高转化率和客单价上都有对应的策略,且兼容满足不同购药用户的购药心理。

“1药网”App在商品基本信息种突出“功能主治”是一个亮点,毕竟“医药电商”类用户主要是买药治病,所以突出“功能主治”很关键!!

详情功能

  • 康爱多:收藏、咨询、电话咨询、购物车、加入购物车、立即购买
  • 好药师:咨询药师、清单、加入清单;
  • 1药网:客服、收藏、购物车、加入购物车;

首先我们来分析“加入购物车”和“立即购买”的购买流程

通过购买流程可以看出,“立即购买”的优势在于操作步骤少,看中的商品立即就可以跳转到填写订单的页面完成购买。“加入购物车”优势在于可以一次购买多个产品,同时在挑选完一个产品后,可以再继续选购其他商品,没有干扰用户的挑选产品流程,让提高客单价成为可能,两种方式的优势也是对方的劣势。

三家医药电商类App只有康爱多同时提供了“加入购物车”和“立即购买”功能,其他都是“加入购物车”或“加入清单”,希望用户继续选购其他商品,但是对于购药类场景,我个人还是坚持支持增加“立即购买”的功能,毕竟买药有一种场景是“急用药”,尤其是有O2O快速送药上门的好药师,应该在产品上凸显“快”这个优势。

好药师App使用“清单”代替“购物车”,我想主要是因为医药电商不许可直接销售处方药,所以弱化“购物车”。但是对于用户尤其是新用户,“清单”是一个增加用户认知成本的概念,统一使用“清单”代替“购物车”是一个“偷懒”的行为,应该从政策合规和用户体验两个角度综合考虑,差异化处方药和非处方药购买流程和服务功能。(稍后分享医药电商处方药和非处方药购买流程和服务功能设计)

三家医药电商类App在详情页都提供“咨询问药”功能,康爱多App提供“图文咨询”和“电话咨询”,好药师App的咨询叫“咨询药师”,突出了专业性,1药网App叫“客服”稍有欠考虑,毕竟医药电商的商品购买很多时候购买决策依赖专业,所以突出“药师”甚至远程问诊、健康管理都很有必要!

写在最后

从医药电商用户使用场景和购买流程出发,结合详情导航、商品信息、详情功能三个模块逐一盘点医药电商主流App的详情设计。

总体来说商品详情页是用户做出购买决策中最为关键的步骤,其信息架构、引导流程、产品设计将直接影响转化率和客单价的高低。

相关阅读

医药电商类App产品设计——首页篇

 

本文由 @聊歪 原创发布于人人都是产品经理。未经许可,禁止转载。

祝给予赞赏的伙伴,2017年发大财!
1人打赏

评论( 6

写下你的想法
  1. 怎么看出来的?

    回复
  2. 没有认证。

    怎么滚动截图的,用的啥软件。

    回复
    1. 咔咔截屏

    2. 回复

      拼接的

  3. TX高级交互设计师

    就是电商的普通套路 :arrow:

    回复
    1. 回复

      求分享新意

推荐阅读