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

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

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

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

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

應(yīng)此我們決定在新版設(shè)計(jì)中，拋棄酒店頻道原有的格式化的、更注重功能性的設(shè)計(jì)，通過視覺手段先為用戶營造出一種休閑、生活化、當(dāng)?shù)氐摹懊袼薹諊保層脩粝裙淦饋?

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

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

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

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

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

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

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