由于每個(gè)人都希望在 2022 年開始他們的復(fù)蘇過程，因此企業(yè)的戰(zhàn)略正變得更加大膽和創(chuàng)新。為了幫助您在電子商務(wù)領(lǐng)域保持競(jìng)爭(zhēng)力，我們向您展示了 2022 年最熱門的電子商務(wù)設(shè)計(jì)趨勢(shì)列表。

2022 年 9 大電子商務(wù)設(shè)計(jì)趨勢(shì)

1. 垂直對(duì)齊的菜單
2. 非常規(guī)布局
3. 模糊界限：物理與數(shù)字
4. 復(fù)雜的語音用戶界面
5. 全面的電子商務(wù)體驗(yàn)
6. 近距離并增加個(gè)性化
7. 吸引感官
8. 從電子商務(wù)到綠色電子商務(wù)
9. 現(xiàn)代企業(yè)變得無頭無腦

幾十年來，每個(gè)人都默認(rèn)在其網(wǎng)站上使用水平菜單。畢竟，電子商務(wù)平臺(tái)過去只適用于大屏幕，如臺(tái)式機(jī)和筆記本電腦。這種情況正在迅速改變，高達(dá) 68% 的用戶通過手機(jī)訪問網(wǎng)站?，F(xiàn)在，電子商務(wù)平臺(tái)也需要對(duì)移動(dòng)設(shè)備友好。

雖然公司最初開始創(chuàng)建適合不同屏幕尺寸的響應(yīng)式網(wǎng)站，但很快就發(fā)現(xiàn)某些水平菜單在狹窄的移動(dòng)屏幕上效果不佳。因此，您可能已經(jīng)注意到越來越多的電子商務(wù)網(wǎng)站具有垂直對(duì)齊的菜單。

一個(gè)網(wǎng)站，在頁面的中心展示了一臺(tái)老式留聲機(jī)，在頁面的一側(cè)展示了一把吉他和一把小提琴。

由于垂直菜單可以位于頁面的任一側(cè)，因此它不會(huì)占用太多空間并且更容易縮放。在桌面上查看時(shí)，垂直菜單可讓您添加導(dǎo)航鏈接，而下拉菜單不會(huì)妨礙您的頁面主體。由于它類似于一個(gè)列表，因此垂直菜單可以為用戶提供有效的指導(dǎo)，幫助他們了解您希望他們?nèi)绾螣o縫地瀏覽您的頁面。

簡(jiǎn)而言之，垂直對(duì)齊的菜單既直觀又實(shí)用。網(wǎng)站甚至開始將主要導(dǎo)航鏈接的水平菜單與輔助鏈接的垂直菜單結(jié)合起來。這種方法最大限度地利用了空間，同時(shí)為我們已經(jīng)習(xí)慣的標(biāo)準(zhǔn)導(dǎo)航顯示提供了令人難忘的替代方案。

包含水平和垂直菜單的網(wǎng)站產(chǎn)品頁面預(yù)覽。 頁面中間站著一個(gè)穿著黑色衣服和靴子的男人。

一位廚師拿著一個(gè)貝殼在一盤海鮮上

來自 Laurie Raphael的右對(duì)齊垂直菜單

2. 非常規(guī)布局

布局有助于以有吸引力和實(shí)用的方式構(gòu)建網(wǎng)站上的信息。許多企業(yè)為此依賴電子商務(wù)平臺(tái)，例如 Shopify。這些往往會(huì)提供一系列標(biāo)準(zhǔn)設(shè)計(jì)模板，遵循少量、固定數(shù)量的結(jié)構(gòu)，如單列布局或 F 布局。這些問題在于，雖然它們很容易設(shè)置，但它們已經(jīng)變得如此普遍，以至于它們不再給用戶帶來驚喜。

