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

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

使用场景

用户通过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产品设计——首页篇

 

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