當前位置: 華文世界 > 科技

Airbnb視覺設計細節

2024-03-31科技

前幾年,大家外出都喜歡在Airbnb上定民宿,除了精美的照片和合適的價格以外,Airbnb的設計也值得讓人稱道。這篇文章,我們就來分析一下,Airbnb的視覺設計,有哪些獨到之處。

Airbnb行政總裁布萊恩·切斯基說:這個設計是一種全新的美學。我想宣布,我認為扁平化設計已經結束。

一、擬物化設計?

擬物化和扁平化設計這個話題已經吵吵了好多年。擬物化設計的優勢是美觀,還原真實世界的物體和場景,讓使用者有熟悉感,並激發情感共鳴。

但又因其構造復雜細節過多,在理解上容易產生困惑,並且設計師需要花費更多的精力在設計上。因此在過去快速和高效的大環境下,扁平化設計成為了主流。

在Airbnb 2023 Winter Release上,可以發現視覺設計方面的一個顯著變化:房間圖形由原來的扁平化線性設計轉變為了3D擬物化設計。

隨著AI技術的發展,設計變得便捷和高效。因此,一部份擬物化設計也變得簡單。

透過Midjourney生成圖片,透過Sora生成影片,再加以修飾和修改,原本需要數小時的建模和渲染,現在只需要幾分鐘,大大的降低了設計成本。‍‍‍

雖然設計成本降低。 但我並不認為扁平化設計就此終結,兩者會並存,而不是相互替代。 在Airbnb的頁面設計中,我們也可以看到這一趨勢,扁平化和擬物化相融合,兼顧使用效率和情感化設計。

另外,在評價頁面中還有一個小而精致的視覺設計亮點,評分兩側以3D擬物化形式呈現的麥穗,這一細節點綴起到了畫龍點睛的作用,為頁面增添了一份高貴典雅的榮耀感。

二、變魔術般的AI工具

我們知道,房源資訊對於Airbnb至關重要,因為它是租客和房東之間的第一次接觸。

數據顯示,提供詳細的房源資訊和精美房源圖片可以提升20%的預訂量。

因此,Airbnb對房源資訊進行了重新調整,一個體驗更好的房源釋出工具,為房東帶來流暢的釋出體驗。更加簡化輸出的設計,隱藏較少使用的功能,讓釋出房源資訊變得簡單。

在房源圖片編輯中,Airbnb客製了一款AI工具來分析上傳的所有照片,對照片進行智能整理歸入不同的房間,只需要點選按鈕,「圖片看房」即可建立完成,就像變魔術一樣,減輕房東所需的工作。

在這個過程中我註意到一個有趣的視覺動畫效果,在AI整理房源圖片時,用一個類似重新洗牌的動畫來「展示」人工智能正在做的工作。 這樣做的好處有兩個,第一是轉移使用者的註意力,緩解在等待過程中的焦慮情緒。第二是利用了勞動錯覺(Labor Illusion)這個心理學原理,透過把工作的過程展示給使用者看,喚起使用者的感激之情,增加使用者對品牌的信任,建立起品牌情感。

三、設計趨勢

擬物化的視覺設計,結合AI,可能會成為未來設計的趨勢。 在很多常用的套用中,開始慢慢走向這樣的趨勢,例如大眾點評的金剛位、滴滴的車型選擇、QQ音樂的播放界面等等。而AI更不用說,從2023開始各互聯網大廠都相繼在探索AI落地場景。我們應該持續關註這一趨勢的發展。

四、最後

Airbnb的視覺設計變化給我帶來了一些啟示,設計師應該保持對新技術敏感度,並且不斷學習和探索,了解市場和使用者需求的變化,以及行業內的新興趨勢。同時,設計師也應該保持創意思維,保持人性化和創造性,不應讓AI完全取代人類創意和審美。因此,設計師應適應新技術的同時,也需要不斷提升自身的設計能力和審美水平,成為設計潮流的領導者。

作者:撿蘑菇的人

來源公眾號:撿蘑菇的人

本文由 @撿蘑菇的人 原創釋出於人人都是產品經理。未經特許,禁止轉載。

題圖來自Unsplash,基於CC0協定

該文觀點僅代表作者本人,人人都是產品經理平台僅提供資訊儲存空間服務。