通過非常規(guī)的布局，一些企業(yè)正在打破常規(guī)，在古怪中蓬勃發(fā)展。他們的網(wǎng)站、應(yīng)用程序和在線頁面將主題融入到他們的布局中，就像一個(gè)精心策劃的具有無限滾動(dòng)的精致藝術(shù)畫廊。有些還結(jié)合了多種元素，例如交互式視頻和動(dòng)畫照片，從而帶來有趣的體驗(yàn)?？赡艿慕Y(jié)果？更長的用戶參與度，更高的品牌保留率和更高的轉(zhuǎn)化率。

兩部智能手機(jī)提供 Christian Louboutin 網(wǎng)站的預(yù)覽。

OMBIA Studio 網(wǎng)站采用不對(duì)稱布局。

提示：打破傳統(tǒng)做法并突破您的創(chuàng)意界限，讓您與眾不同。布局不僅僅是為了美觀。將您的布局設(shè)計(jì)視為講述您的業(yè)務(wù)故事的機(jī)會(huì)。

藝術(shù)電子商務(wù)設(shè)計(jì)

設(shè)計(jì)反映了今年最大的電子商務(wù)設(shè)計(jì)趨勢(shì)之一。通過Julia Rusina通過Behance

3. 邊界模糊：物理與數(shù)字

由于大流行將許多人困在室內(nèi)，企業(yè)依靠電子商務(wù)平臺(tái)來吸引通過實(shí)體店進(jìn)行交易的消費(fèi)者。隨著緩慢恢復(fù)正常，為數(shù)字和物理交互讓路的平臺(tái)的呼聲將持續(xù)存在。

咖啡電商應(yīng)用

除了電子商店或電子商務(wù)網(wǎng)站，各種用途的應(yīng)用程序也在不斷增長，以滿足用戶對(duì)便利性和出色數(shù)字客戶服務(wù)的需求。如果他們要在商店購物，這些平臺(tái)會(huì)從客戶的旅程中減少一些額外的步驟。例如，實(shí)體店需要前往商店、在人群中購物并排隊(duì)等候?yàn)槟纳唐犯犊睢?/span>

借助這種新的電子商務(wù)設(shè)計(jì)趨勢(shì)，企業(yè)可以讓消費(fèi)者查看最近的商店中有哪些產(chǎn)品有貨，設(shè)置約會(huì)并以數(shù)字方式結(jié)算賬單。他們還可以通過聊天或視頻通話的實(shí)時(shí)支持整合客戶服務(wù)。在依賴智能手機(jī)的市場(chǎng)中，應(yīng)用程序可以為企業(yè)及其最終用戶創(chuàng)造奇跡。

房地產(chǎn)應(yīng)用 Simple Showing 的主頁在兩部智能手機(jī)上預(yù)覽。

五部白色智能手機(jī)顯示按需體力勞動(dòng)應(yīng)用程序的不同頁面。

4. 復(fù)雜的語音用戶界面

想要帶來新的便利？挖掘人工智能技術(shù)的力量。

智能手機(jī)形狀的深藍(lán)色和淺藍(lán)色語音氣泡相互重疊。

企業(yè)現(xiàn)在意識(shí)到通過語音激活的用戶界面將人工智能技術(shù)集成到他們的電子商務(wù)平臺(tái)中的好處。為用戶提供協(xié)助和對(duì)話的人可創(chuàng)建個(gè)性化且高效的用戶體驗(yàn)：將其想象為在家中有個(gè)人店員或秘書。

為了實(shí)現(xiàn)這一點(diǎn)，您可以首先在您的 UX 設(shè)計(jì)中使用語音用戶界面，并為您的電子商務(wù)網(wǎng)站投資語音搜索優(yōu)化。通過文本搜索通常是短語，而使用語音搜索的人傾向于用完整的句子提問。

與搜索引擎優(yōu)化一樣，您需要整合“口頭”可見的關(guān)鍵字和內(nèi)容?？紤]到這一點(diǎn)，您可以以問題的形式添加關(guān)鍵字，或利用出現(xiàn)在 Google 精選片段上的關(guān)鍵字（有時(shí)稱為位置零或顯示在第一個(gè)搜索結(jié)果上方的信息）等等。

