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