私域電商軟件及相關(guān)增值服務(wù)提供商--HiShop海商 | | 注冊(cè)有禮

電子商務(wù)網(wǎng)站建設(shè)如何策劃電商首屏?

2014-12-22|HiShop|閱讀量:
導(dǎo)讀:在做電子商務(wù)網(wǎng)站建設(shè)的前期,我們需要確定核心是用戶,而用戶最關(guān)心的是吸引人的商品或店鋪,同時(shí)就是電商網(wǎng)站能帶給他們的信任感。今天小編就重點(diǎn)和大家說說,電商網(wǎng)站的首屏策劃,需要注意些什么?...

  在做電子商務(wù)網(wǎng)站建設(shè)的前期,我們需要確定核心是用戶,而用戶最關(guān)心的是吸引人的商品或店鋪,同時(shí)就是電商網(wǎng)站能帶給他們的信任感。今天小編就重點(diǎn)和大家說說,電商網(wǎng)站的首屏策劃,需要注意些什么?

  1.確定可視范圍

  根據(jù)統(tǒng)計(jì)報(bào)告顯示,2014年使用率最高的Internet用戶屏幕分辨率為1366px*768px。以此為例,瀏覽器邊框?qū)挾绕毡樵?1左右,所以網(wǎng)頁首屏寬度在無干擾因素的情況下可以確定為1345;而屏幕總高度為768,除去任務(wù)欄高度40、店鋪頁頭106、瀏覽器(工具欄、邊框等)160和位置工具欄30,初步估算首屏高度控制在432較為合適。因此我們可以得出,最符合時(shí)下趨勢(shì)的首屏設(shè)計(jì)寬高基本范圍是1345*432,重要的內(nèi)容可以盡量放在這個(gè)區(qū)間里。

  2.展示吸引用戶的信息

  首頁的首屏位置在整個(gè)網(wǎng)站中都稱得上寸土寸金,正因?yàn)槿绱?,此處展示的文字?yīng)該短小精悍,盡可能用最少的篇幅就把信息表達(dá)清楚。標(biāo)題性文字更應(yīng)該把商家的商業(yè)訴求清晰直接的表達(dá)出來,在這類文字的策劃上需注意符合網(wǎng)站的整體風(fēng)格。

  3.視覺焦點(diǎn)要顯眼

  大多數(shù)用戶的瀏覽習(xí)慣是走馬觀花式的,以如今國(guó)內(nèi)電商網(wǎng)站普遍的布局來看,用戶在第一屏中的視覺焦點(diǎn)基本上以Banner和導(dǎo)航為主。因此,其中所表現(xiàn)的無論是文字還是大圖,都應(yīng)該讓用戶一眼看清內(nèi)容,減少其思考時(shí)間。設(shè)計(jì)師在設(shè)計(jì)時(shí)可以用“去色”的方法來檢驗(yàn)實(shí)際效果。

  4.圖片讓內(nèi)容更利于理解

  要讓用戶在短短的幾秒鐘之內(nèi)就了解網(wǎng)站或商家發(fā)布的一系列信息,單憑簡(jiǎn)短的文字是不夠的,還需借力于圖片的幫助。圖片的使用能從側(cè)面含蓄的襯托主題,因此,在圖片素材的選擇上應(yīng)該保證對(duì)主旨的表達(dá)有幫助,并且在視覺上保持風(fēng)格一致。

  5.用風(fēng)格強(qiáng)調(diào)主題

  網(wǎng)站首屏的風(fēng)格是根據(jù)目的來決定的,在設(shè)計(jì)之前,必須要了解這個(gè)首屏究竟在整個(gè)網(wǎng)站中會(huì)起到什么樣的作用。一般來說,電子商務(wù)網(wǎng)站的首頁首屏?xí)脕磉M(jìn)行推廣宣傳,比如單品推廣、店鋪推廣和活動(dòng)宣傳等。

  單品:以單品推廣作為主題的首屏一般會(huì)用賣點(diǎn)組成文案,再配上簡(jiǎn)單的圖片。

  店鋪:店鋪的推廣其實(shí)并不需要用很大的篇幅來具體說明,只要將一些用戶在意的關(guān)鍵點(diǎn)表現(xiàn)出來即可,例如優(yōu)惠信息,活動(dòng)形式范圍等。

  活動(dòng):一項(xiàng)活動(dòng)的宣傳很難用簡(jiǎn)單的文案在首屏中描述清楚,所以要盡量用有沖擊力的字詞來吸引用戶點(diǎn)擊到詳情頁。

  6.鎖定用戶的視覺重點(diǎn)

  當(dāng)用戶對(duì)網(wǎng)站還不太熟悉的時(shí)候,進(jìn)入首頁必然會(huì)一頭霧水,此時(shí),給予用戶視覺上的引導(dǎo)變得格外重要。引導(dǎo)的方法多種多樣,比如醒目的大字或圖片,吸引人的標(biāo)題、或是條理清晰整體布局等。所謂引導(dǎo),并不只是代表讓顧客購買商品,更意味著讓用戶點(diǎn)擊進(jìn)入其他頁面,產(chǎn)生更多的消費(fèi)。

  7.動(dòng)畫吸引用戶視線

  在網(wǎng)站用戶體驗(yàn)比較流暢的基礎(chǔ)上,在首屏中可以適當(dāng)?shù)募尤胍恍┦髽?biāo)互動(dòng)效果,或是Flash動(dòng)畫效果會(huì)讓頁面看起來更加生動(dòng)有趣,這種做法也能增加一定數(shù)量的點(diǎn)擊,并且吸引用戶的注意力。但這些效果只能作為點(diǎn)綴,大面積的使用反而會(huì)適得其反。

  8.符合視覺習(xí)慣的圖文混排

  大片單一的文字或圖片會(huì)讓用戶產(chǎn)生厭倦感,而圖文混排很好的彌補(bǔ)了這一點(diǎn)。圖文混排的方式有很多,比如色彩上的對(duì)比、文字或圖片的放大等等,在布局上盡量做到錯(cuò)落有致,讓用戶的視線順暢的轉(zhuǎn)移。無論用哪一種形式,都必須確保的是主要內(nèi)容的可讀性。

  總結(jié):做電子商務(wù)網(wǎng)站建設(shè)相比其他的企業(yè)網(wǎng)站是有區(qū)別的,因?yàn)檫@個(gè)不僅僅是涉及到品牌影響,更多的是牽扯到購買體驗(yàn),在成千上萬的網(wǎng)店中,如何能跳出來讓消費(fèi)者馬上能找,首先首屏就要有吸引力,迎合用戶的喜好。

關(guān)注HiShop

電話咨詢 預(yù)約演示 0元開店