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