文章彙整

2019年電子商務網站設計趨勢 (上)

Astral WebBy Astral Web 1 year agoNo Comments
首頁  /  網頁視覺設計  /  2019年電子商務網站設計趨勢 (上)

根據德國數據統計機構Statista的報告,全球電商市場預估在2021年達4.5兆美元的規模,8年內成長將達250%,其中歐美日成熟市場將持續引領電商潮流發展,東南亞地區的電商則將呈現雙位數的成長。而國內資策會產業情報研究所「行動購物消費者調查分析」也發現日常網路購物頻率已達45%,意味電子商務在零售業的比重趨近重要,未來的發展更值得期待。因此,建立一個電子商務平台是刻不容緩的事情。

 

不管您現在是否有建立網站,來到您的網站,視覺是吸引顧客的第一眼,糟糕的設計會導致顧客關閉網頁並立即返回搜索,而錯誤的流程也會讓顧客瀏覽完您的網頁後還是一頭霧水,導致您無法收到有效訂單,因此,清楚明瞭的動線導航和引人注目的設計,是在瀏覽網站時首先吸引用戶注意的重要條件。

 

我們的目標是創造顧客良好的用戶體驗,期許顧客可以在頁面停留更長的時間並進行購買,也藉以讓顧客轉換成忠誠客戶。在無法實際與客戶接洽的情況下,您就必須用設計將您的客戶與您在線提供的產品/服務進行連結。

 

因此,重要的是要始終關注電子商務網站設計的新趨勢,以保持領先於競爭對手。以下,小編帶您了解2019年的設計趨勢,讓您能有更佳的設計靈感。

 

1.避免在首頁上播放時間過長的影片

使用者通常想了解您的商品,通過的方法就是拜訪您的電商網站。因此首頁是與顧客的第一個接觸點,在全民拍影片的氛圍下,很多網站將影片廣泛地運用在演繹產品或講述品牌故事在首頁。

 

影片相較於靜態圖片更能吸引人的目光,如果應用得當,更可激發使用者的興趣,但過長的影片反而會加速使用者離開網站,因為在使用者歷程中,使用者的注意力很短,您應該幫助顧客快速瀏覽,並讓顧客可以找到自己所需要的產品。因此,您可以拍攝簡短靜音循環自動播放的影片,讓使用者快速獲得信息,需要深入了解再導入相關產品頁,這樣也會提升轉化率。

Double

 

2. 避免在首頁有多餘紛雜的訊息

 

記住!您的網站首頁就是讓使用者了解您的方式,因此您需要讓第一次到您網站的顧客留下深刻的印象,一目瞭然網站的目的、特色,甚至轉換成您的客戶。網路使用者的行為模式多以速度至上以及任務導向,若您在頁面上放置的內容越雜亂帶給使用者的干擾就更多,反而加速使用者離開您的網站。您應該明確的規劃每一頁的目的,例如首頁的目的在於快速讓使用者概覽您的網站,並可以找到相對應的入口,引導使用者縮短時間完成任務。

 

3.更進階的搜尋功能

當您的網站擁有大量商品時,如何讓使用者可以快速找到對的商品就變得很重要。通常使用者會打開選單以選擇特定分類,或是直接用關鍵字進行站內搜索,但若是使用者用模糊搜尋的方式,建議您要有進階的篩選器,讓使用者將更相關的商品過濾出來。

 

一種方法為搜尋框旁先下拉選擇搜尋類別,這樣可以在一開始便鎖定方向; 另一種為在搜尋結果頁再顯示篩選器,使用者可以從篩選器中找到真正的目標。

4.放大您的產品圖

 

大多數的網站都會同時顯示多種產品,因此產品圖像往往都非常小,然而,圖像是讓使用者決定要哪種產品的關鍵,它的功用甚至比詳細的文字資訊來得重要,尤其服裝或是傢俱等產品,更需要放大的圖片來表現您的產品細節。

 

移動裝置上,更要注意圖片的尺寸。例如Instagram等APP更是一屏一張的方式,讓使用者在手指滑動中,清楚明瞭所有的圖片細節,因此,請放大您的產品圖片,這樣有助於增加使用者的購買者決策。

5.將產品選項顯示為按鈕

 

當您的產品有多種選擇,例如顏色、尺寸、樣式等,為了讓使用者更易使用,建議將這種選擇變成按鈕,並將按鈕與產品圖片進行連動。例如你選擇了黃色,則產品圖片也會顯示該商品的黃色版本;這樣有助於讓消費者對於產品更容易想像,也會減少網購與實際產品的落差。

 

您會發現許多產品都有各種變化,如顏色,尺寸,材料或其他。產品詳細信息頁面是用戶最終做出選擇的地方,為了使選擇更容易,您應該避免在下拉菜單中轉儲這些選項。

 

它們應該是可視按鈕,以幫助用戶查看所有選項,並且他們應該要有明確的變化,在價格隨之變動時,如果變體改變了產品的外觀(例如顏色),那麼應該同時更新主產品圖像,這使用戶可以更明確要訂購的商品規格,以防銷售爭議。

 

6.便利的支付方式

 

現在電子商務上,除了信用卡以及ATM付款外,越來越多行動支付方式,如Apple pay 、Android pay、Line pay等等都在改變過往的付款方式。輸入密碼、指紋或是臉部辨識,都可立即完成結帳流程,由於電子商務現多以移動裝置為主,因此提供簡潔便利的付款方式很重要。

 

7.微動態

在網站內使用微互動是近年來的設計趨勢,微互動是使用者與網站之間的小互動,它可以通過指引性的方式來引導使用者完成特定任務。

 

微互動通常提供這些必備功能:

  • 傳達某個動作的回應或結果
  • 當使用者成功完成任務時通知他們
  • 增強某個直覺操作的感覺
  • 向使用者顯示流程的每個步驟,並且避免錯誤

 

8.聊天機器人

現在越來越多電子商務網站使用聊天機器人來增加消費者與網站雙方的溝通,聊天機器人還可以增強客戶與您的網站之間的互動將為您創造更多的機會,進一步提升您的品牌。

 

9.極簡主義

 

Less is More—「少即是多,多即是少」,以簡單純粹為設計原點,用更快的讀取時間和更好的響應式網站增加使用者的良好用戶體驗。極簡主義的核心是您需要圍繞內容進行設計,因此您的網站應該為使用者建構清楚的目標,在瀏覽您的網站、進行產品搜索和查找他們要查找的資訊時不會遇到任何問題。

15finches

 

10.不同的網格佈局

 

今年的網頁設計最重要的趨勢之一為跳出框限思考,用兩種不同的模式建構網站的設計基礎,其中包括分割的區塊和不對稱的佈局。分割的區塊可以用圖像、視頻或任何其他形式的類型化演繹,但務必考慮您的使用者可使用的各種設備。例如,如智慧手機這樣的行動裝置,設計佈局不應該添加大量內容,如果有大量資訊,請用向下滾動的方式瀏覽。

Home Société

 

以上是十種設計趨勢,要知道其他的方法,就不可以錯過2019年電子商務網站設計趨勢(下)

 

參考資料:https://ecommerce-platforms.com/articles/ecommerce-website-redesign#more-25783

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網頁視覺設計

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。