医药电商类App详情页设计

前段时间，我们总结分析了医药电商类App首页设计，接下来我们来看看医药电商类App详情页设计，总体来说商品详情页是用户做出购买决策中最为关键的步骤，其信息架构、引导流程、产品设计将直接影响转化率和客单价的高低。

使用场景

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

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

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

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

已通过“问药”获知要什么药，进入详情页查看商品介绍、尤其是“功能主治”进一步确认该药是不是可以解决他的买药需求。

进入详情页浏览商品介绍后再“问药”，所以详情页需要有便捷的入口“咨询问药”。当然详情页的商品介绍、用户评价等信息不佳会导致用户直接放弃。

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

详情导航

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

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

康爱多App详情顶部导航栏的更多包括“首页”、“搜索”、“消息”、“我”、“点赞吐槽”;

好药师App的“更多”包括“首页”、“我的”、“消息”;

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详情页设计
文章来源：https://www.cdcxhl.com/news44/161644.html

成都网站建设公司_创新互联，为您提供微信公众号、营销型网站建设、网站策划、网站内链、网页设计公司、App开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联