1.戰(zhàn)略層
美團(tuán)：吃喝玩樂全都有，酒店機(jī)票輔助
攜程：旅行服務(wù)一站式，以出行為中心，吃喝玩樂輔助
2.范圍層?
?美團(tuán)：
1.無接送機(jī)、貴賓室候機(jī)產(chǎn)品；?訂機(jī)票可購買酒店優(yōu)惠券，為酒店引流量；
2.無機(jī)票酒店捆綁銷售產(chǎn)品
攜程：
1.有接送機(jī)、貴賓室候機(jī)產(chǎn)品，在支付訂單中添加了產(chǎn)品選擇 (Fig.1)，使支付流程多了一步；
2.訂機(jī)票可購買酒店優(yōu)惠券，為酒店引流量；有機(jī)票酒店捆綁銷售；有“旅行家”專屬權(quán)益可以購買
2.結(jié)構(gòu)層?
交互設(shè)計(jì)
美團(tuán)：
1.組件使用規(guī)范，彈窗有關(guān)閉按鈕，切頁標(biāo)簽明顯（Fig.2左），底部有立即支付按鈕，增加購買幾率；
2.購買頁不默認(rèn)勾選產(chǎn)品
攜程：
1.組件使用不規(guī)范，如產(chǎn)品說明無關(guān)閉按鈕等出口提示，讓人困惑，切頁標(biāo)簽非常不明顯（Fig.2右）；
2.購買頁默認(rèn)選中接送機(jī)券包，誘導(dǎo)消費(fèi)
信息架構(gòu)
美團(tuán)：
1.支付頁面僅有支付方式選擇信息，專注于支付，減少信息量，縮短流程；
2.選擇賣家、艙位列表頁酒券預(yù)定和普通預(yù)定分成兩個(gè)價(jià)格（即以兩條記錄）展示，價(jià)格明確；購買頁顯示酒店券免費(fèi)得到，讓用戶覺得酒店券是驚喜
攜程：
1.支付頁面放了訂單詳情信息，信息組織不合理，分散用戶支付注意力；
2.價(jià)格列表頁（選擇賣家、艙位）的機(jī)酒券預(yù)定和普通預(yù)定放在一個(gè)價(jià)格（即以一條記錄）展示，價(jià)格不明確，而且導(dǎo)致了一條記錄兩個(gè)預(yù)定按鈕，視覺混亂；購買頁酒店券隱藏在明細(xì)里，不易發(fā)現(xiàn)，而且價(jià)格多加了一部分讓人感覺酒店券是買的，變成了一種負(fù)擔(dān) (Fig.3)
框架層?
界面布局
美團(tuán)：
布局整齊有秩序；
攜程
布局缺乏一致性，例如我的訂單頁的航班詳情出發(fā)到達(dá)信息上下排布，與之前價(jià)格列表頁的左右排布沖突 (Fig.4)；
信息設(shè)計(jì)
美團(tuán)：
重點(diǎn)突出，如低價(jià)提醒彈窗信息分類展示；
攜程
重點(diǎn)不突出甚至混亂，例如低價(jià)提醒彈窗將按鈕設(shè)置太搶眼，掩蓋了有用信息 (Fig.5)
表現(xiàn)層
美團(tuán)：
1.卡片式入口，高飽和度色塊；
2.列表?xiàng)l目卡片式懸浮在星空背景上，有在旅途中飛行的沉浸感；
3.選擇賣家、艙位列表頁的航班信息采用的卡片和下方列表的卡片樣式有明顯區(qū)分；
4.組件樣式統(tǒng)一(Fig.6)。
攜程
1.網(wǎng)格式入口，色塊；藍(lán)色為主色，橙色為輔色；
2.選擇賣家、艙位列表頁的航班信息采用的卡片和下方列表的卡片樣式無明顯區(qū)分；
3.組件如按鈕樣式不統(tǒng)一；顏色使用混亂，按鈕一會(huì)兒藍(lán)色，一會(huì)兒橙色，一會(huì)兒漸變色，一會(huì)兒純色。
4.預(yù)定按鈕高度隨整欄高度變化，導(dǎo)致按鈕高度不統(tǒng)一，視覺效果混亂(Fig.7)。
