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

医药电商类医药电商类 AppApp 产品设计——详情页产品设计——详情页 总体来说商品详情页是用户做出购买决策中最为关键的步骤，其信息架构、引导 流程、产品设计将直接影响转化率和客单价的高低。 用户通过 App 首页、 分类、 搜索找到目标商品， 进入商品详情页浏览商品信息、 用户评价、优惠信息，进一步通过商品详情内容了解商品、作出判断（放弃／收 藏／购买）。由此可见商品详情页是用户做出购买决策中最为关键的步骤，其信 息架构、引导流程、视觉设计将直接影响转化率和客单价的高低。 《医药电商类 App 产品设计——首页篇》 中介绍了医药电商类 App 用户三种场 景： 1、主动明确的场景：此类用户知道自己要买什么药品。所以他们进入详情页， 主要查看详情页中的商品展示、用户评价，确保选购的商品是自己要买的药品， 所以充足的商品介绍、完善的服务政策、足够的用户评价很关键，当然此时价格 合理也非常关键。 2、主动模糊的场景：此类用户有买药需求，但是不知道买什么药时通常会通 过相关“问药”功能先咨询后买药。所以进入详情页前有两种状态： 已通过“问药”获知要什么药，进入详情页查看商品介绍、尤其是“功能主治” 进一步确认该药是不是可以解决他的买药需求。 1 1 / 7 7 进入详情页浏览商品介绍后再“问药”，所以详情页需要有便捷的入口“咨询问 药”。当然详情页的商品介绍、用户评价等信息不佳会导致用户直接放弃。 3、被动模糊的场景：此类用户被场景化推荐或促销性优惠挖掘出来的潜在需 求。尤其是因为“划算”进入详情页，详情页的优惠价格幅度、优惠截止时间等 信息尤为关键。充分利用互用喜欢贪便宜、怕错失的心理。 康爱多 App 和好药师 App 都采用“商品+详情+评价+更多”至于详情顶部导航 栏，1 药网 App 使用的是“商品+详情+评价+分享+更多”。“康爱多”在商品图 右下脚放置“分享”图标，比顶部导航栏更省空间、与商品联系更紧密。好药师 App 详情页居然没有发现“分享”，好任性！！ “更多” 意味着多个入口的快捷方式， 在信息架构中是从详情页直接跳转到其 他功能页面， 对于用户来说便捷但使用频率不高。接下来分别看看三家医药电商 App 顶部导航栏的“更多”： 康爱多 App 详情顶部导航栏的更多包括“首页”、 “搜索”、 “消息”、 “我”、 “点赞吐槽”； 好药师 App 的“更多”包括“首页”、“我的”、“消息”； 1 药网 App 的“更多”包括“消息”、“首页”、“搜索”。 2 2 / 7 7 显然康爱多 App 的“更多”功能更完备，且各有使用场景，满足快速切换到新 的功能。好药师App 的“更多”中居然没有“搜索”，进入详情如果确认不是自 己想要的商品，最好的方式不是引导用户快速继续“搜索”吗？ 三家医药电商 App 的商品信息模块都分为“商品”、“详情”、“评价”三部 分，均支持左／右滑按顺序在三个模块间切换，同样都支持“商品”页底部上拉 出“详情”，满足用户在查看商品基本信息后自然而然查看更加详细的商品介绍 ——详情。 三家医药电商 App 的商品信息差别很大，也凸显三家电商平台发展情况。 康爱多 App 商品信息页： 基本信息——商品大图、商品名称（含规格信息）、生产厂家； 商品价格——活动价、原价、立省 XX 元（秒少商品有“截止时间”）； 服务信息——正品保证、满额包邮、隐私配送 优惠信息——优惠套餐、疗程套餐、联合用药（含“药师点评”）； 其它功能——贴心工具（服药提醒）、活动 Banner、精准推荐（买过还看）； 3 3 / 7 7 1 药网 App 商品信息页： 基本信息——商品大图、功能主治、商品名称（含规格信息）、批准文号（查询 功能体验极差）； 商品价格——活动价、手机专享价、节省 XX 元； 服务信息——满额包邮、正品保证、自营现货 优惠信息——满件赠、联合用药； 选择规格——选择规格、修改数量 评价信息——最新评价（内容简短重复、缺少真实性）、评价条数； 其它功能——精准推荐（看了又看）、品牌专区； 好药师 App 商品信息页： 基本信息——商品大图、商品名称、商品规格； 商品价格——商品价格； 优惠信息——领券； 配送信息——配送方式、配送时间； 评价信息——评价条数； 4 4 / 7 7 一个完整的购买过程应该如下： 了解基本信息——价格打动用户——服务增加 信任——套餐提高客单——评价帮助决策。 以上三家医药电商 App 商品信息产品设计最好的应该是康爱多 App，层次清晰 分明，契合购买路径，在提高转化率和客单价上都有对应的策略，且兼容满足不 同购药用户的购药心理。 “1 药网”App 在商品基本信息种突出“功能主治”是一个亮点，毕竟“医药 电商”类用户主要是买药治病，所以突出“功能主治”很关键！！ 康爱多：收藏、咨询、电话咨询、购物车、加入购物车、立即购买 好药师：咨询药师、清单、加入清单； 1 药网：客服、收藏、购物车、加入购物车； 首先我们来分析“加入购物车”和“立即购买”的购买流程 5 5 / 7 7 通过购买流程可以看出， “立即购买”的优势在于操作步骤少，看中的商品立 即就可以跳转到填写订单的页面完成购买。 “加入购物车”优势在于可以一次购 买多个产品，同时在挑选完一个产品后，可以再继续选购其他商品，没有干扰用 户的挑选产品流程，让提高客单价成为可能，两种方式的优势也是对方的劣势。 三家医药电商类 App 只有康爱多同时提供了“加入购物车”和“立即购买”功 能，其他都是“加入购物车”或“加入清单”，希望用户继续选购其他商品，但 是对于购药类场景，我个人还是坚持支持增加“立即购买”的功能，毕竟买药有 一种场景是“急用药”，尤其是有O2O 快速送药上门的好药师，应该在产品上凸 显“快”这个优势。 好药师 App 使用“清单”代替“购物车”，我想主要是因为医药电商不许可直 接销售处方药，所以弱化“购物车”。但是对于用户尤其是新用户，“清单”是 一个增加用户认知成本的概念，统一使用“清单”代替“购物车”是一个“偷懒” 的行为， 应该从政策合规和用户体验两个角度综合考虑，差异化处方药和非处方 药购买流程和服务功能。 （稍后分享医药电商处方药和非处方药购买流程和服务 功能设计） 三家医药电商类 App 在详情页都提供“咨询问药”功能，康爱多App 提供“图 文咨询”和“电话咨询”，好药师 App 的咨询叫“咨询药师”，突出了专业性， 1 药网 App 叫“客服”稍有欠考虑，毕竟医药电商的商品购买很多时候购买决策 依赖专业，所以突出“药师”甚至远程问诊、健康管理都很有必要！ 从医药电商用户使用场景和购买流程出发，结合详情导航、商品信息、详情功 能三个模块逐一盘点医药电商主流 App 的详情设计。 6 6 / 7 7 总体来说商品详情页是用户做出购买决策中最为关键的步骤， 其信息架构、引 导流程、产品设计将直接影响转化率和客单价的高低。 医药电商类 App 产品设计——首页篇 7 7 / 7 7