隨著非標(biāo)住宿的興起，近年來(lái)民宿越來(lái)越受到中國(guó)旅游出行用戶的青睞，各類專注民宿預(yù)訂的平臺(tái)也雨后春筍般的涌現(xiàn)。今年以來(lái)攜程在民宿的產(chǎn)品和UI設(shè)計(jì)上投入了大量資源，并取得了一定的成效。借此機(jī)會(huì)我們來(lái)分享一下攜程民宿頻道在設(shè)計(jì)與迭代過(guò)程中的一些心得體會(huì)。

在著手民宿頻道的改版之前，我們先分析了舊版設(shè)計(jì)所存在的問(wèn)題。

總體來(lái)講，舊版設(shè)計(jì)與傳統(tǒng)酒店頻道的差異化還不夠大，從首頁(yè)到列表頁(yè)詳情頁(yè)基本在復(fù)用酒店原有的設(shè)計(jì)框架。并且由于原先較為專注于國(guó)內(nèi)客棧的資源，設(shè)計(jì)風(fēng)格也不夠國(guó)際化。

那么在確立新的設(shè)計(jì)風(fēng)格之前，我們需要先提煉一些民宿獨(dú)有的“特質(zhì)”，從中挖掘出具有民宿特色的設(shè)計(jì)。

通過(guò)這些關(guān)鍵詞，我們可以感覺(jué)到民宿的用戶和傳統(tǒng)酒店用戶相比，應(yīng)該更年輕、隨性，具有一定的出行經(jīng)驗(yàn)，并且希望獲得更具個(gè)性化的旅行及住宿體驗(yàn)，用一個(gè)詞概括的話可能是“小清新”～

應(yīng)此我們決定在新版設(shè)計(jì)中，拋棄酒店頻道原有的格式化的、更注重功能性的設(shè)計(jì)，通過(guò)視覺(jué)手段先為用戶營(yíng)造出一種休閑、生活化、當(dāng)?shù)氐摹懊袼薹諊?，讓用戶先逛起?lái)!

如何打造這樣的氛圍呢?首先當(dāng)然是圖片!

可以看到，新版首頁(yè)基本以圖片作為基本元素，弱化原先的搜索模塊。首圖挑選孩子的背影圖片突出人文情懷。但是圖片多了，色彩容易雜亂，需要對(duì)色調(diào)進(jìn)行調(diào)和。因?yàn)榕{(diào)更能使用戶聯(lián)想到溫暖的住宿感覺(jué)，所以通過(guò)濾鏡處理，將所有圖片色調(diào)統(tǒng)一成黃，綠，棕等暖色系的方向，同時(shí)也增加了文藝清新感。

城市及單品內(nèi)容做了精簡(jiǎn)，只放名稱，價(jià)格，評(píng)分這些用戶最關(guān)注的信息。

在顏色上，攜程的VI色是藍(lán)橙色搭配，為了使整個(gè)頻道色彩更年輕一些，但又不與攜程app整體色彩偏離太遠(yuǎn)，我們采用藍(lán)綠色和橙紅色這個(gè)更小清新一些的色彩組合。

列表頁(yè)改版也繼承了突出情境化和當(dāng)?shù)氐母拍睢ｎ^部增加城市大圖模式，同時(shí)也是營(yíng)銷區(qū)域，可以根據(jù)營(yíng)銷需求替換頭部圖片。將特色標(biāo)簽變?yōu)閳D片形式，更加直觀和美觀。產(chǎn)品列表根據(jù)用戶需求可進(jìn)行大小圖模式的切換，并加入賣(mài)家秀概念。

經(jīng)過(guò)近一年的不斷優(yōu)化，民宿頻道日均訂單總量從以前的每日200單上升至2000余單，首頁(yè)-列表CR從46%提升至53%，列表-詳情CR從56%提升至70%。整體CR也有極大的提升。

旅游仍是一個(gè)朝陽(yáng)行業(yè)，要抓住商機(jī)，以上就是上海APP開(kāi)發(fā)公司——海淘科技為你推出《民宿APP UI 設(shè)計(jì)案例分析》的全部?jī)?nèi)容。找APP軟件開(kāi)發(fā)服務(wù)，可直接聯(lián)系海淘科技客服。或者撥打免費(fèi)電話：400-006-8956。