因?yàn)樵O(shè)計(jì)師們使用一系列相似的用戶界面設(shè)計(jì)模式、雇傭卡片和卡片式布局,甚至使用相似方式獲取新的郵件用戶,2016年?duì)I銷型網(wǎng)站也許會(huì)開始看起來越來越相似。
通常網(wǎng)絡(luò)設(shè)計(jì)上的變化是由網(wǎng)站使用上的變化導(dǎo)致的。今年,移動(dòng)網(wǎng)站的使用將帶動(dòng)幾乎這個(gè)名單上的所有趨勢(shì)。設(shè)計(jì)模式將給購物者提供相似和利便的購物經(jīng)驗(yàn)?ㄆ季衷谥悄苁謾C(jī)上和在大屏幕上的效果一樣好,并且即使是動(dòng)態(tài)內(nèi)容也可以通過設(shè)備來改善體驗(yàn)。營銷型網(wǎng)站的建設(shè)會(huì)有如下的5個(gè)趨勢(shì)。
1. 常見的用戶界面設(shè)計(jì)模式
在軟件開發(fā)中以及通過外延營銷型網(wǎng)站設(shè)計(jì)和開發(fā),一個(gè)設(shè)計(jì)模式可以再次用于解決某個(gè)常見的題目。正如如何制作一個(gè)易于在智能手機(jī)上使用的導(dǎo)航菜單一樣,用戶界面設(shè)計(jì)模式,更詳細(xì)地來說,是應(yīng)對(duì)常見用戶界面挑戰(zhàn)的可能的對(duì)策。
在過去的幾年里,某種意義上來說,網(wǎng)站設(shè)計(jì)者們已經(jīng)固定在一些廣泛使用的設(shè)計(jì)模式上。對(duì)于在智能手機(jī)上或者依托于類似Bootstrap或是Foundation這類的CSS框架的響應(yīng)式設(shè)計(jì)上展現(xiàn),情況尤其如斯。
設(shè)計(jì)模式的連續(xù)性的這種趨勢(shì)對(duì)于營銷型網(wǎng)站設(shè)計(jì)也會(huì)產(chǎn)生兩種可能的影響。
首先,網(wǎng)站會(huì)看起來非常相似。網(wǎng)頁設(shè)計(jì)在主題上將會(huì)有多種變化,而不是截然不同的布局。
其次,購物者也許會(huì)發(fā)現(xiàn)營銷型網(wǎng)站間的相似性會(huì)使得使用和操縱更加簡樸。遵循這些模式也許會(huì)有助于創(chuàng)造更好的購物體驗(yàn),特別是在移動(dòng)設(shè)備上。
在今年,有望更加頻繁地看到常見用戶界面設(shè)計(jì)模式。
2. 卡片及卡片式布局
在網(wǎng)站設(shè)計(jì)術(shù)語中,一個(gè)“卡片”壓縮了圖像、文本以及與單個(gè)話題相關(guān)的其他資源?ㄆ且砸环N既養(yǎng)眼又易于使用的方式來組織不同話題的一種方式?ㄆ季忠卜浅_m合響應(yīng)式設(shè)計(jì)。
實(shí)際上,卡片是上述描述的一種設(shè)計(jì)模式。這個(gè)特定的模式也僅僅是剛剛開始升溫,假如2016年你將會(huì)而且也能夠使?fàn)I銷型網(wǎng)站設(shè)計(jì)變得更加普遍。
作為背景,卡片和卡片式布局泛起于幾個(gè)不同的設(shè)計(jì)指導(dǎo)方針里,但是他們作為一個(gè)包含在在谷歌材料設(shè)計(jì)(因此也在安卓)里的組件也許已經(jīng)匡助推動(dòng)了這個(gè)設(shè)計(jì)模式的普及。
可以找到良多這樣的電子商務(wù)的例子。在Lord & Taylor網(wǎng)上,卡片被應(yīng)用于特色種別或產(chǎn)品。
同樣地,Rejuvenation 以大型產(chǎn)品形象為特色,使用卡片式布局來組織它的主頁。
還有最后一個(gè)例子,Belk在各種各樣的超值商品上使用卡片。
3.彈出式和干擾式傾銷
所謂的彈出式廣告也許是最令人討厭的在線推廣形式之一。20世紀(jì)90年代第一批彈窗開啟了帶有廣告甚至整個(gè)網(wǎng)站在內(nèi)的新的瀏覽器窗口。很多彈窗都是欺騙性的。顧客通常很討厭這些廣告。彈窗攔截服務(wù)變得越來越常見,而且不久以后網(wǎng)絡(luò)瀏覽器也會(huì)攔截這些騷擾廣告。
有趣地是,這種類型的干擾式傾銷在網(wǎng)站設(shè)計(jì)中正卷土重來。在其目前的形式里,彈窗是一個(gè)模式,通常為了換取加入一個(gè)郵件列表或者遵循這個(gè)網(wǎng)站的各種社交媒體的配置文件而提供折扣。
動(dòng)力是電子郵件營銷是在線賣家可獲取的最有力的工具之一。市場營銷者獲悉,假如他們能夠得到更多的電子郵件用戶,他們可以得到更多銷售額。因此,似乎他們用盡一切辦法來吸引用戶。
在今年,這些彈窗會(huì)變得很常見以至于三分之一的國家零售同盟的頂級(jí)零售商會(huì)使用它們。你訪問網(wǎng)站的時(shí)候也許彈窗不會(huì)每次都泛起。在某些情況下,你將得采取一些類似于卷動(dòng)的步履來展示這個(gè)模式。
4. 大型攝影和視頻
“一張圖頂一千個(gè)詞”,并且一個(gè)視頻也許頂幾百萬字。在今年?duì)I銷型網(wǎng)站會(huì)以大圖和越來越多的視頻為特點(diǎn)。而且,如何讓這些豐碩的材料被用來在所有平臺(tái)上進(jìn)步網(wǎng)站機(jī)能,設(shè)計(jì)師和開發(fā)商對(duì)此持樂觀立場。觀察營銷型網(wǎng)站上的大圖的案例,你不需要看得太遠(yuǎn)。打開Best Made網(wǎng)站,你會(huì)看到一張視野開闊的糊口照。
5.動(dòng)態(tài)視圖
很多(假如不是大多數(shù)的話)在線商店會(huì)展示動(dòng)態(tài)的產(chǎn)品或者產(chǎn)品列表,意味著它們被展示在服務(wù)器上并且被輸送到用戶瀏覽器上。當(dāng)顧客改變一個(gè)選項(xiàng)或過濾器,瀏覽器會(huì)聯(lián)系服務(wù)器然后獲取一個(gè)新的動(dòng)態(tài)界面。
留意這個(gè)在今年會(huì)發(fā)生改變,由于更多的網(wǎng)站開始使用基于JavaScript 和Ajax的動(dòng)態(tài)視圖。要想查看一個(gè)令人信服的例子,訪問JadoPado網(wǎng)站并搜索一些東西。留意有了每一個(gè)新的按鍵,頁面上展示的產(chǎn)品會(huì)產(chǎn)生動(dòng)態(tài)的變化。
|