隨著時(shí)光的流轉(zhuǎn)，每年新技術(shù)的涌現(xiàn)與用戶行為的變化都在推動(dòng)著電商網(wǎng)站的發(fā)展及其設(shè)計(jì)的更新。特別是在2018年，電商自建站不僅采用了CSS網(wǎng)格布局，更注重對(duì)移動(dòng)設(shè)備友好的全屏窗口模式，同時(shí)還加大了對(duì)視頻內(nèi)容的投入，引入了微交互和引導(dǎo)銷售等新策略。

一、掌握CSS網(wǎng)格布局的魅力

CSS網(wǎng)格布局，作為一種二維布局模式，已逐漸成為網(wǎng)站設(shè)計(jì)人員的得力助手。其部分標(biāo)準(zhǔn)來源于萬維網(wǎng)聯(lián)盟，使網(wǎng)站設(shè)計(jì)人員能夠更好地掌控網(wǎng)頁布局，充分利用不同設(shè)備、不同尺寸屏幕的空間。

萬維網(wǎng)聯(lián)盟對(duì)于CSS網(wǎng)格布局給出了建議：在網(wǎng)站從簡(jiǎn)單的文檔進(jìn)化為復(fù)雜的交互式應(yīng)用程序的過程中，舊的布局技術(shù)如浮動(dòng)元素可能不再適合新的應(yīng)用程序布局。而CSS網(wǎng)格布局，結(jié)合了表格、JavaScript腳本以及對(duì)浮動(dòng)元素的精細(xì)測(cè)量，為設(shè)計(jì)師提供了實(shí)現(xiàn)所需布局的強(qiáng)大工具。

值得注意的是，雖然舊版瀏覽器可能不支持CSS網(wǎng)格布局，但所有主流瀏覽器的最新版本均已支持，包括Chrome、Firefox、Safari、Opera以及Edge。2018年將有越來越多的電商網(wǎng)站設(shè)計(jì)人員和主題制作人員采用這一布局，特別是在品類頁面和搜索結(jié)果頁面上。

二、全屏搜索與表單的崛起

模態(tài)彈出框，作為網(wǎng)站設(shè)計(jì)的關(guān)鍵元素之一，通常由腳本控制并覆蓋在其他元素或內(nèi)容之上，為用戶提供交互式體驗(yàn)。近年來，模態(tài)彈出框在電商網(wǎng)站中非常流行。而到了2018年，全屏模態(tài)彈出框在搜索和表單中的應(yīng)用將越來越普遍。

此趨勢(shì)與移動(dòng)優(yōu)先的網(wǎng)頁設(shè)計(jì)理念相吻合。在移動(dòng)設(shè)備上，全屏模態(tài)彈出框能夠占據(jù)大部分或全部屏幕空間，為用戶提供更加沉浸式的體驗(yàn)。例如，Overstock平臺(tái)的登記表單采用了全屏模態(tài)顯示，當(dāng)新用戶訪問網(wǎng)站時(shí)彈出。這種設(shè)計(jì)在移動(dòng)設(shè)備上尤為突出，居中且全屏的顯示方式極大地提升了用戶體驗(yàn)。

三、視頻內(nèi)容的崛起

在信息傳達(dá)、故事講述以及引起消費(fèi)者共鳴方面，視頻內(nèi)容無疑是最佳選擇。隨著互聯(lián)網(wǎng)上分享的視頻數(shù)量日益增長(zhǎng)，電商零售商也開始在網(wǎng)頁設(shè)計(jì)中加大視頻元素的投入。

Beardbrand等網(wǎng)站早已意識(shí)到視頻內(nèi)容的重要性，并在產(chǎn)品詳情頁面上添加了視頻內(nèi)容。而這種趨勢(shì)在2018年將更加明顯，我們甚至?xí)吹揭曨l被用作背景，用于現(xiàn)場(chǎng)推銷或創(chuàng)建企業(yè)形象等。

四、微交互的盛行

微交互自Facebook在帖子上添加“Like”按鈕以來就一直存在。而在2018年，它將成為網(wǎng)站和應(yīng)用程序中最受歡迎的趨勢(shì)之一。

對(duì)于電商賣家而言，巧用微交互可以幫助消費(fèi)者建立習(xí)慣，或是獎(jiǎng)勵(lì)完成特定任務(wù)的用戶。例如，當(dāng)購(gòu)物者為最近購(gòu)買的產(chǎn)品撰寫評(píng)論并提交時(shí)，一個(gè)小動(dòng)畫（微交互）可以作為一種獎(jiǎng)勵(lì)，鼓勵(lì)他們繼續(xù)撰寫評(píng)論。這種設(shè)計(jì)不僅增加了用戶的互動(dòng)性，還幫助消費(fèi)者形成了消費(fèi)習(xí)慣循環(huán)。

五、引導(dǎo)銷售的策略

引導(dǎo)銷售是電商行業(yè)中一種常見策略，旨在詢問消費(fèi)者關(guān)于產(chǎn)品特征和用途的問題，以幫助他們更好地選擇特定產(chǎn)品。在2018年及以后的日子里，這種策略將變得更加普遍。

多家電商網(wǎng)站已經(jīng)采用了引導(dǎo)銷售策略來提升用戶購(gòu)物體驗(yàn)。例如維多利亞的秘密通過運(yùn)動(dòng)文胸選擇器幫助消費(fèi)者挑選合適的文胸；North Face則通過智能搜索為消費(fèi)者推薦合適的夾克；則通過簡(jiǎn)單的步驟幫助消費(fèi)者找到適合其健身目標(biāo)的營(yíng)養(yǎng)補(bǔ)充劑。這些策略都旨在為消費(fèi)者提供更加便捷、人性化的購(gòu)物體驗(yàn)。

隨著新技術(shù)的不斷涌現(xiàn)和用戶行為的變化，電商網(wǎng)站的設(shè)計(jì)也在不斷更新與進(jìn)步。從CSS網(wǎng)格布局到全屏搜索與表單、視頻內(nèi)容的崛起、微交互的盛行以及引導(dǎo)銷售的策略，這些趨勢(shì)都為電商行業(yè)帶來了新的機(jī)遇與挑戰(zhàn)。