Airbnb的設計團隊不斷努力糕非,為其預訂平臺創(chuàng)造了超過其他類似服務的用戶體驗蒙具,這在很大程度上獲得了成功球榆。作為設計師朽肥,多年來,我一直對Airbnb如何應對其產(chǎn)品設計持钉,挑戰(zhàn)并交付可轉換的產(chǎn)品感到驚訝衡招。因此,在本文中每强,我將嘗試找出導致其與眾不同以及成功的原因始腾。
一、視覺清晰
在感知層面使用顏色對比空执,用戶界面基本上分為兩層:包含解釋文字和號召性用語(CTA)按鈕的卡形成上層浪箭,和頁面的其余部分組成的背景層。用戶只需付出很少認知行為辨绊,就可以將上層(卡片)識別為可以與之交互的區(qū)域奶栖。整個頁面不會使用戶負擔過多的信息,因此可以為進入該頁面的用戶設計一條清晰的交互路徑。
在為用戶設計時宣鄙,減少用戶實現(xiàn)其目標所需的認知負擔至關重要袍镀。讓我們看看如何通過使用預測技術在視覺清晰度方面將其與Booking的登錄頁面進行比較:
更高的辨別度有助于更輕松,更容易接受地查看信息冻晤∥郏可以確定如何有效設計用于人機交互的界面的兩個指標是視覺復雜性和辨別度。這兩個度量的結合會顯著影響用戶的視覺處理鼻弧,從而定義用戶如何與界面進行交互设江。更多的復雜性需要更多的認知負擔。更大的認知負擔意味著更少的用戶參與度攘轩,進而意味著更少的轉化率和獲利能力绣硝。
二、Z型閱讀模式
人類具有自然的閱讀模式撑刺,當存在視覺刺激時就會應用鹉胖。順眼自然地瀏覽布局后,Z模式便可以更好地體現(xiàn)僅一個CTA的單用途網(wǎng)頁够傍。這種特定的模式可以“追蹤”用戶的眼睛運動甫菠,從而實現(xiàn)視覺元素的戰(zhàn)略定位。因此冕屯,Airbnb使用了Z模式兩次寂诱。
通過利用這種布局,Airbnb的設計師成功建立了簡潔的視覺層次安聘√等鳎可以指出傳達某種消息的興趣區(qū)域,并引起用戶的注意浴韭。在下面丘喻,您可以查看Airbnb的Z布局如何轉化為關注熱圖:
注意熱圖表明,在此特定情況下念颈,所選區(qū)域吸引了用戶的最大注意力泉粉。如右圖所示,放置卡片的區(qū)域的突出程度是配圖像焦點的三倍榴芳,而白卡右下角的CTA按鈕幾乎是配圖的十倍嗡靡。Airbnb通過吸引大多數(shù)注意力到單個動作(單擊按鈕)以進一步“深入”其產(chǎn)品上,從而進一步增強了預先建立的交互路徑窟感。
三讨彼、注入潛意識
“灌輸是一種技術,暴露一個刺激會在沒有意識指導或意圖的情況下影響對后續(xù)刺激的反應柿祈」螅”換句話說酣难,當記憶或心理聯(lián)想并利用它們來影響用戶對即將發(fā)生的事情的行為時,便會引發(fā)啟動黑滴。
幾乎所有網(wǎng)站/產(chǎn)品都以某種方式向其受眾施加“啟動”效果憨募。在Airbnb登陸頁面中,訪問者需要通過使用圖像進行關聯(lián)啟動袁辈。設計團隊在尋找完美適合公司目標群體的圖像方面做得非常出色菜谣,因此他們可以確保觸發(fā)所需的情感。
在左圖查看房屋時晚缩,您會想到哪些字尾膊?也許像舒緩,平和荞彼,提神冈敛,獨特,無憂無慮甚至休假之類的東西鸣皂?通過“吸引”目標受眾抓谴,Airbnb的設計師使用精心挑選的圖像來激發(fā)可能與隨后的預期體驗相關的情感:住在一個很棒的地方度假。
四寞缝、簡單有效語言
文本有兩個目的:
1.首先驗證用戶訪問該網(wǎng)站的原因?-“我應該去的地方”?癌压。
2.設置用戶目標 -“現(xiàn)在我應該搜索我想去的地方”。
在進行消息交流時荆陆,使用簡單明了的語言在Web設計中至關重要滩届,因為它可以確定用戶不會誤解您的產(chǎn)品。請記住被啼,交流是一條“雙向路”:“我們溝通的好壞并不取決于我們說話的能力帜消,而是取決于我們的理解能力∨ㄌ澹”
Airbnb避免了不必要的行話泡挺,同時選擇了目標受眾會輕松理解的一組單詞。我們精心選擇了文字內(nèi)容汹碱,以盡可能少的文字內(nèi)容盡快公開特定的消息和產(chǎn)品的價值粘衬。所有這些都不會危害他們的用戶理解該產(chǎn)品。
總結
有洞察力的設計以人為本咳促,并驅(qū)動人的行為和情感。Airbnb的設計團隊發(fā)現(xiàn)了一種非常微妙的-幾乎透明的方式-將用戶的行為引導到他們的網(wǎng)站上勘伺。用戶體驗的框架設計得如此精致跪腹,以至于在加快互動速度的同時,也鎖住了主要的用戶目標飞醉。