美团携程APP机票对比

1.战略层

美团：吃喝玩乐全都有，酒店机票辅助

携程：旅行服务一站式，以出行为中心，吃喝玩乐辅助

2.范围层 

 美团：

1.无接送机、贵宾室候机产品； 订机票可购买酒店优惠券，为酒店引流量；

2.无机票酒店捆绑销售产品

携程：

1.有接送机、贵宾室候机产品，在支付订单中添加了产品选择 (Fig.1)，使支付流程多了一步；

2.订机票可购买酒店优惠券，为酒店引流量；有机票酒店捆绑销售；有“旅行家”专属权益可以购买

Fig.1 下单后支付前

2.结构层 

交互设计

美团：

1.组件使用规范，弹窗有关闭按钮，切页标签明显（Fig.2左），底部有立即支付按钮，增加购买几率；

2.购买页不默认勾选产品

携程：

1.组件使用不规范，如产品说明无关闭按钮等出口提示，让人困惑，切页标签非常不明显（Fig.2右）；

2.购买页默认选中接送机券包，诱导消费

Fig.2   美团 VS 携程 产品说明页

信息架构

美团：

1.支付页面仅有支付方式选择信息，专注于支付，减少信息量，缩短流程；

2.选择卖家、舱位列表页酒券预定和普通预定分成两个价格（即以两条记录）展示，价格明确；购买页显示酒店券免费得到，让用户觉得酒店券是惊喜

携程：

1.支付页面放了订单详情信息，信息组织不合理，分散用户支付注意力；

2.价格列表页（选择卖家、舱位）的机酒券预定和普通预定放在一个价格（即以一条记录）展示，价格不明确，而且导致了一条记录两个预定按钮，视觉混乱；购买页酒店券隐藏在明细里，不易发现，而且价格多加了一部分让人感觉酒店券是买的，变成了一种负担 (Fig.3)

Fig.3   美团 VS 携程 支付页，价格列表页

框架层 

界面布局

美团：

布局整齐有秩序；

携程

布局缺乏一致性，例如我的订单页的航班详情出发到达信息上下排布，与之前价格列表页的左右排布冲突 (Fig.4)；

Fig.4 携程 价格列表页和订单页

信息设计

美团：

重点突出，如低价提醒弹窗信息分类展示；

携程

重点不突出甚至混乱，例如低价提醒弹窗将按钮设置太抢眼，掩盖了有用信息 (Fig.5)

Fig.5  美团 VS 携程 低价提醒弹窗

表现层

美团：

1.卡片式入口，高饱和度色块；

2.列表条目卡片式悬浮在星空背景上，有在旅途中飞行的沉浸感；

3.选择卖家、舱位列表页的航班信息采用的卡片和下方列表的卡片样式有明显区分；

4.组件样式统一(Fig.6)。

携程

1.网格式入口，色块；蓝色为主色，橙色为辅色；

2.选择卖家、舱位列表页的航班信息采用的卡片和下方列表的卡片样式无明显区分；

3.组件如按钮样式不统一；颜色使用混乱，按钮一会儿蓝色，一会儿橙色，一会儿渐变色，一会儿纯色。

4.预定按钮高度随整栏高度变化，导致按钮高度不统一，视觉效果混乱(Fig.7)。

Fig.6 美团

 Fig.7 携程