隨著人工智能技術(shù)的不斷進(jìn)步，越來越多的人正在利用它。通過單個(gè)語音命令或語音搜索，產(chǎn)品和服務(wù)變得非常易于訪問。微軟的調(diào)查數(shù)據(jù)支持這一點(diǎn)，72% 的受訪者使用數(shù)字助理，如 Siri、Alexa、谷歌助理和 Cortana。由于人工智能，雜貨店購物、預(yù)約和其他日?；顒?dòng)也變得自動(dòng)化。

一個(gè) Homepod mini、三部 iPhone 和一個(gè)帶有 Siri 功能的 Apple Watch。

5. 整體電子商務(wù)體驗(yàn)

全球擁有超過 500,000 個(gè)品牌和數(shù)十億個(gè)電子商務(wù)平臺(tái)，要占領(lǐng)具有各種需求的市場(chǎng)具有挑戰(zhàn)性。這意味著為了保持競(jìng)爭(zhēng)力，大公司需要通過增加他們提供的產(chǎn)品來成為一站式商店。

較大的電子商務(wù)品牌可以從 Facebook 獲得啟發(fā)。在收購了除 Facebook 之外的幾個(gè)社交媒體平臺(tái)后，他們現(xiàn)在正在向社交技術(shù)領(lǐng)域擴(kuò)張。因此，更名為 Meta。隨著他們的擴(kuò)張，越來越多的用戶可能會(huì)使用 Meta 來滿足他們的社交媒體和社交技術(shù)需求。

元登陸頁面

Meta 的登陸頁面，通過Meta

世界上最大的電子商務(wù)公司亞馬遜也進(jìn)行了同樣的擴(kuò)張，它已經(jīng)從銷售多個(gè)類別的產(chǎn)品發(fā)展為提供亞馬遜網(wǎng)絡(luò)服務(wù)。通過添加新產(chǎn)品和擴(kuò)展到相關(guān)市場(chǎng)來實(shí)現(xiàn)多樣化，使電子商務(wù)企業(yè)能夠蓬勃發(fā)展并占領(lǐng)更大的市場(chǎng)。

6. 近距離并增加個(gè)性化

大流行引發(fā)了許多企業(yè)的運(yùn)動(dòng)，以支持 COVID-19 應(yīng)對(duì)措施。許多人采用雙重底線方法，他們開展業(yè)務(wù)不僅是為了獲得經(jīng)濟(jì)利益，而且是為了對(duì)社會(huì)產(chǎn)生積極的社會(huì)影響。例子包括舉辦捐贈(zèng)活動(dòng)、喂養(yǎng)計(jì)劃并提供巨額折扣的公司。俗話說：行善有利于事業(yè)。

作為我們今年最大的電子商務(wù)設(shè)計(jì)趨勢(shì)之一，創(chuàng)造個(gè)性化體驗(yàn)已經(jīng)演變?yōu)橥怀鲶w貼和敏感。以Bloom & Wild Flower Delivery為例。他們創(chuàng)新了退出功能，讓客戶取消訂閱接收或查看與他們可能不希望慶祝的選擇性紀(jì)念假期相關(guān)的任何網(wǎng)絡(luò)內(nèi)容。這種類型的行為向用戶傳達(dá)了真實(shí)的品牌價(jià)值，通過增加用戶體驗(yàn)的個(gè)性化來增強(qiáng)信任，并展示您品牌的人性化一面。

品牌列表，包括 Trouva、The Telegraph、Motley、Papier 和 SilkFred

該頁面顯示一個(gè)標(biāo)題，上面寫著“不想收到任何母親節(jié)提醒？ 沒問題?！?以及解釋他們?nèi)绾芜x擇退出的隨附文本。

7. 訴諸感官

雖然電子商務(wù)平臺(tái)可以從虛擬現(xiàn)實(shí)等先進(jìn)技術(shù)中受益匪淺，以增強(qiáng)多感官數(shù)字體驗(yàn)，但您可以實(shí)施的方法并不復(fù)雜。色調(diào)、漸變、精美捕捉的照片、風(fēng)格化字體以及在布局中使用抽象（甚至是交互式）形狀的專業(yè)組合營造出一種氛圍。

