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)。