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

2022 年 9 大電子商務設計趨勢

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

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

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

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

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

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

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

一位廚師拿著一個貝殼在一盤海鮮上

來自 Laurie Raphael的右對齊垂直菜單

2. 非常規(guī)布局

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

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

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

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

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

藝術(shù)電子商務設計

設計反映了今年最大的電子商務設計趨勢之一。通過Julia Rusina通過Behance

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

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

咖啡電商應用

除了電子商店或電子商務網(wǎng)站，各種用途的應用程序也在不斷增長，以滿足用戶對便利性和出色數(shù)字客戶服務的需求。如果他們要在商店購物，這些平臺會從客戶的旅程中減少一些額外的步驟。例如，實體店需要前往商店、在人群中購物并排隊等候為您的商品付款。

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

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

五部白色智能手機顯示按需體力勞動應用程序的不同頁面。

4. 復雜的語音用戶界面

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

智能手機形狀的深藍色和淺藍色語音氣泡相互重疊。

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

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

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

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

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

5. 整體電子商務體驗

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

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

元登陸頁面

Meta 的登陸頁面，通過Meta

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

6. 近距離并增加個性化

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

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

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

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

7. 訴諸感官

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

蠟燭電商網(wǎng)站

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

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

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

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

8. 從電子商務到綠色電子商務

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

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

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

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

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

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

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

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

進入，無頭商務。

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

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

Nike、Target、Redbox 和 Annie Selke 等知名品牌正在實施無頭商務方法。

一名戴著黑色帽子的男子將他的 iPhone 相機對準 SNKRS 的一張海報，以購買一雙黑色的耐克鞋。

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

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

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

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

挖掘您在電子商務中的全部潛力

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