蠟燭電商網(wǎng)站

您可以添加音效來增強(qiáng)您的 UI（用戶界面）設(shè)計(jì)，例如當(dāng)您單擊按鈕確認(rèn)訂單時(shí)發(fā)出令人滿意的“?！甭?。您可以為懸停效果設(shè)置動(dòng)畫，假設(shè)您的網(wǎng)站上有一張海洋的背景圖像，每當(dāng)用戶將鼠標(biāo)懸停在所述圖像上時(shí)，您都可以實(shí)現(xiàn)海浪撞擊的聲音和運(yùn)動(dòng)視圖。

這對(duì)于可訪問性的原因特別有用，因?yàn)槟梢栽O(shè)計(jì)聲音和圖像作為網(wǎng)站的用戶指南。除此之外，您還可以加入引人深思的描述性和引人入勝的副本，以進(jìn)一步支持您的視覺內(nèi)容并使您的用戶沉浸在設(shè)計(jì)中。

護(hù)膚品牌電商網(wǎng)站

選擇照片時(shí)，最好選擇能傳達(dá)您希望消費(fèi)者對(duì)您的品牌做出何種反應(yīng)的高質(zhì)量圖片。一個(gè)帶有令人垂涎欲滴的醬汁和一盤烤肉的美食網(wǎng)站可以讓人感到饑餓。涂抹在女性臉上的皮膚產(chǎn)品具有柔滑和絲滑的質(zhì)地，可以吸引尋求溫和且高度保濕的皮膚產(chǎn)品的人。正如您在上面看到的，網(wǎng)站的簡(jiǎn)約布局可以喚起與產(chǎn)品包裝融為一體的干凈、真實(shí)和現(xiàn)代的感覺。

8. 從電子商務(wù)到綠色電子商務(wù)

網(wǎng)上購物讓您可以在任何地方購買，從而為您節(jié)省汽油或通勤的時(shí)間和金錢。顯然，它還可以讓您為環(huán)境做好事。據(jù)聯(lián)合國稱，由于戶外活動(dòng)有限，東南亞等幾個(gè)地區(qū)的空氣污染大幅下降了 40% 。但是，雖然環(huán)境受益于封鎖期間空氣污染的減少，但對(duì)一次性塑料的需求卻在上升。

四個(gè)牛皮紙盒子，盒子頂部的文字寫著“我們的方式”。

為了解決這個(gè)問題，市場(chǎng)正在發(fā)生變化，消費(fèi)者越來越注重生態(tài)，并期望他們購買的品牌能夠?qū)λ鼈儗?duì)環(huán)境的影響負(fù)責(zé)。超過 60% 的美國人選擇購買環(huán)保品牌，這種需求催生了綠色電子商務(wù)。這是指將綠色解決方案納入其流程的品牌浪潮。

這意味著使用對(duì)環(huán)境危害較小的材料、生物塑料、可重復(fù)使用的包裝、紙器皿和其他無毒材料。品牌商還積極鼓勵(lì)買家放棄當(dāng)日送達(dá)，合并訂單以減少包裝的使用。您還可以期待更多使用電動(dòng)汽車和自行車遞送包裹的遞送服務(wù)。各國政府通過加快禁止銷售汽油和柴油汽車的努力來響應(yīng)這一點(diǎn)，預(yù)計(jì)將在 2030 年至 2035 年之間實(shí)施。

一個(gè)帶有綠色圓圈的白色帆布袋附在帶葉子的樹枝上，靠在綠色的墻上。

另一個(gè)問題出現(xiàn)在數(shù)字零售商的產(chǎn)品退貨中。來自Statista的數(shù)據(jù)顯示，退貨成本超過 5000 億美元，因?yàn)楦鶕?jù)網(wǎng)站提供的信息，交付的產(chǎn)品不符合消費(fèi)者的期望?？紤]到這一點(diǎn)，品牌通過發(fā)布完整的產(chǎn)品描述、具有深入細(xì)節(jié)的實(shí)際產(chǎn)品照片以及在其網(wǎng)站中整合反饋和評(píng)論部分來變得更加負(fù)責(zé)。這樣做可以在最終確定訂單之前為買家提供他們需要的所有信息，從而減少退貨的機(jī)會(huì)。

