Airbnb如何通過交互設(shè)計來推動用戶行為?

Airbnb的設(shè)計團隊不斷努力,為其預(yù)訂平臺創(chuàng)造了超過其他類似服務(wù)的用戶體驗,這在很大程度上獲得了成功。作為設(shè)計師,多年來,我一直對Airbnb如何應(yīng)對其產(chǎn)品設(shè)計,挑戰(zhàn)并交付可轉(zhuǎn)換的產(chǎn)品感到驚訝。因此,在本文中,我將嘗試找出導(dǎo)致其與眾不同以及成功的原因。

一、視覺清晰

在感知層面使用顏色對比,用戶界面基本上分為兩層:包含解釋文字和號召性用語(CTA)按鈕的卡形成上層,和頁面的其余部分組成的背景層。用戶只需付出很少認知行為,就可以將上層(卡片)識別為可以與之交互的區(qū)域。整個頁面不會使用戶負擔(dān)過多的信息,因此可以為進入該頁面的用戶設(shè)計一條清晰的交互路徑。

在為用戶設(shè)計時,減少用戶實現(xiàn)其目標(biāo)所需的認知負擔(dān)至關(guān)重要。讓我們看看如何通過使用預(yù)測技術(shù)在視覺清晰度方面將其與Booking的登錄頁面進行比較:

更高的辨別度有助于更輕松,更容易接受地查看信息??梢源_定如何有效設(shè)計用于人機交互的界面的兩個指標(biāo)是視覺復(fù)雜性和辨別度。這兩個度量的結(jié)合會顯著影響用戶的視覺處理,從而定義用戶如何與界面進行交互。更多的復(fù)雜性需要更多的認知負擔(dān)。更大的認知負擔(dān)意味著更少的用戶參與度,進而意味著更少的轉(zhuǎn)化率和獲利能力。

二、Z型閱讀模式

人類具有自然的閱讀模式,當(dāng)存在視覺刺激時就會應(yīng)用。順眼自然地瀏覽布局后,Z模式便可以更好地體現(xiàn)僅一個CTA的單用途網(wǎng)頁。這種特定的模式可以“追蹤”用戶的眼睛運動,從而實現(xiàn)視覺元素的戰(zhàn)略定位。因此,Airbnb使用了Z模式兩次。

通過利用這種布局,Airbnb的設(shè)計師成功建立了簡潔的視覺層次??梢灾赋鰝鬟_某種消息的興趣區(qū)域,并引起用戶的注意。在下面,您可以查看Airbnb的Z布局如何轉(zhuǎn)化為關(guān)注熱圖:

注意熱圖表明,在此特定情況下,所選區(qū)域吸引了用戶的最大注意力。如右圖所示,放置卡片的區(qū)域的突出程度是配圖像焦點的三倍,而白卡右下角的CTA按鈕幾乎是配圖的十倍。Airbnb通過吸引大多數(shù)注意力到單個動作(單擊按鈕)以進一步“深入”其產(chǎn)品上,從而進一步增強了預(yù)先建立的交互路徑。

三、注入潛意識

“灌輸是一種技術(shù),暴露一個刺激會在沒有意識指導(dǎo)或意圖的情況下影響對后續(xù)刺激的反應(yīng)?!睋Q句話說,當(dāng)記憶或心理聯(lián)想并利用它們來影響用戶對即將發(fā)生的事情的行為時,便會引發(fā)啟動。

幾乎所有網(wǎng)站/產(chǎn)品都以某種方式向其受眾施加“啟動”效果。在Airbnb登陸頁面中,訪問者需要通過使用圖像進行關(guān)聯(lián)啟動。設(shè)計團隊在尋找完美適合公司目標(biāo)群體的圖像方面做得非常出色,因此他們可以確保觸發(fā)所需的情感。

在左圖查看房屋時,您會想到哪些字?也許像舒緩,平和,提神,獨特,無憂無慮甚至休假之類的東西?通過“吸引”目標(biāo)受眾,Airbnb的設(shè)計師使用精心挑選的圖像來激發(fā)可能與隨后的預(yù)期體驗相關(guān)的情感:住在一個很棒的地方度假。

四、簡單有效語言

文本有兩個目的:

1.首先驗證用戶訪問該網(wǎng)站的原因?-“我應(yīng)該去的地方”?。

2.設(shè)置用戶目標(biāo) -“現(xiàn)在我應(yīng)該搜索我想去的地方”。

在進行消息交流時,使用簡單明了的語言在Web設(shè)計中至關(guān)重要,因為它可以確定用戶不會誤解您的產(chǎn)品。請記住,交流是一條“雙向路”:“我們溝通的好壞并不取決于我們說話的能力,而是取決于我們的理解能力?!?/p>

Airbnb避免了不必要的行話,同時選擇了目標(biāo)受眾會輕松理解的一組單詞。我們精心選擇了文字內(nèi)容,以盡可能少的文字內(nèi)容盡快公開特定的消息和產(chǎn)品的價值。所有這些都不會危害他們的用戶理解該產(chǎn)品。

總結(jié)

有洞察力的設(shè)計以人為本,并驅(qū)動人的行為和情感。Airbnb的設(shè)計團隊發(fā)現(xiàn)了一種非常微妙的-幾乎透明的方式-將用戶的行為引導(dǎo)到他們的網(wǎng)站上。用戶體驗的框架設(shè)計得如此精致,以至于在加快互動速度的同時,也鎖住了主要的用戶目標(biāo)。

關(guān)注公眾號:設(shè)計加油站

你想要的都在這里

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 每天進步一點點點點點點點點點點點點點點點點點點點點點點點點點點點點點點~~從開始只能寫幾句話、模仿別人的觀點,到現(xiàn)...
    一個帥氣的名字呀閱讀 19,358評論 4 31
  • 最近做的工作內(nèi)容就是總結(jié)分析常見常用的交互原則。在閱讀整理的基礎(chǔ)上,我將目前常見常用的交互法則總結(jié)如下。本文整體結(jié)...
    壹玖貳貳閱讀 2,692評論 1 18
  • 我有一個超級可愛的小兒子,雖然不大,也才2歲多一點,吱吱呀呀的只會說幾個字,但是他卻給我和全家人帶來了太多的驚喜,...
    加加筆記閱讀 756評論 3 4
  • 推開一扇窗,看見一座山,小小的我趴在窗臺上,問媽媽,山的那邊是什么?——序 老家被四山環(huán)繞,一條兩車道的柏油馬路貫...
    井鼐閱讀 1,294評論 5 2
  • 馬站在水里, 青花刻在它皮膚上。 鳥兒立于馬背, 鐵籠罩住了它們。
    EIreco閱讀 91評論 0 0

友情鏈接更多精彩內(nèi)容