日期:2020-08-02瀏覽次數(shù):3213
從用戶的角度理解網(wǎng)站設計,我們的區(qū)別在于細節(jié)。
首頁不僅是一個網(wǎng)站的門面,更是企業(yè)形象的代表,而首頁的展現(xiàn)效果很大程度決定了訪客的去留。
大部分訪客只會花幾秒掃視頁面,因此必須將重要內(nèi)容往上展示,讓訪客快速找到想要的信息,避免還沒拉到底就被關(guān)閉,影響轉(zhuǎn)化率。
首屏多高才合適?
為保證訪客一眼能看到內(nèi)容的完整性,需要給首屏設置高度界定。這里有個參考公式:
首屏高度=電腦設備分辨率的高度-瀏覽器環(huán)境大小(包括菜單欄、收藏欄、狀態(tài)欄等)。
據(jù)不完全統(tǒng)計數(shù)據(jù)顯示,當首屏像素高度大于580時,44.64%的訪客看不完整;大于720,82.64%的訪客看不完整,大于800,92.27%的訪客看不完整。所以,建議首屏高度控制在720像素左右為佳。
首屏展示什么內(nèi)容?
首頁元素應包括:logo、公司名稱、導航、banner,并且要將重要的信息要放在左側(cè),以便增加曝光率。因為大部分訪客瀏覽的軌跡呈字母“F”形,如下圖為訪客眼動軌跡示意圖。
首頁展示應使用公司簡稱
首頁頭部一定要放logo,最好跟公司名稱并列,作為企業(yè)的標志。具體位置可在左上角,居中,或者右上角。
訪客通常只會花0.1秒的時間掃視logo。但不少商家會要求logo旁邊展示公司全稱,例如Guangzhou XXX Co,Ltd. 。這樣既影響閱讀又難以記憶。如以下對比圖:
倘若訪客對企業(yè)感興趣,自然會瀏覽內(nèi)頁。公司全稱只需要在關(guān)于我們、聯(lián)系我們等頁面,和底部版權(quán)信息展示即可。
首屏大圖聚焦用戶注意力
讀圖比讀字更引人入勝。精彩的首屏banner,可以快速將信息傳達給訪客。一張banner通常由多個元素組成,包括:背景圖、產(chǎn)品、文案。但很多商家的要求在設計上都不利于企業(yè)信息傳達,例如:
1. 沒有廣告語文案
廣告語是banner的重要組成元素。缺少廣告語的banner,對于營銷是毫無效果的,無法傳達有效信息,并會導致訪客流失。
如上圖,缺少了廣告語,網(wǎng)站顯得空洞無物,訪客無法讀取任何關(guān)于企業(yè)的信息,此時訪客很有可能就將網(wǎng)站關(guān)閉。
2. 廣告語文字過多
相反,廣告語文字過多,訪客一眼看不到重點,容易造成閱讀困難。
banner自動切換時間通常是2 - 3秒,一大段的描述文字,訪客難以在短時間內(nèi)讀完,導致用戶體驗感差,降低訪客對網(wǎng)站的信心。
小編認為簡短明確的廣告語是強有力的開場白,應放在最顯眼的位置,用大字體突出,同時用小字輔助說明。一兩行精簡為宜,讓訪客在掃視的過程中快速讀懂內(nèi)容。
3. 凌亂卻不美的產(chǎn)品拼湊
不少外貿(mào)商家希望banner上展示更多產(chǎn)品,其實很容易造成視覺混亂,甚至拉低品牌價值。如下圖。
建議
banner可從企業(yè)理念、產(chǎn)品優(yōu)勢、應用領域、特色產(chǎn)品等多角度闡述,每個角度分別設置一張banner。
例如挑選五款重點產(chǎn)品,分別設置五張banner,但每張banner展示的產(chǎn)品數(shù)量以不超過三個為宜,而且不同產(chǎn)品的拍攝角度應盡量統(tǒng)一。
另外在banner上增加引導點擊按鈕提示,能夠有效的提高網(wǎng)站轉(zhuǎn)化率。如果按鈕的文字能使用召喚力強的詞匯,更能激發(fā)訪客點擊,給網(wǎng)站帶來利益。
合理的導航,有助訪客快速找到答案
導航是網(wǎng)站的路標,合理清晰的導航可以帶領訪客快速找到目標信息。因此,建議導航廣度不超過7個,導航深度在三層以內(nèi)為佳。
瀏陽冠訊網(wǎng)絡致力于用戶體驗的高端網(wǎng)站設計,再優(yōu)秀的設計,最終落地是給用戶使用的,我們的優(yōu)勢在于不做浮夸的設計,追逐結(jié)合用戶體驗和美感的的設計,我們?yōu)橹Γ?