如何外貿(mào)網(wǎng)站設(shè)計-能留住客戶提升用戶體驗!
首頁不僅是一個網(wǎng)站的門面,更是企業(yè)形象的代表,決定訪客的去留。而首頁的第一屏,即首屏,開門見山,更是重中之重。大部分訪客只會花幾秒掃視頁面,如何在首屏捕獲用戶的芳心,增強訪客粘度,關(guān)系到網(wǎng)站運營以及轉(zhuǎn)化率的問題。
首屏多高才合適?
為保證訪客一眼能看到內(nèi)容的完整性,需要給首屏設(shè)置高度界定。這里有個參考公式:
首屏高度=電腦設(shè)備分辨率的高度-瀏覽器環(huán)境大小(包括菜單欄、收藏欄、狀態(tài)欄等)。
據(jù)NUORW不完全統(tǒng)計數(shù)據(jù)顯示,當(dāng)首屏像素高度大于580時,44.64%的訪客看不完整;大于720,82.64%的訪客看不完整,大于800,92.27%的訪客看不完整。所以,NUORW建議首屏高度控制在720像素左右為佳。
首屏展示什么內(nèi)容?
首屏元素應(yīng)包括:logo、公司名稱、導(dǎo)航、banner,并且要將重要的信息要放在左側(cè),以便增加曝光率。因為大部分訪客瀏覽的軌跡呈字母“F”形,如下圖為訪客眼動軌跡示意圖。
(圖片來源于網(wǎng)絡(luò))
首屏展示應(yīng)使用公司簡稱
首屏頭部一定要放logo,最好跟公司名稱并列,作為企業(yè)的標(biāo)志。具體位置可在左上角或者居中。
訪客通常只會花0.1秒的時間掃視logo。 但不少商家會要求logo旁邊展示公司全稱,例如Guangzhou XXX Co,Ltd. 。這樣既影響閱讀又難以記憶。如以下對比圖:
倘若訪客對企業(yè)感興趣,自然會瀏覽內(nèi)頁。公司全稱只需要在關(guān)于我們、聯(lián)系我們等頁面,和底部版權(quán)信息展示即可。
首屏大圖聚焦用戶注意力
讀圖比讀字更引人入勝。精彩的首屏banner,可以快速將信息傳達(dá)給訪客。一張banner通常由多個元素組成,包括:背景圖、產(chǎn)品、文案。但很多商家的要求在設(shè)計上都不利于企業(yè)信息傳達(dá),例如:
1. 沒有廣告語文案
廣告語是banner的重要組成元素。缺少廣告語的banner,對于營銷是毫無效果的,無法傳達(dá)有效信息,并會導(dǎo)致訪客流失。
如上圖,缺少了廣告語,網(wǎng)站顯得空洞無物,訪客無法讀取任何關(guān)于企業(yè)的信息,此時訪客很有可能就將網(wǎng)站關(guān)閉。
2. 廣告語文字過多
相反,廣告語文字過多,訪客一眼看不到重點,容易造成閱讀困難。
Banner自動切換時間通常是2 – 3秒,一大段的描述文字,訪客難以在短時間內(nèi)讀完,導(dǎo)致用戶體驗感差,降低訪客對網(wǎng)站的信心。
簡短明確的廣告語是強有力的開場白,應(yīng)放在最顯眼的位置,用大字體突出,同時用小字輔助說明。一兩行精簡為宜,讓訪客在掃視的過程中快速讀懂內(nèi)容。
3.凌亂卻不美的產(chǎn)品拼湊
不少外貿(mào)商家希望banner上展示更多產(chǎn)品,其實很容易造成視覺混亂,甚至拉低品牌價值。如下圖:
建議
Banner可從企業(yè)理念、產(chǎn)品優(yōu)勢、應(yīng)用領(lǐng)域、特色產(chǎn)品等多角度闡述,每個角度分別設(shè)置一張banner。
例如挑選五款重點產(chǎn)品,分別設(shè)置五張banner,但每張banner展示的產(chǎn)品數(shù)量以不超過三個為宜,而且不同產(chǎn)品的拍攝角度應(yīng)盡量統(tǒng)一。
另外在banner上增加引導(dǎo)點擊按鈕提示,能夠有效的提高網(wǎng)站轉(zhuǎn)化率。如果按鈕的文字能使用召喚力強的詞匯,更能激發(fā)訪客點擊,給網(wǎng)站帶來利益。
4. 合理的導(dǎo)航,有助訪客快速找到答案
導(dǎo)航是網(wǎng)站的路標(biāo),合理清晰的導(dǎo)航可以帶領(lǐng)訪客快速找到目標(biāo)信息。因此,NUORW建議導(dǎo)航廣度不超過7個,導(dǎo)航深度在三層以內(nèi)為佳。
2019-07-08
廣州蘇營貿(mào)易有限公司專注海外推廣十年,是谷歌推廣.Facebook廣告核心全球合作伙伴,我們精英化的技術(shù)團(tuán)隊為企業(yè)提供谷歌海外推廣+外貿(mào)網(wǎng)站建設(shè)+網(wǎng)站維護(hù)運營+Google SEO優(yōu)化+社交營銷為您提供一站式海外營銷服務(wù)。
We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the cookie policy.
You can consent to the use of such technologies by closing this notice, by interacting with any link or button outside of this notice or by continuing to browse otherwise.