2017年電(diàn)商網站(zhàn)設計(jì)趨勢解讀
1、無處不在的高(gāo)清大(dà)圖和(hé)視(shì)頻
當你(nǐ)看到網站(zhàn)上(shàng)一條紅色性感的露背長裙的圖片的時(shí)候，你(nǐ)是否會(huì)考慮在情人(rén)節之前買一條？而多(duō)角度的高(gāo)清大(dà)圖，甚至全方位無死角的視(shì)頻展示，才能讓用戶看的更清楚，更容易下定購買的決心。越來(lái)越多(duō)的電(diàn)商和(hé)在線購物網站(zhàn)開(kāi)始引入高(gāo)清大(dà)圖和(hé)視(shì)頻背景，用引人(rén)入勝的體(tǐ)驗帶來(lái)更高(gāo)的交易率。不僅僅是網站(zhàn)首頁，産品的詳情頁也會(huì)出現更多(duō)的高(gāo)清大(dà)圖與視(shì)頻。
2、更小(xiǎo)的屏幕，更長的頁面
無限滾動，或者說長滾動頁面，現如今已經成了電(diàn)商設計(jì)師(shī)的最愛(ài)。移動端設備成為(wèi)了用戶浏覽、獲取信息的主要渠道(dào)，長滾動頁面成了大(dà)量內(nèi)容展示的最佳方式。由于手指觸摸是移動端的主要交互方式，你(nǐ)會(huì)在移動端設備上(shàng)看到更多(duō)的手勢操作(zuò)的加入。在長滾動頁面當中，用戶可(kě)以通(tōng)過滑動交互更好地控制(zhì)滾動的速度。
滑動交互也更加适合講述故事，在電(diàn)商領域，長滾動頁面會(huì)成為(wèi)潮流的引領者。
當長滾動頁面和(hé)故事走到一起的時(shí)候，視(shì)差和(hé)動效就自然而然地可(kě)以容融入進來(lái)了，它會(huì)讓體(tǐ)驗更加具有(yǒu)吸引力，它們會(huì)讓長滾動頁面擁有(yǒu)更加視(shì)覺化的表現力，也可(kě)以幫助用戶在短(duǎn)時(shí)間(jiān)內(nèi)消費更多(duō)的內(nèi)容。
3、多(duō)渠道(dào)呈現，但(dàn)是移動端優先
更多(duō)人(rén)開(kāi)始使用智能手機消費和(hé)購物，而非使用電(diàn)腦(nǎo)。越來(lái)越多(duō)的品牌開(kāi)始采取移動端優先的策略。你(nǐ)不用擔心移動端APP會(huì)塞滿用戶的手機，響應式設計(jì)時(shí)下流行(xíng)的WebAPP将會(huì)降低(dī)移動端設備的壓力，移動端優先的策略則讓用戶在移動端設備上(shàng)優先獲取信息，響應式設計(jì)則讓你(nǐ)所設計(jì)的內(nèi)容無縫地自适應到大(dà)屏幕上(shàng)。漢堡圖标現在已經為(wèi)大(dà)衆所熟知，所以當用戶在大(dà)屏幕上(shàng)看到移動端常見的漢堡圖标也會(huì)意識到，這就是菜單。
4、類似SIRI的電(diàn)商虛拟助手
在2016年，許多(duō)電(diàn)商類網站(zhàn)流行(xíng)使用基于JavaScript和(hé)Ajax的動态搜索引擎，這種技(jì)術(shù)讓用戶可(kě)以更快地定位他們想要的産品。用戶不再需要一個(gè)頁面地翻看，也不需要在固定的搜索結果頁當中一個(gè)一個(gè)翻找。
除了動态搜索獲得(de)了更多(duō)用戶的認可(kě)之外，類似SIRI這樣的語音(yīn)搜索和(hé)數(shù)字助理(lǐ)也越來(lái)越多(duō)。許多(duō)企業正在嘗試以更加創新的方式為(wèi)用戶提供服務，而語音(yīn)服務可(kě)以打破視(shì)覺化的界面所構建的堡壘。
Uber現在就已經開(kāi)始使用Facebook Massenger機器(qì)人(rén)來(lái)讓用戶快速叫車(chē)了。類似這樣的虛拟助手将會(huì)越來(lái)越多(duō)的出現在用戶購物的場(chǎng)景中，為(wèi)用戶提供互動性更強、更加個(gè)性化的體(tǐ)驗。除了在售前和(hé)售後提供用戶支持之外，這些(xiē)虛拟助手能夠幫助用戶處理(lǐ)常見的問題。
5、互動式購物=Material design+卡片式設計(jì)+動效
谷歌(gē)所提出的Material Design将Android所有(yǒu)元素都梳理(lǐ)到了一套體(tǐ)系當中，顯眼的色彩、微妙的陰影(yǐng)、富有(yǒu)現實質感的動效都是電(diàn)商中值得(de)學習借鑒的素材。2017年你(nǐ)會(huì)在各大(dà)電(diàn)商網站(zhàn)看到更多(duō)的卡片式交互和(hé)動效，其中卡片式交互簡化了導航，讓用戶更容易注意到産品和(hé)類别的列表。
在電(diàn)商網站(zhàn)和(hé)APP當中，最大(dà)的挑戰在于如何保持用戶的參與性，能夠同你(nǐ)的平台一直保持聯系。所以，在新的一年中，你(nǐ)應該能看到許多(duō)動效和(hé)創新的設計(jì)，讓用戶更方便地浏覽內(nèi)容，在頁面和(hé)産品之間(jiān)切換。
在即将到來(lái)的2017年，你(nǐ)将會(huì)看到更多(duō)有(yǒu)趣炫酷的交互：
·可(kě)旋轉交互的按鈕，旋轉變化的圖标，更有(yǒu)意思的加載進度條，交互性更強的通(tōng)知和(hé)無處不在的動效
·在滾動過程中激活的按鈕，更富有(yǒu)視(shì)覺引導性的導航設計(jì)
·懸停放大(dà)的産品圖
·具有(yǒu)明(míng)确狀态判讀的加購物車(chē)按鈕等
6、基于大(dà)數(shù)據的用戶購買行(xíng)為(wèi)預測分析
大(dà)數(shù)據這個(gè)術(shù)語近乎改變了絕大(dà)多(duō)數(shù)的行(xíng)業。由于電(diàn)商這個(gè)行(xíng)業和(hé)用戶的購物模式、産品模式有(yǒu)着緊密的關聯，這也使得(de)大(dà)數(shù)據在此大(dà)有(yǒu)可(kě)為(wèi)。在未來(lái)，結合大(dà)數(shù)據的支持，每個(gè)電(diàn)商網站(zhàn)和(hé)APP應當都能根據用戶的喜好來(lái)進行(xíng)優化。GoogleAnalytics将會(huì)在2017年完成對電(diàn)商網站(zhàn)的實時(shí)數(shù)據分析，到時(shí)候電(diàn)商網站(zhàn)可(kě)以結合這些(xiē)數(shù)據，有(yǒu)針對性地對自家(jiā)産品定價進行(xíng)調整。
7、虛拟現實和(hé)現實增強
現實增強已經進入了電(diàn)商行(xíng)業，虛拟試衣間(jiān)已經出現了，用戶可(kě)以借助攝像頭快速查看衣服和(hé)配飾上(shàng)身的效果。更加沉浸式的體(tǐ)驗是VR帶來(lái)的，特定主題的商店(diàn)将會(huì)借助VR眼鏡幫助用戶感受到身臨其境的購物體(tǐ)驗。
屆時(shí)，用戶将會(huì)從傳統的視(shì)頻和(hé)圖片所帶來(lái)的視(shì)覺體(tǐ)驗直接升級到虛拟商店(diàn)所帶來(lái)的沉浸式購物體(tǐ)驗。作(zuò)為(wèi)一種全新的購物渠道(dào)，它符合全渠道(dào)推進的模式，還(hái)能強化産品、品牌和(hé)用戶之間(jiān)的聯系。
未來(lái)的購物方式
沉浸式體(tǐ)驗，虛拟助手，個(gè)性化的購物體(tǐ)驗，這些(xiē)都是未來(lái)的購物方式的進化方向，影(yǐng)響用戶購買的因素更加複雜，而大(dà)數(shù)據則能夠在各個(gè)不同的環節幫助電(diàn)商從業者預測用戶的行(xíng)為(wèi)與口味。所有(yǒu)這些(xiē)因素都和(hé)用戶體(tǐ)驗相關，同時(shí)，它們也意味着，電(diàn)商行(xíng)業任重而道(dào)遠。
