如何做好门票详情页改版？我深度分析了美团的设计

对于门票详情页，商品预订模块一直都是最为重要的部。用户通过这个模块的交互，完成对商品的浏览、比较选择等一系列行为。本文将基于美团 APP 门票详情页商预订模的改版，分析具体改点，并对中的设计亮点进行取、归纳和习。

在正式析之前，先对一些名词进行说，便于后文的统一描述。对这些名词的理解主要来源于的工作经验。如有问题，欢迎指出。

产品：一景区对应的一产品。比如，「海欢乐谷」一产品。

品：产品下面具售卖的是品。比，「上欢乐谷 1 成人票」是一个品。

品类：指是品分类，比如票、酒店、签证等。

规格：对于景区而言，规格可分为门票、景区项目、饮等这些（较粗的粒分类）。而对于门票商而言，规格又可分为 1 日票、2 日票、日场票、夜场票、2 次票等这些（较细的粒分类），包括但仅限于时间这一维。

票种：指的是商品适用人群对应的种类，如成人票、儿童票、老人票等。

商品属性：除去规格票种这 2 属性外，与商品相关的其他属性，包括商品渠道源（否官方）、退改政策、早可订时间、否需换票、优惠促。

对比版的信息下。

• 改版：v9.12.401。
• 改版：v10.7.20。

这间，团对门票详页也许还过若次改版迭，但未能依次行关注。本次仅选取以 2 版本行分析。

改动点列举及分析

1. 商品的聚合方式

△ 商的聚合方式

• 改版前：规格>票>票>商品名称>商品属性（共 5 层）。
• 改版后：类>商属性>规格>商名称>商属性（共 5 层）。

2. 规

△ 规格

• 改版前：较细的粒度类，1 日票、2 日票……等。
• 改版后：较粗的粒度分类，门票、多景点联票、景区内项目。具体 1 日还 2 日，1 次还 2 次这种较细粒度的规格信息，被整合了商品称中。

3. 票种

△ 票

• 改版前：很看重票种信息，不仅支持对票种进行筛选，下面对应的列表也是以票种进行聚合。
• 改版后：票信息被合到商品名称。

4. 商品称

△ 商品名称

• 改版前：景区+规格+票种。
• 改版后：票种+规格。

5. 商品属性

△ 品属

• 改版：仅展示商品称下方。
• 改版：品列表的顶部增加品属的标签筛选。展示在品名称下方的属中，增加1 个「余票信息」的属。

改版后的设计亮点

1. 提升筛选效率

将筛选内容由票改为商品属性

△ 将筛选内容由票种改为品属

改版前，将票作为标签进筛选，下商品列表样是以票进聚合，而商品名称仍然具有票信息，这样不仅存在信息复问题，也并没有充分利用标签筛选优势。而，除少数大型景区（比如：上海迪士尼度假区、广东长隆度假区、欢乐谷等），大多数景区下规格和票数量都是较为有限，很多小型景区都有成票这 1 个票。相比而言，商品属性信息更为多样，像最早可订时、退改策、是否为官、是否需换票这 4 个属性信息，是大多数票商品都具备，应组合也更为丰富。美团将其设为可多选，更为充分地利用了标签筛选所具备优势。

露筛选条件和结数量

△ 外露筛选条件和结果的数量

如上图所示，过露筛选条件和结数量，让用户明确地知：已经多少属性进了筛选，筛选后会有多少结。时，在筛选后结为 0 个时，让用户可及时调筛选条件，而不必在返回到结商品列表后再进调，降低了用户操作成本。这样设计符合尼尔森十大可用性原则「系统状态可见性」这条。

支持选择出游日期

△ 支持选择出游期

于些景区，末和工作日票价存在区。另，有些票出游日期能在某段特定日期区进选择。在上述这两情况下，支持筛选出游日期用户比较有帮助——用户不必在进入到填单页后才发现没有合适日期可选择，节约了操作成本。

2. 降低阅读成本

字号整大

△ 字整体调

上图所示，品预订模块的字号在整上进行大，在阅读上轻松省力许。

票种信息被整合到品名称中

△ 票种信息被整合到商品称中

