导语：用户会在哪个页面停留的更久？在订单成交前，用户看到的**一个页面通常是什么？对于视觉设计师来说这个答案并不陌生：详情页。平时设计师们设计的详情页都是静态的，今天咱们就来聊一聊在线教育行业的详情页界面设计，让详情页动起来。

一、思考

我们先来看看这样一个问题，你在某宝买衣服的时候，什么会促使你下单？

进入商品详情页后，究竟是模特的穿衣效果？促销价格？用户评价？买家秀？正品保证？包运费险？等等…究竟是什么信息，而这些信息又带给你怎样的感受，促成了你的下单？

不仅对于电商平台，对于在线教育平台而言，详情页也是提高转化率非常重要的关卡。

那么，如何通过设计的手段，帮助用户做出购买决策，以提高商品的转化率呢？我们带着这样的疑惑，先来看看现在火得不得了的线上教育的详情页是怎么设计的。

二、详情页展示

今天我们要体验的是这三家：属于K12的作业帮APP、高途课堂APP，属于成人职业教育的一起考教师APP，三款在线教育产品。

从点击进入APP开始，用户会经过一层或多层交互进入到商品详情页，通常情况下，用户对这个商品会有潜在或明确诉求：诸如这个商品可以提供什么、靠不靠谱、是否合适自己呢。

那我们就来看看这三款APP是如何设计的：

本篇截图为iPhone7的体验环境。

我们先来看第一屏，也就是用户进入详情页后的第一眼见到的画面。

可以发现，在详情首屏上半部分三家APP的设计框架基本一致：顶部为课程展示图，中部为课程名称及价格，之后是优惠服务。

从优惠服务后，模块信息开始各有侧重。

我们依次来看。