隱藏在Airbnb網(wǎng)站里的9項(xiàng)體驗(yàn)與交互設(shè)計(jì)
?如果你曾使用Airbnb預(yù)訂過(guò)地方,那么你會(huì)在這個(gè)過(guò)程中,逐步發(fā)現(xiàn)這個(gè)企業(yè)擁有著頂尖的產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)。這個(gè)正在改變整個(gè)行業(yè)的企業(yè),正在為用戶提供著順滑無(wú)縫的體驗(yàn),而這也是今天我撰寫(xiě)這篇文章的初衷。
作為一個(gè)喜歡研究用戶體驗(yàn)、交互設(shè)計(jì)、UI的產(chǎn)品設(shè)計(jì)師,我尤其喜歡剖析成功的產(chǎn)品,尋找其中隱藏的交互和用戶體驗(yàn)設(shè)計(jì)。無(wú)論這些設(shè)計(jì)是用來(lái)提升整體的用戶體驗(yàn),還是激勵(lì)產(chǎn)品增長(zhǎng),你會(huì)發(fā)現(xiàn)這些設(shè)計(jì)都非常有意思,并且值得分享。
事不宜遲,一起來(lái)看看我從Airbnb中發(fā)現(xiàn)了什么吧:
1. 情緒感染(用戶體驗(yàn))
當(dāng)我們打開(kāi)Airbnb的網(wǎng)頁(yè)的時(shí)候,立刻就被友好和安全的氛圍所包圍。我相信,營(yíng)造這一氛圍的影響因素很多,但是有一樣絕對(duì)是最突出的,也是決 定性的,也就是頁(yè)面中所用的照片。如果你仔細(xì)觀察Airbnb所有的圖片選取,你會(huì)發(fā)現(xiàn)他們的選圖規(guī)律:絕大多數(shù)圖片所拍攝的是幾個(gè)“朋友”在優(yōu)雅的環(huán)境 中,微笑著享受生活的情形。
這就是典型的“情緒感染”的使用案例。維基百科中對(duì)于“情緒感染”的解釋很直白:
它指的是兩個(gè)個(gè)體在情緒上相互影響和傳遞的趨勢(shì),當(dāng)人們不自覺(jué)地、下意識(shí)地模仿對(duì)方的情感表達(dá)方式的時(shí)候,他們能夠感受到同伴的情緒反射。
當(dāng)Airbnb用無(wú)處不在的生活場(chǎng)景和微笑的照片來(lái)包圍你的時(shí)候,我們會(huì)在潛移默化中被Airbnb社區(qū)所影響,與那些幸福的旅行者和這個(gè)品牌產(chǎn)生情感關(guān)聯(lián)。
實(shí)際上,這種手法并不鮮見(jiàn),許多企業(yè)在情感化的設(shè)計(jì)上都可以堪稱(chēng)得心應(yīng)手了。比如這篇“Facebook 是如何通過(guò)控制用戶瀏覽的新聞來(lái)創(chuàng)造情緒反應(yīng)的”,就能給你不少靈感。
2. 文案驅(qū)動(dòng)情緒(用戶體驗(yàn))
Airbnb 在整個(gè)網(wǎng)站的的語(yǔ)言使用上極為一致?!坝袣w屬感的世界”,“屬于任何地方”,“歡迎回家”等等等等。許多文案的遣詞造句看起來(lái)并不是特別顯眼,特別獨(dú)特, 但一定是經(jīng)過(guò)深思熟慮創(chuàng)造出來(lái)的。他們將過(guò)去老套的、模式化的住宿搜索定制為更為情緒化、個(gè)性化的搜索。
永遠(yuǎn)不要低估文案的力量。它們可以為任何體驗(yàn)和過(guò)程構(gòu)建內(nèi)容。例如,你在做澳大利亞旅游專(zhuān)題的時(shí)候,你有三張悉尼、墨爾本、布里斯班最漂亮的照片, 那么你會(huì)怎么配文案呢?“下一次旅行的理想選擇”可能是一個(gè)不錯(cuò)的文案,但如果改成“本周頂級(jí)獨(dú)家圣地!”,點(diǎn)擊量一定優(yōu)于前者。第二個(gè)文案能夠調(diào)動(dòng)起用 戶的情緒,有些正準(zhǔn)備旅行的用戶會(huì)直接改去澳大利亞,因?yàn)閯e人也是這么做的!
3. 保存以前的搜索結(jié)果(用戶交互)
我常去的咖啡館的服務(wù)員會(huì)記住我點(diǎn)咖啡的習(xí)慣,這也是促使我加入這家店VIP會(huì)員的重要原因。如果一家店記住你的需求,并且愿意為你定制話服務(wù),體驗(yàn)也算得上是非比尋常了。
通常你在一個(gè)網(wǎng)站搜索過(guò)之后,網(wǎng)站會(huì)記錄下你的一個(gè)時(shí)間段內(nèi)的搜索歷史。但是Airbnb不同的地方在于,它會(huì)通過(guò)在線服務(wù)記錄下你所有的搜索記錄 ——即使不再Airbnb搜索的記錄。這也就意味著,你在谷歌、百度、攜程、去哪兒搜索了去馬爾代夫之后,你打開(kāi)Airbnb,點(diǎn)擊搜索框,馬爾代夫會(huì)立 刻出來(lái)。貼心!
雖然這只是一個(gè)小細(xì)節(jié),但是可以在此窺見(jiàn)Airbnb在打造無(wú)縫的瀏覽體驗(yàn)上的堅(jiān)持。
4. 抓住痛點(diǎn):價(jià)格范圍 (用戶交互)
隨著Airbnb的成長(zhǎng),每次搜索的列表都有數(shù)以千計(jì)的結(jié)果彈出來(lái),單是選擇障礙就足以令用戶頭疼不已。不過(guò)我在隨后的搜索中發(fā)現(xiàn),Airbnb開(kāi)始非常謹(jǐn)慎地用一個(gè)條形圖來(lái)顯示房源的平均價(jià)格變動(dòng)范圍,這也就你不用翻上幾百頁(yè)來(lái)篩選了。
5.列表內(nèi)圖片切換(用戶交互)
當(dāng)你篩選房源和居住地的時(shí)候,最重要的事情是什么?最重要的,是那個(gè)地方實(shí)際的樣子!是否與照片相符!當(dāng)你獲取搜索結(jié)果之后,每個(gè)搜出來(lái)的房源和地點(diǎn)的基本信息都很完備,最重要的是,圖片都是主體,并且成組的圖片你無(wú)需跳轉(zhuǎn),直接瀏覽,方便之極!
6.列表實(shí)時(shí)更新 (用戶交互)
列表實(shí)時(shí)更新這個(gè)功能并不是每個(gè)網(wǎng)站都添加了,但是具備這一功能的網(wǎng)站是否做的好用還是兩說(shuō)。而Airbnb就做的很不錯(cuò)!當(dāng)你搜索出結(jié)果的時(shí)候, 右側(cè)是地圖左側(cè)是列表,當(dāng)你在地圖上選取不同地點(diǎn)的時(shí)候,搜索結(jié)果會(huì)隨之自動(dòng)更新,稍加腦補(bǔ)你就會(huì)意識(shí)到這絕對(duì)是一個(gè)深思熟慮的設(shè)計(jì),這種額外的交互體驗(yàn) 絕對(duì)是在驚喜的范疇以?xún)?nèi)。
7.社會(huì)認(rèn)同與限量銷(xiāo)售
其實(shí)這也是一個(gè)頗為經(jīng)典的“技巧”。通過(guò)限量銷(xiāo)售來(lái)創(chuàng)造緊迫感,讓用戶看到有多少人同時(shí)與之競(jìng)爭(zhēng)則是通過(guò)數(shù)字來(lái)創(chuàng)造社會(huì)認(rèn)同提升產(chǎn)品銷(xiāo)量。
第一次在Airbnb查詢(xún)并預(yù)訂的時(shí)候,由于預(yù)訂名額不多,地方緊俏,結(jié)果我預(yù)訂失敗。下一次去阿姆斯特丹的時(shí)候,我還是想預(yù)訂這個(gè)地方,下次我會(huì)更早預(yù)訂并做好準(zhǔn)備的。有的時(shí)候人就是這么奇怪,越是得不到越是想得到。當(dāng)然,這當(dāng)中的平衡和技巧需要掌控好。
過(guò)度的控制可能會(huì)造成饑餓營(yíng)銷(xiāo),這并不可取。
8.堅(jiān)守核心價(jià)值觀(用戶體驗(yàn))
在特殊的日子里,聽(tīng)到來(lái)自全世界各地的“朋友”的問(wèn)好是一件多么美好的事情啊。Airbnb就在為用戶做這樣的事情。對(duì)于Airbnb,這也是我最喜歡的品牌保留策略之一。
我記得Airbnb的創(chuàng)始人 Brian Chesky 在接受采訪的時(shí)候說(shuō)道,Airbnb 提供的遠(yuǎn)不止于一個(gè)簡(jiǎn)單的住宿場(chǎng)所,它所提供的是一個(gè)幫大家交朋友的地方。
去年年底的時(shí)候,我收到過(guò)一封Email,郵件標(biāo)題是“同你的Airbnb房主每個(gè)季節(jié)問(wèn)候一次”。這是增進(jìn)友誼、構(gòu)建社區(qū)的絕妙提案??!這些令人感覺(jué)美好的事情也確實(shí)能使人產(chǎn)生好感,為之著迷,所以相比于其他相似的服務(wù),我更愿意在Airbnb預(yù)訂房間。
9.動(dòng)態(tài)首頁(yè)(用戶體驗(yàn))
Airbnb的首頁(yè)設(shè)計(jì)有視覺(jué)焦點(diǎn),對(duì)于視覺(jué)走向也有引導(dǎo)。和許多同類(lèi)網(wǎng)站不同,Airbnb 將探索的環(huán)節(jié)和省略了,而是專(zhuān)注于讓用戶沿著網(wǎng)站的視覺(jué)流向下意識(shí)瀏覽下去。
當(dāng)你搜索過(guò),點(diǎn)擊過(guò)幾個(gè)地方,當(dāng)你在回到首頁(yè)的時(shí)候,會(huì)發(fā)現(xiàn)首頁(yè)已經(jīng)根據(jù)你的瀏覽記錄進(jìn)行了個(gè)性化定制,符合需求,推薦也幫你省去了重新發(fā)掘探索的步驟。雖然這種功能算不得起眼,但是你會(huì)為這種小改變而驚艷。
這些有意思的細(xì)節(jié)設(shè)計(jì)不僅使得體驗(yàn)更好,而且拿捏的時(shí)機(jī)也很好。預(yù)訂過(guò)幾個(gè)地方,搜索過(guò)十幾個(gè)城市,你會(huì)發(fā)現(xiàn)這是一個(gè)令人感到溫暖的網(wǎng)站,你自己也會(huì)成為一個(gè)溫暖的人。
結(jié)語(yǔ)
今天的Airbnb 已經(jīng)成為市值200億美元的企業(yè)了,而成就這樣一個(gè)帝國(guó)僅僅只需7年。這是一個(gè)令人振奮的創(chuàng)業(yè)故事,如果你未曾讀過(guò)他們的故事,那么我想你可以先看看這篇文章。那么,在Airbnb做設(shè)計(jì)又是怎樣的一種體驗(yàn)?zāi)兀?/p>
原文來(lái)自:優(yōu)設(shè)
原文地址:medium
優(yōu)設(shè)譯者:@陳子木
- 目前還沒(méi)評(píng)論,等你發(fā)揮!