酒店內容新體驗

2 評論 1758 瀏覽 20 收藏 14 分鐘

在做功能或者設計時,如果我們能多想一步,做多一點,就能給用戶帶來更好的體驗,獲得更好的反饋。本文作者分享了對預訂酒店過程中的內容和預訂工具的設計思考,希望能幫到大家。

為什么要做酒店內容新體驗?

現階段很多用戶去旅行之前,都會經歷這樣的過程,先去內容平臺上瀏覽大量的旅行相關的帖子、短視頻,當心目中有了比較理想的目的地和玩法,再跳轉預訂軟件,去訂酒店。

那么,既然用戶有內容訴求,我們經過多年的旅行相關沉淀,為什么不在訂酒店的地方,把內容更好地展示出來?

首先來回顧一下,關于如何更好地訂酒店,我們經歷了幾個不同的產品階段。

第一個階段:有的住,給用戶提供安全可靠的預訂工具;

第二個階段:有的選,在安全可靠的基礎上挖掘出更多舒適的酒店相關設施玩法;

現在第三個階段需要提供有價值認同,有精神追求的酒店內容新體驗;

在了解大量旅行相關的內容之后,發現在特種兵和躺平這兩種極端之外,有種比較現實又理性的,關注度最高的旅行追求,那就是——松弛感。

我們通常說的有松弛感的狀態,并不是純粹的放松就行,而是需要一個大前提,得有確定的能力圈使你有自信的來源。

比如我們比較確定的是,旅行的內容和酒店的推薦,在這個安全感的基礎上,才能更加從容優雅地給用戶提供逛的空間。

松弛經濟這種消費趨勢,也正好符合這個階段我們想要呈現給用戶的內容方式,提供有價值認同的旅行體驗。

設計策略

如何把松弛感這種抽象的概念落實到設計上呢?

通過一些線上實際案例的探索之后,提煉出來的設計策略有內容、布局、質感這三個部分;以下圍繞這三個部分展開講講:

01 內容「代入感」

我們想給用戶的「內容」是由文字、圖片、視頻這些因素組成。

內容的目的,是如何在最短的時間,在有限的手機屏幕上,有效地吸引注意力,讓用戶產生出行或者下單購買的意愿,所以用什么方式呈現圖、文、視頻就尤為重要。

01-1 ?內容:動詞+名詞,描繪畫面感

要推薦什么主題內容,取決于往年用戶的高頻搜索的主題詞,按照我們原來的做法,通常會使用「親子房」「山景酒店」等等這樣模式化的標題;但是現在,不滿足于「沒有感情的訂酒店工具」這樣的形象,所以在內容入口上描繪出畫面感,產生遐想的空間。

具體的做法可以歸納為三個小技巧:

從古詩詞的寫作手法上吸取經驗。

比如“大漠孤煙直,長河落日圓”,不強調形容詞,而是用最樸素的:動詞+名詞,來調動情緒。

把上一個小技巧落實到山景酒店這個案例中,同樣推薦山景酒店,四季給到完全不同的畫面感,在不同的時令要體驗不同的美景和美食,是中國人自古以來的浪漫。是運用AI積累和學習,幫助我們拓展更多的靈感。

01-2 ?內容:圖片&視頻?技術升級

內容的圖片視頻部分,經歷了1.0「質量關」到今年的1.5階段「內容關」。

「質量關」是通過美學視角,對圖片質量提升進行量化,找出更高質量的圖片,并且上線得到了正向的實驗結果。

今年在這個基礎上,結合正好在做的主題內容推薦,又提升了一個技術——「內容關」1.5階段。

這個項目中主要做的是對酒店內容的挖掘,通過細顆粒度的規則制定,找出符合主題且含質量過關的圖片,與酒店信息的匹配度更加緊密,后續能更精準的指導商戶拍出更好的酒店圖片,也為圖片特效、圖像標簽、以及以圖找酒店的能力建設做好了鋪墊。

圖示可以看到,Before我們推薦滑雪酒店的圖不夠美觀,并且看不出酒店相關度,技術提升至1.5之后,可以做到自動化提升圖片質量的同時,識別出雪場這種關鍵主題元素。

02 布局「呼吸感」

02-1 呼吸感不止有「留白」

既然內容呈現有技巧,那么設計手法上也要有變化。

界面中適當的留白,應該要服務于設計目標的基礎上,制造點睛之筆。

常規的酒店列表頁,注重篩選效率,是嚴謹理性的形象。

當需要主題內容感知的時候,我們曾經做過很多嘗試,現在選擇右邊這種更加有呼吸感,在氛圍和效率之間找到一個平衡的包裝方式。

