世界著名的網頁易用性專家尼爾森曾經(jīng)有報告顯示，首屏以上的關注度爲80.3%，首屏以下的關注度僅有19.7%。這(zhè)兩(liǎng)個數據

足以表明，首屏對(duì)每一個需要轉化率的網站都(dōu)很重要，尤其是電商網站。

在電子商務網站中，用戶最急切需要獲得的不外乎兩(liǎng)點：吸引人的商品或店鋪，以及網站能(néng)夠給予他的信任感。信任需要積

累，因此，各類宣傳推廣信息就成(chéng)了電商首屏展示的不二之選。

一個能(néng)引人駐足停留的首屏一定會爲網站帶來更多的客戶和利益，現在讓我們告訴你如何策劃設計出一個好(hǎo)看好(hǎo)用的電商首

屏。

一、确定可視範圍

根據統計報告顯示，2014年使用率最高的Internet用戶屏幕分辨率爲1366px*768px。以此爲例，浏覽器邊框寬度普遍在21左

右，所以網頁首屏寬度在無幹擾因素的情況下可以确定爲1345；而屏幕總高度爲768，除去任務欄高度40、店鋪頁頭106、浏

覽器（工具欄、邊框等）160和位置工具欄30，初步估算首屏高度控制在432較爲合适。因此我們可以得出，最符合時下趨勢

的首屏設計寬高基本範圍是1345*432，重要的内容可以盡量放在這(zhè)個區間裡(lǐ)。

二、展示吸引用戶的信息

首頁的首屏位置在整個網站中都(dōu)稱得上寸土寸金，正因爲如此，此處展示的文字應該短小精悍，盡可能(néng)用最少的篇幅就把信

息表達清楚。标題性文字更應該把商家的商業訴求清晰直接的表達出來，在這(zhè)類文字的策劃上需注意符合網站的整體風格。

Gap的首屏雖然沒(méi)有將(jiāng)廣告的下半部分很完整的展現出來，但是這(zhè)似乎并沒(méi)有影響到用戶想要繼續點擊的心情，真正吸引用

戶的信息點都(dōu)被(bèi)整齊的陳列在首屏中，供用戶逐一了解。

三、視覺焦點要顯眼

大多數用戶的浏覽習慣是走馬觀花式的，以如今國(guó)内電商網站普遍的布局來看，用戶在第一屏中的視覺焦點基本上以Banner

和導航爲主。因此，其中所表現的無論是文字還(hái)是大圖，都(dōu)應該讓用戶一眼看清内容，減少其思考時間。設計師在設計時可

以用“去色”的方法來檢驗實際效果。

通過(guò)去色前後(hòu)的對(duì)比圖我們可以發(fā)現，去色後(hòu)，導航上的文字内容會變得不夠清晰，因此我們可以得出，色彩是鎖定用戶視

覺焦點的主要問題。

四、圖片讓内容更利于理解

要讓用戶在短短的幾秒鍾之内就了解網站或商家發(fā)布的一系列信息，單憑簡短的文字是不夠的，還(hái)需借力于圖片的幫助。圖

片的使用能(néng)從側面(miàn)含蓄的襯托主題，因此，在圖片素材的選擇上應該保證對(duì)主旨的表達有幫助，并且在視覺上保持風格一緻

。

五、用風格強調主題

網站首屏的風格是根據目的來決定的，在設計之前，必須要了解這(zhè)個首屏究竟在整個網站中會起(qǐ)到什麼(me)樣(yàng)的作用。一般來說

，電子商務網站的首頁首屏會用來進(jìn)行推廣宣傳，比如單品推廣、店鋪推廣和活動宣傳等。

六、鎖定用戶的視覺重點

當用戶對(duì)網站還(hái)不太熟悉的時候，進(jìn)入首頁必然會一頭霧水，此時，給予用戶視覺上的引導變得格外重要。引導的方法多種(zhǒng)

多樣(yàng)，比如醒目的大字或圖片，吸引人的标題、或是條理清晰整體布局等。所謂引導，并不隻是代表讓顧客購買商品，更意

味著(zhe)讓用戶點擊進(jìn)入其他頁面(miàn)，産生更多的消費。

七、動畫吸引用戶視線

在網站用戶體驗比較流暢的基礎上，在首屏中可以适當的加入一些鼠标互動效果，或是Flash動畫效果會讓頁面(miàn)看起(qǐ)來更加

生動有趣，這(zhè)種(zhǒng)做法也能(néng)增加一定數量的點擊，并且吸引用戶的注意力。但這(zhè)些效果隻能(néng)作爲點綴，大面(miàn)積的使用反而會适

得其反。

八、符合視覺習慣的圖文混排

大片單一的文字或圖片會讓用戶産生厭倦感，而圖文混排很好(hǎo)的彌補了這(zhè)一點。圖文混排的方式有很多，比如色彩上的對(duì)比

、文字或圖片的放大等等，在布局上盡量做到錯落有緻，讓用戶的視線順暢的轉移。無論用哪一種(zhǒng)形式，都(dōu)必須确保的是主

要内容的可讀性。

總結：

我們認爲，首屏是吸引用戶至關重要的通道(dào)，很多網站因爲對(duì)首屏的忽視，從而産生了一些用戶體驗上的問題。電商網站相

比較普通的官方網站在性質上更特殊一些，電商首屏應該帶著(zhe)商家的目的性去迎合用戶的常規使用習慣，而不是漫無目的地

把首屏變成(chéng)布告欄。

設計師在做一個設計項目之前，不妨多從用戶的角度思考，也許會有意想不到的收獲。