将票种信息整合到品名称中，同时对品名称的字段进行简化（去掉区一重复字段），并以大的字号展示，能更进一步降低阅读成，帮助用户快速定位并找到自己所需的门票品。

3. 强化品质感

顶部的品属标签，除进行筛选外，还帮助强化其品质感。样的方式其是在间接地告诉用户：美团平台上售卖的品有是区直营（官方）的，以随买随用、随时退，同时还有优。另外，当品同时符合「随买随用」、「10 秒出票」、「无需换票」 3 个条件时，就被打上「闪」的系列标签。样设计同样是为打造其品质感，告诉用户个品的出票是么快，同时不用换票就等。

△ 强化品质感

4. 降低用户的疑惑与犹豫

改版，在显示销量字段的基础上，美团增加游客购买比例，样充分地抓住用户的从众心理：既么比例的游客选择购买，应该是有品质证的。除此之外，美团还引「余票信息」的字段。笔者在分析改版时，恰逢一假期前，有品就带有「一余票有」的字段，并且在文字颜上用到醒目的红。样其是在造一种品数量已经所剩不的稀缺，同时也是在告诉用户：个品很抢手，不抓紧时间预订能就没有。以上两种方法，有助降低用户的疑惑与犹豫，从而提升购买转化率。

△ 降低用户的疑惑与犹豫

补充探讨

品属的标签筛选适合所有的场么？
未必。

△ 决策成本的高低

让我们比较一下，用户对「票种」、「规格」、「商品属性」这 3 信息行决策时本的高低。用户对于自己应该买哪票种明确。一般言，当一景区同时存人票、儿童票老人票时，儿童票老人票的票价会便宜一点。由于条件限制，人自己购票时，不会去购买儿童票老人票；符合条件的儿童老人也不会花高的价钱购买人票。例外的况亲子票。比如：用户可能会去比较「2 张人票+1 张儿童票」与「1 张亲子票( 2 1 小)」的价格哪实惠。但总体言，其决策本都相对较低。

相比「票种」，「规」的决策成要略高一点。比：有用户已经计划要购买 1 票，但是在进到门票详情页时，现 2 票、月卡以及年卡的价平均下来似乎更为，但是对游玩期有着不同的。个决策成就高票种。

而「商品属性」决策成本是 3 个信息最高，为它括了最早可订时、退改策、是否需换票、优惠促销等系列维度。，这前提是，在确定票和规格情况下，有数量较多不商品可选择。什么意思呢？我们不妨来比较下美团和飞猪票详情页。

△ 美团和飞猪比较

在美团上浏览了多个景区的门票详情页后，笔者发现：同一个票种和规格，美团上面对应的商数量大多为 1 个，数为 2 个。数量为 2 个的情况往往是由于中 1 个最早可订今日而另 1 个最早可订明日。如上图示，上海乐谷这一景点为例，美团的成人票一共才 2 个商，而飞猪的成人票多达 25 个。尽管两都是在做平台，但美团似乎对同供应商的同类商进行了挑，只最优的那个（逻辑可是优先景区直营，次是取低），而飞猪则是把全供应商的商一股脑放来，户自己较，在诸如票时间、最早可订时间、退改政策等属性维上千差万别。因此，美团现有的筛方式，如果放在飞猪这种多供应商多商接入的模式，发挥的作还会大很多。

正是由于这一点，当某个景下的总商品数量少，美在顶部就不会展示标签筛选。因为对于寥寥数个商品，筛选功能难发挥作用。

△ 商品数量少则不展示标签筛选

总结

• 设计标签筛选时，如存在多个维度，可优先考虑用更多元化维度，这样更能发挥出标签筛选优势；
• 将筛条件和结果的数量都外露来，有助于升系统状态的可见性，降低户的操作成本；
• 如需降低阅读成本，可考虑将字号调大，或者对重复冗余的息进行去除和简化；
• 标签筛选除了发挥其本身的筛选作用，也可用作强化品质感；
• 通抓住从众心、造稀缺感，有助降低用户的疑惑与犹豫；
• 尽管有些功能设计常好，是不定适合所有场景。在设计过程需要具体考虑。状态或数量发生变化时，前功能形可能法发挥优势。

写在最后

本文主源于笔者自己的见解，不表任何公司或组织。感谢科科给出的建议。