02-2?圖文率的變化

「圖」與「文」的空間關系,體現在列表頁卡片上圖文率的變化。

圖片占比變大很多之后,首先,酒店的特色玩法和相關美景以圖/視頻的方式來表達,更加容易吸引用戶的注意力;其次,講呼吸感的同時,并沒有放棄效率,其實在重新平衡,調整空間的比例關系,兼顧效率和美感。

再者,1.5階段「內容關」的技術應用在這里,使得我們選擇圖,和選擇視頻的方法,有了更好的算法支撐,有側重的主題內容篩選,不僅僅是過質量關而已。很大程度地避免了圖片占比變大之后,酒店圖的質量不能夠滿足美觀度需求的問題。

02-3?創新布局,亮點前置

酒店詳情頁,從數據上看,用戶在這個位置會閱覽5張以上的圖片,原來的設計只能在局限空間的左右看圖,有很多酒店想要展示的東西,沒有強調出來,閱覽體驗也需要提升。

所以,今年我們從橫向和縱向拓展出更大空間,增加獲取信息的效率,同時也提高了信息有效性。

這里同時也應用了拾色技術,識別和酒店環境相同的顏色,讓輔助文案和優雅的環境圖片相得益彰。

現在可以把詳情頁原本深藏的內容:特色玩樂設施,主題房,地理位置幀,點評等內容前置包裝,用更短的時間抓住用戶的視線;這個布局既可以更好地展現酒店的特色,又能服務于增量信息,一舉兩得。

未來的計劃中,這里還可以增加各種營銷的玩法,比如酒店音樂節,圣誕特色等等。

03 元素「有質感」

前面提到松弛感設計,主打的是以圖為主,文為輔,接下來用酒店新的種草頻道主題集合頁來舉例,元素的質感,從哪幾個方面有所提升。

03-1?“浪起來”的品牌元素

主題入口卡片,我們想要讓Poi和玩法看起來井然有序,同時有視覺張力,所以,做了很多嘗試之后,選擇用不同場景主題顏色的「海浪線條元素」,讓文字和圖自然過渡,大圖和小圖的合適比例,引導視線區分出信息層級;「海浪線條」的視覺符號,也寓意隨著不同的主題玩法浪起來。

03-2?運用合理的構圖,為場景敘事服務

從種草入口點進來之后的落地頁,根據時令季節的變化,做了符合相應主題的5秒微視頻。

為什么是微視頻?因為在這個使用場景之下,主要設計目的是賣酒店,而不是給用戶展現一組敘事大片宣兵奪主。

景色相關的主題構圖方式是,中景和全景為主,人物含量較少,由此來聚焦主題,把不同的攝影構圖帶來的不同視覺語言合理運用在頁面當中。

03-3?用人物制造和旅行場景的關聯性

親子和滑雪這類需要突出人與人之間的連接,和人物關鍵動作的主題設計,除了選擇合適的景別,也要恰到好處地突出人物肢體語言,在用戶進到這個頁面的前五秒鐘,就傳達出合適的情緒,具像化腦海中的畫面,把自己代入其中。

比如滑雪挑選的是人物直接沖刺,加速的關鍵動作,而親子挑選的是夕陽下家庭成員之間的溫馨瞬間。

03-4?顏色搭配

質感的另一個元素:顏色的使用。

提取畫面中和這個主題強關聯的核心顏色,引導用戶產生和主題一致的情緒。

在視覺舒適度的范圍內,增加顏色梯度,考慮到亮度、對比度的變化,和運用在同一主題界面中實用性。

結語

有了新的內容種草設計之后,對用戶來說,我們不僅僅是預訂工具,也是可以逛起來的地方,對酒店商家來說,酒店商戶有很多想要展示的特色內容,以前只考慮往其他內容平臺放,現在何嘗不是多了一個很好的選擇。

對平臺來說,我們不再是效率性工具的固有印象,而是可以滿足商品的個性,提供一些良好的,多元的展示舞臺。

作者:鄧裕婷,攜程酒店HXD團隊

項目小組成員:熊康、李汶柏、趙聰、劉佳卉、居陳潁、吳曉楓

本文由人人都是產品經理作者【攜程設計】,微信公眾號:【TripDesign】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 寫的很好,那個取色遮罩真的很細節,因為太絲滑了我作為用戶都注意不到。感覺改版的核心就是從單純展示物(酒店/景點)到展示人與物的動態聯系,讓用戶身臨其境。兩種設計各有優勢吧,能取中平衡就很好了。

    來自亞太地區 回復
  2. 攜程這是一點兒活路不給馬蜂窩留呀

    來自北京 回復