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