9. 現(xiàn)代企業(yè)變得無頭無腦

技術(shù)創(chuàng)新為一系列令人驚嘆的平臺(tái)和功能讓路，例如智能語音助手和虛擬現(xiàn)實(shí)。雖然擁有多個(gè)平臺(tái)有利于擴(kuò)大您的覆蓋范圍，但將它們集成到一個(gè)系統(tǒng)中可能會(huì)對(duì)您的服務(wù)器管理造成影響，除了耗時(shí)且復(fù)雜之外。

進(jìn)入，無頭商務(wù)。

無頭商務(wù)是將各種用戶界面（前端）與服務(wù)器端（后端）分離的過程。這樣做可以讓您對(duì)數(shù)字生態(tài)系統(tǒng)中的關(guān)鍵功能（網(wǎng)站、微型網(wǎng)站、多個(gè)應(yīng)用程序以及 VR 或 AR 功能）進(jìn)行分層設(shè)計(jì)，并以最有效的方式對(duì)其進(jìn)行自定義，同時(shí)保持后端完好無損。

每個(gè)重要組件也可以輕松地獨(dú)立編輯和更新，而無需依賴軟件開發(fā)人員。因此，無頭商務(wù)允許靈活擴(kuò)展并按時(shí)滿足用戶的無限需求，從而在所有渠道上實(shí)現(xiàn)無縫的用戶體驗(yàn)。

Nike、Target、Redbox 和 Annie Selke 等知名品牌正在實(shí)施無頭商務(wù)方法。

一名戴著黑色帽子的男子將他的 iPhone 相機(jī)對(duì)準(zhǔn) SNKRS 的一張海報(bào)，以購買一雙黑色的耐克鞋。

三個(gè) iPhone 屏幕顯示一個(gè)攝像頭掃描一個(gè)人的腳，并顯示一雙 9.5 號(hào)鞋碼的白色耐克鞋。

尤其是耐克，已經(jīng)使用 React SPA 和 Node.js（用于構(gòu)建界面的工具）來創(chuàng)建基于AR 的應(yīng)用程序功能，以阻止經(jīng)銷商使用機(jī)器人獲取限量版產(chǎn)品。該功能還增加了他們?cè)谝苿?dòng)用戶中的市場(chǎng)影響力，并提供了互動(dòng)體驗(yàn)。

與主廚 David Chang 合作并通過 Nike 應(yīng)用程序，人們可以前往 Chang 的 Momofuku 餐廳，將相機(jī)對(duì)準(zhǔn)實(shí)體菜單，購買他們想要的模型。那些不能去餐廳的人仍然可以通過將相機(jī)對(duì)準(zhǔn)網(wǎng)站版本的菜單或通過 SNKRS 支持的海報(bào)來獲得限量版鞋。

耐克還添加了一個(gè)獨(dú)立的 AR 應(yīng)用程序功能，可以準(zhǔn)確測(cè)量你的腳，這使你能夠繞過任何意外并獲得正確的尺寸。這也意味著耐克的產(chǎn)品退貨減少，這不是一件壞事。

挖掘您在電子商務(wù)中的全部潛力

電子商務(wù)不斷變化的格局似乎勢(shì)不可擋。但有一件事是肯定的：電子商務(wù)的未來看起來很光明。僅在美國，到 2022 年零售電子商務(wù)銷售額預(yù)計(jì)將超過 1 萬億美元，競(jìng)爭(zhēng)可能會(huì)很激烈，但也很有意義。當(dāng)您實(shí)施這些電子商務(wù)設(shè)計(jì)趨勢(shì)時(shí)，升級(jí)您的游戲并導(dǎo)航您的成功之路。