這7個趨勢，也許是2017年電商用戶體驗設計的關鍵

雙十一的快遞現在應該已經陸續收齊了，尷尬的地方在于，雙十二要來了，隨后還有圣誕、元旦和春節，各種電商活動將會堅持不懈地掏空我們的錢包。對于現在的我們而言，電商已經成為了我們生活中不可分割的一個部分了。不論對于電商從業者還是我們自己而言，這是最壞的時代，也是最好的時代。

總而言之，我們剁手的猶豫與買買買的沖動里面，進入2017年。對于電商設計而言，這僅僅意味著，新的戰斗即將開始。所以，今天的文章，我們來聊聊電商的UX設計趨勢。雖然中國的電商設計帶有明顯的地區性特征，但是大的設計趨勢，還是和全球保持一致的。

1、無處不在的高清大圖和視頻

當你看到網站上一條紅色性感的露背長裙的圖片的時候，你是否會考慮在情人節之前買一條？而多角度的高清大圖，甚至全方位無死角的視頻展示，才能讓用戶看的更清楚，更容易下定購買的決心。越來越多的電商和在線購物網站開始引入高清大圖和視頻背景，用引人入勝的體驗帶來更高的交易率。不僅僅是網站首頁，產品的詳情頁也會出現更多的高清大圖與視頻。

2、更小的屏幕，更長的頁面

無限滾動，或者說長滾動頁面，現如今已經成了電商設計師的最愛。移動端設備成為了用戶瀏覽、獲取信息的主要渠道，長滾動頁面成了大量內容展示的最佳方式。由于手指觸摸是移動端的主要交互方式，你會在移動端設備上看到更多的手勢操作的加入。在長滾動頁面當中，用戶可以通過滑動交互更好地控制滾動的速度。

滑動交互也更加適合講述故事，在電商領域，長滾動頁面會成為潮流的引領者。

當長滾動頁面和故事走到一起的時候，視差和動效就自然而然地可以容融入進來了，它會讓體驗更加具有吸引力，它們會讓長滾動頁面擁有更加視覺化的表現力，也可以幫助用戶在短時間內消費更多的內容。

3、多渠道呈現，但是移動端優先

更多人開始使用智能手機消費和購物，而非使用電腦。越來越多的品牌開始采取移動端優先的策略。你不用擔心移動端APP會塞滿用戶的手機，響應式設計時下流行的Web APP將會降低移動端設備的壓力，移動端優先的策略則讓用戶在移動端設備上優先獲取信息，響應式設計則讓你所設計的內容無縫地自適應到大屏幕上。漢堡圖標現在已經為大眾所熟知，所以當用戶在大屏幕上看到移動端常見的漢堡圖標也會意識到，這就是菜單。

4、類似SIRI的電商虛擬助手

在2016年，許多電商類網站流行使用基于JavaScript 和Ajax 的動態搜索引擎，這種技術讓用戶可以更快地定位他們想要的產品。用戶不再需要一個頁面地翻看，也不需要在固定的搜索結果頁當中一個一個翻找。

除了動態搜索獲得了更多用戶的認可之外，類似SIRI 這樣的語音搜索和數字助理也越來越多。許多企業正在嘗試以更加創新的方式為用戶提供服務，而語音服務可以打破視覺化的界面所構建的堡壘。

Uber 現在就已經開始使用Facebook Massenger機器人來讓用戶快速叫車了。類似這樣的虛擬助手將會越來越多的出現在用戶購物的場景中，為用戶提供互動性更強、更加個性化的體驗。除了在售前和售后提供用戶支持之外，這些虛擬助手能夠幫助用戶處理常見的問題。

5、互動式購物 = Material design + 卡片式設計 + 動效

谷歌所提出的Material Design 將Android 所有元素都梳理到了一套體系當中，顯眼的色彩、微妙的陰影、富有現實質感的動效都是電商中值得學習借鑒的素材。2017 年你會在各大電商網站看到更多的卡片式交互和動效，其中卡片式交互簡化了導航，讓用戶更容易注意到產品和類別的列表。

在電商網站和APP當中，最大的挑戰在于如何保持用戶的參與性，能夠同你的平臺一直保持聯系。所以，在新的一年中，你應該能看到許多動效和創新的設計，讓用戶更方便地瀏覽內容，在頁面和產品之間切換。

在即將到來的2017年，你將會看到更多有趣炫酷的交互：

·可旋轉交互的按鈕，旋轉變化的圖標，更有意思的加載進度條，交互性更強的通知和無處不在的動效
·在滾動過程中激活的按鈕，更富有視覺引導性的導航設計
·懸停放大的產品圖
·具有明確狀態判讀的加購物車按鈕等

6、基于大數據的用戶購買行為預測分析

大數據這個術語近乎改變了絕大多數的行業。由于電商這個行業和用戶的購物模式、產品模式有著緊密的關聯，這也使得大數據在此大有可為。在未來，結合大數據的支持，每個電商網站和APP應當都能根據用戶的喜好來進行優化。Google Analytics 將會在2017年完成對電商網站的實時數據分析，到時候電商網站可以結合這些數據，有針對性地對自家產品定價進行調整。

7、虛擬現實和現實增強

現實增強已經進入了電商行業，虛擬試衣間已經出現了，用戶可以借助攝像頭快速查看衣服和配飾上身的效果。更加沉浸式的體驗是VR帶來的，特定主題的商店將會借助VR眼鏡幫助用戶感受到身臨其境的購物體驗。

屆時，用戶將會從傳統的視頻和圖片所帶來的視覺體驗直接升級到虛擬商店所帶來的沉浸式購物體驗。作為一種全新的購物渠道，它符合全渠道推進的模式，還能強化產品、品牌和用戶之間的聯系。

關于現實增強，這篇文章你應該看看：《AR｜也許AR增強現實技術才是距離設計師最近的未來》

未來的購物方式

沉浸式體驗，虛擬助手，個性化的購物體驗，這些都是未來的購物方式的進化方向，影響用戶購買的因素更加復雜，而大數據則能夠在各個不同的環節幫助電商從業者預測用戶的行為與口味。所有這些因素都和用戶體驗相關，同時，它們也意味著，電商行業任重而道遠。

【繼續奮戰雙12！】

1. 促銷Banner設計：《掌控BANNER設計中促銷氛圍的“火候”，看這篇文章就夠了！》
2. 看看淘寶的思路：《電商丨值得一看的淘寶雙12親親節活動視覺分析（預熱期）》
3. 專注轉化率：《UI丨如何讓設計助力電商直播的流量轉化和留存？》
4. 黑五還不遠：《電商丨快速打造電商專題之黑五案例分享》

原文地址：inkoniq
原文作者：PANKAJ
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com