這7個趨勢,也許是2017年電商用戶體驗設(shè)計的關(guān)鍵

0 評論 14421 瀏覽 52 收藏 10 分鐘

沉浸式體驗,虛擬助手,個性化的購物體驗,這些都是未來的購物方式的進(jìn)化方向,影響用戶購買的因素更加復(fù)雜,而大數(shù)據(jù)則能夠在各個不同的環(huán)節(jié)幫助電商從業(yè)者預(yù)測用戶的行為與口味。所有這些因素都和用戶體驗相關(guān),同時,它們也意味著,電商行業(yè)任重而道遠(yuǎn)。

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

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

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

ecommerce-trends_product-video-940x418

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

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

ecommerce_long-scroll-e1479274667367

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

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

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

3、多渠道呈現(xiàn),但是移動端優(yōu)先

ecommerce_mobile

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

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

ecommerce_dynamic-search

在2016年,許多電商類網(wǎng)站流行使用基于JavaScript 和Ajax 的動態(tài)搜索引擎,這種技術(shù)讓用戶可以更快地定位他們想要的產(chǎn)品。用戶不再需要一個頁面地翻看,也不需要在固定的搜索結(jié)果頁當(dāng)中一個一個翻找。

ecommerce_chatbots

除了動態(tài)搜索獲得了更多用戶的認(rèn)可之外,類似SIRI 這樣的語音搜索和數(shù)字助理也越來越多。許多企業(yè)正在嘗試以更加創(chuàng)新的方式為用戶提供服務(wù),而語音服務(wù)可以打破視覺化的界面所構(gòu)建的堡壘。

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

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

ecommerce_cards

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

在電商網(wǎng)站和APP當(dāng)中,最大的挑戰(zhàn)在于如何保持用戶的參與性,能夠同你的平臺一直保持聯(lián)系。所以,在新的一年中,你應(yīng)該能看到許多動效和創(chuàng)新的設(shè)計,讓用戶更方便地瀏覽內(nèi)容,在頁面和產(chǎn)品之間切換。

ecommerce_animations

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

  • 可旋轉(zhuǎn)交互的按鈕,旋轉(zhuǎn)變化的圖標(biāo),更有意思的加載進(jìn)度條,交互性更強(qiáng)的通知和無處不在的動效
  • 在滾動過程中激活的按鈕,更富有視覺引導(dǎo)性的導(dǎo)航設(shè)計
  • 懸停放大的產(chǎn)品圖
  • 具有明確狀態(tài)判讀的加購物車按鈕等

6、基于大數(shù)據(jù)的用戶購買行為預(yù)測分析

ecommerce_customize

大數(shù)據(jù)這個術(shù)語近乎改變了絕大多數(shù)的行業(yè)。由于電商這個行業(yè)和用戶的購物模式、產(chǎn)品模式有著緊密的關(guān)聯(lián),這也使得大數(shù)據(jù)在此大有可為。在未來,結(jié)合大數(shù)據(jù)的支持,每個電商網(wǎng)站和APP應(yīng)當(dāng)都能根據(jù)用戶的喜好來進(jìn)行優(yōu)化。Google Analytics 將會在2017年完成對電商網(wǎng)站的實時數(shù)據(jù)分析,到時候電商網(wǎng)站可以結(jié)合這些數(shù)據(jù),有針對性地對自家產(chǎn)品定價進(jìn)行調(diào)整。

7、虛擬現(xiàn)實和現(xiàn)實增強(qiáng)

AR_ecommerce_5-853x480

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

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

未來的購物方式

沉浸式體驗,虛擬助手,個性化的購物體驗,這些都是未來的購物方式的進(jìn)化方向,影響用戶購買的因素更加復(fù)雜,而大數(shù)據(jù)則能夠在各個不同的環(huán)節(jié)幫助電商從業(yè)者預(yù)測用戶的行為與口味。所有這些因素都和用戶體驗相關(guān),同時,它們也意味著,電商行業(yè)任重而道遠(yuǎn)。

 

原文作者:PANKAJ

原文地址:inkoniq

優(yōu)設(shè)譯文:@陳子木

譯文地址:http://www.uisdc.com/2017-7-ecommerce-ux-design-trends

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!