1，信息組織架構(gòu) |Information Architecture
良好的信息組織架構(gòu)使你的官網(wǎng)清晰明了，用戶打開(kāi)網(wǎng)站后，能夠快速形成明確的邏輯關(guān)系（當(dāng)然是你希望的邏輯關(guān)系），另一方面，使你的用戶快速找到感興趣的內(nèi)容。一般情況下，企業(yè)想展示的內(nèi)容和用戶想看的內(nèi)容，總是存在或多或少的矛盾。
2，獨(dú)特的銷售主張|Unique Selling Proposition
USP是企業(yè)銷售上的一個(gè)主張，它可以是一種解決問(wèn)題的方式、一種超越對(duì)手的產(chǎn)品服務(wù)、一種個(gè)性化的產(chǎn)品理念等等。它是把你與你的同行區(qū)分開(kāi)來(lái)的一個(gè)決定因素，強(qiáng)調(diào)品牌的獨(dú)特性，告訴大家你的品牌是獨(dú)一無(wú)二的。一個(gè)完整的企業(yè)官網(wǎng)USP至少包括三個(gè)部分：
主標(biāo)題，用一句話闡述你的USP，要求簡(jiǎn)單直接并盡量讓人容易記住，通常在頁(yè)面第一屏的上部或者中間，用大字體突出，使得用戶一進(jìn)網(wǎng)站就能明確看到，并產(chǎn)生共鳴。
強(qiáng)化聲明是用來(lái)強(qiáng)化主標(biāo)題的表現(xiàn)力的，好讓這個(gè)USP看起來(lái)更有說(shuō)服力。一般可以從正面闡述企業(yè)做出的一些直接的、正面的，用來(lái)支撐USP的描述，比如研發(fā)和產(chǎn)品優(yōu)勢(shì)等。也可以從側(cè)面來(lái)印證，例如產(chǎn)品所獲得的認(rèn)證以及榮譽(yù)等等。
結(jié)論，再次強(qiáng)調(diào)一下自己的USP，一般可以位于頁(yè)面結(jié)束部分，強(qiáng)化整個(gè)頁(yè)面對(duì)USP的表達(dá)張力，再次提醒客戶你的核心優(yōu)勢(shì)，避免中間過(guò)多的闡述讓他忘記我們的USP。
3，適合的配色 |Color Scheme
主題配色是一個(gè)包括多個(gè)協(xié)調(diào)顏色的集合。官網(wǎng)的主題配色會(huì)形成對(duì)企業(yè)品牌的視覺(jué)認(rèn)知，而且需要與企業(yè)的整體市場(chǎng)宣傳形象保持統(tǒng)一。主題配色不強(qiáng)調(diào)出挑，強(qiáng)調(diào)協(xié)調(diào)，與頁(yè)面元素的協(xié)調(diào)，與企業(yè)Logo的協(xié)調(diào)。
值得注意的一個(gè)趨勢(shì)是越來(lái)越多的企業(yè)官網(wǎng)不再使用“old color”，而是選擇一些富有現(xiàn)代感、設(shè)計(jì)感的“new color”。
例如同為藍(lán)色，就有著眾多的不同變化。
4，引導(dǎo)頁(yè) |Landing Page
引導(dǎo)頁(yè)/登錄頁(yè)是指用戶通過(guò)搜索、點(diǎn)擊廣告、分享渠道等方式進(jìn)入網(wǎng)站后的第一個(gè)展示頁(yè)面，這個(gè)頁(yè)面可能是主頁(yè)、產(chǎn)品類型頁(yè)、產(chǎn)品詳情頁(yè)、關(guān)于我們等等，取決與產(chǎn)品的性質(zhì)以及網(wǎng)站推廣的策略。一般Landing Page會(huì)有明確的目的，比如：引導(dǎo)用戶繼續(xù)深入訪問(wèn)。引導(dǎo)用戶直接購(gòu)買產(chǎn)品或者服務(wù)。獲取用戶提供個(gè)人信息或者是注冊(cè)。讓用戶分享或者評(píng)論。
例如當(dāng)用戶收到朋友分享的這樣一個(gè)帶三維體驗(yàn)的產(chǎn)品頁(yè)時(shí)，與頁(yè)面三維元素的互動(dòng)行為可以引導(dǎo)用戶操作，并增加停留時(shí)間。
5，面包屑導(dǎo)航 ?| Breadcrumb
面包屑作為用戶尋找路徑的一種輔助手段，能方便他們定位和導(dǎo)航。面包屑可以減少的用戶返回上一級(jí)頁(yè)面的所需的操作次數(shù)。具有臨時(shí)性，動(dòng)態(tài)性，占用屏幕空間小，干擾性小的優(yōu)點(diǎn)。
6，大片級(jí)產(chǎn)品描述 ?|Big Images & Short Videos & 3D
企業(yè)官網(wǎng)除了介紹企業(yè)，傳遞品牌理念之外，介紹主要產(chǎn)品是其主要目的。因此，頁(yè)面上產(chǎn)品自身的表達(dá)力，顯得尤其重要。在產(chǎn)品描述上，可以使用下面幾種方式：
大圖（Big Image），以蘋果為代表。高清、精致的產(chǎn)品圖
產(chǎn)品3D展示
短視頻
以簡(jiǎn)短的視頻、動(dòng)畫方式介紹產(chǎn)品的特性、賣點(diǎn)。視頻不宜過(guò)長(zhǎng)，切記不要一進(jìn)入網(wǎng)站就自動(dòng)播放。
7，用戶行為召喚 ?|Call To Action
用戶行為召喚是頁(yè)面完成轉(zhuǎn)換的主要目的和手段，在用戶瀏覽你的官網(wǎng)之后，你會(huì)希望用戶去做一些動(dòng)作，比如注冊(cè)、申請(qǐng)產(chǎn)品、試用產(chǎn)品、打電話等等。從視覺(jué)設(shè)計(jì)角度值得注意的是Call-to-action的按鈕設(shè)計(jì)，比如留白、動(dòng)態(tài)效果、視覺(jué)突出等等。
從內(nèi)容邏輯角度，Call-To-Action應(yīng)該要安排在合適的位置，上下文要有內(nèi)容和邏輯的關(guān)聯(lián)，比如下面用戶體驗(yàn)了文物模型后，還想看看其他行業(yè)的模型展示。
8，卡片式設(shè)計(jì) ?| Card-based Design
卡片式設(shè)計(jì)實(shí)際上是一種信息的重新排版方式，把成組的信息放置在不同形狀，不同大小的卡片中顯示。不僅在視覺(jué)上能給用戶以清晰、條理的體驗(yàn)，而且給用戶清楚的認(rèn)知，什么樣的信息在什么地方，從而大幅度地提高用戶的閱讀效率。
但是，太多的卡片也會(huì)給用戶造成困擾，甚至形成對(duì)“信息密集度“的恐懼感。使得用戶逃離你的網(wǎng)站。另外，卡片式設(shè)計(jì)更需要考慮對(duì)移動(dòng)設(shè)備的友好性。
9，頁(yè)腳導(dǎo)航 ?| Repeat Navigation In The Footer
頁(yè)腳的導(dǎo)航是很容易被忽略的部分，但是合理的頁(yè)腳導(dǎo)航有助于整個(gè)網(wǎng)站閱讀邏輯的暢通，減少用戶跳出率，引導(dǎo)用戶訪問(wèn)更多。隨著主導(dǎo)航越來(lái)越趨于精簡(jiǎn)，頁(yè)腳導(dǎo)航的作用也越來(lái)越多。
對(duì)頁(yè)腳內(nèi)容的連接和信息進(jìn)行分類組織會(huì)給人感覺(jué)比較好。比如把聯(lián)系方式、友情鏈接、服務(wù)、社交網(wǎng)站和一些你流量最大的內(nèi)容分成幾列（或幾行）。給每個(gè)部分起一個(gè)標(biāo)題，這樣方便查看。
10，客戶證言 ?| Customer Testimonials
一般采用客戶評(píng)論、客戶反饋等方式來(lái)表達(dá)，這是一種說(shuō)服力非常強(qiáng)的表現(xiàn)手段。
需要注意的是，之前流行的加客戶頭像的做法已經(jīng)不再流行了。而且，用名人證言也需要仔細(xì)篩選。
另一種國(guó)內(nèi)更常見(jiàn)的做法是客戶墻，如果你的企業(yè)服務(wù)過(guò)行業(yè)內(nèi)的典型客戶，對(duì)其他客戶將是一個(gè)重要的示范效應(yīng)。
11，響應(yīng)式設(shè)計(jì) ?| Responsive Design
Responsiv Design讓你的企業(yè)官網(wǎng)“一次設(shè)計(jì)，普遍適用”。一方面，不論用戶使用手機(jī)設(shè)備，平板設(shè)備，桌面設(shè)備，訪問(wèn)你的官網(wǎng)，都能得到大體一致的視覺(jué)體驗(yàn)和操作體驗(yàn)。另一方便，代碼的維護(hù)、網(wǎng)站內(nèi)容的維護(hù)更新也簡(jiǎn)單許多。
值得注意的是，除了頁(yè)面的Layout布局樣式，內(nèi)容的適應(yīng)性也十分重要。例如若干年前流行的Flash互動(dòng)，在mobile上得不到很好的支持。如果你的官網(wǎng)內(nèi)容有3D內(nèi)容，更需要注意。
近年來(lái)，隨著移動(dòng)設(shè)備數(shù)目超過(guò)PC，之前所提的“兼容移動(dòng)”已經(jīng)進(jìn)化成“移動(dòng)優(yōu)先”。
