民宿 APP UI 設計分享

隨著非標住宿的興起,近年來民宿越來越受到中國旅游出行用戶的青睞,各類專注民宿預訂的平臺也雨后春筍般的涌現。今年以來攜程在民宿的產品和UI設計上投入了大量資源,并取得了一定的成效。借此機會我們來分享一下攜程民宿頻道在設計與迭代過程中的一些心得體會。

在著手民宿頻道的改版之前,我們先分析了舊版設計所存在的問題。

總體來講,舊版設計與傳統酒店頻道的差異化還不夠大,從首頁到列表頁詳情頁基本在復用酒店原有的設計框架。并且由于原先較為專注于國內客棧的資源,設計風格也不夠國際化。

那么在確立新的設計風格之前,我們需要先提煉一些民宿獨有的“特質”,從中挖掘出具有民宿特色的設計。

通過這些關鍵詞,我們可以感覺到民宿的用戶和傳統酒店用戶相比,應該更年輕、隨性,具有一定的出行經驗,并且希望獲得更具個性化的旅行及住宿體驗,用一個詞概括的話可能是“小清新”~

應此我們決定在新版設計中,拋棄酒店頻道原有的格式化的、更注重功能性的設計,通過視覺手段先為用戶營造出一種休閑、生活化、當地的“民宿氛圍”,讓用戶先逛起來!

如何打造這樣的氛圍呢?首先當然是圖片!

可以看到,新版首頁基本以圖片作為基本元素,弱化原先的搜索???。首圖挑選孩子的背影圖片突出人文情懷。但是圖片多了,色彩容易雜亂,需要對色調進行調和。因為暖色調更能使用戶聯想到溫暖的住宿感覺,所以通過濾鏡處理,將所有圖片色調統一成黃,綠,棕等暖色系的方向,同時也增加了文藝清新感。

城市及單品內容做了精簡,只放名稱,價格,評分這些用戶最關注的信息。

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

列表頁改版也繼承了突出情境化和當地的概念。頭部增加城市大圖模式,同時也是營銷區域,可以根據營銷需求替換頭部圖片。將特色標簽變為圖片形式,更加直觀和美觀。產品列表根據用戶需求可進行大小圖模式的切換,并加入賣家秀概念。

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

作者:慧敏
來源:ued.ctrip


上一篇: 6個步幫UI設計師高效完成切圖

下一篇: 有了前蘋果創意總監Abigail的加盟,華為的UI可能有救了

分享到: 更多
最新pt电子游戏平台 七星彩计划下载 北京pk10三码公式教程 星罗斗地主龙虎 斗地主炸金花百人牛牛 pt电子游戏系统 二八杠顺口溜 八戒中特网平特一肖460707 慈善网六肖 3d组六投注技巧 凤凰论坛高手资料110 免费时时彩龙虎计划 香港马会资枓大全三肖 香港慈善网67555 论坛 江苏快三计划软件网页 360时时彩计划软件