網站首頁的設計

網站首頁的設計是一件很是讓人頭痛的事。雖然她看上去很簡單：產品經路隨便從網站裏拿點東西出來，堆出一個看上去靠譜的頁面。也正所以，它每每很是麻煩：不少人均可以發表本身的看法，以至最終陷入到無盡的爭執中。

首頁的設計相對於其餘頁面要難的緣由是，其餘頁面更多的是解決用戶「能作」的問題，而首頁的更多要解決用戶「想作」的問題。「能作」對應的是可用性，相對容易解決，專家評估、可用性測試均可以頗有效地幫助策劃師或設計師；而「想作」對應的是PET(Persuation,Emotion,Trust，說服、情感、信任)，可能涉及到心理學，消費學，營銷學等陌生的知識，設計師在這方面就再也不是專家了。

從用戶羣體分，首頁能夠分爲如下三種用戶：不瞭解的新用戶、有興趣的新用戶、老用戶。

對於新用戶而言，他們勢必會問到這些問題：

• 我在這能作些什麼？
• 這個網站能提供哪些對我很重要的東西？

對於已經有興趣的用戶也會有些其餘的疑問：

• 我應該怎麼開始？
• 我是否必須註冊？若是是，應該怎樣註冊？

總得來講，首頁應該解答新用戶的疑惑而且幫助他們找到功能的入口；而對於老用戶，則須要更明顯、快捷的登陸入口。《designing for the social web》一書將用戶的使用分爲幾個步驟：不瞭解——感興趣——第一次使用——常規使用——有情感。而首頁對於前面三個步驟相當重要！

這樣看來，首頁有兩個目標：

1. 讓不瞭解的用戶瞭解網站併產生興趣，最終促成用戶使用。
2. 讓有興趣的用戶儘快開始使用。

從用戶的瀏覽行爲，首頁又能夠分爲兩種用戶：有目標的用戶和無目標的用戶

Alan Cooper的「目標導向」理念告訴咱們，用戶的目標驅動任務，有目標的用戶直接開始「任務」，咱們只要爲他們解決可用性的問題。而那些無目標的用戶，他們只是隨便逛逛，須要首頁的PET足夠好，將此類用戶「轉化」成有目標的用戶，儘可能避免他們「流失」。

因此我將瀏覽首頁的用戶分爲這兩類，針對兩類用戶不一樣的特色來進行設計，會讓咱們的思路變得清晰。

在首頁頁設計以前，必定要作的就是調查分析網站用戶，是「有目標」的多，仍是「無目標」的多，以肯定頁面上兩類模塊的比例。通常網站同時兼顧兩種用戶。但「可用性「和「PET」這兩點，存在自然矛盾，前者要求頁面清晰，而從後者的角度來講，清晰意味着死板，後者要求頁面豐富，而從前者的角度來講，豐富意味着雜亂。故在設計時要注意權衡。爲解決上述矛盾，要求「可用性模塊」和「PET模塊」要明確區分，能夠識別，不能相互摻雜。讓兩類用戶能第一時間關注到須要看的部分。可用性是基礎，必定要先作好，PET是更高要求，屬於上層建築，切不可爲上層建築放棄基礎。

首頁的可用性設計

1. 尊重用戶習慣，不要擅自創新，採用用戶習慣的網站頭，包括主導航，全局導航，搜索，LOGO。
2. 突出導航信息，對導航內容進行分類，對導航信息進行必定程度的架構。
3. 儘可能保持頁面佈局規矩，使用網頁柵格系統設計頁面，最好不出現兩列和三列混排的設計。
4. 模塊中使用盡量簡單的列表，簡單列表更容易被理解和讀懂，且設計運營開發成本低。

首頁的PET設計

一、清晰表現品牌和產品服務類型。這首先實現PET中的Trust，只有用戶第一時間瞭解網站品牌和服務(特別是一些大品牌)，纔可以當即創建用戶的信任。但這個實踐起來卻至關有難度，特別是一些全新的服務，篇幅小了說不清，篇幅大了用戶直接略過。能夠採用5秒測試來驗證此目的有沒有達到。

給一個新用戶（目標用戶）看首頁設計5秒，讓它說出：

• 這是什麼網站？
• 這個網站提供什麼服務？
• 首先吸引你的是什麼內容？
• 這個網站和相似競爭對手有什麼不同嗎？
• 你對這個網站和它的服務有沒有興趣？

而後讓用戶仔細瀏覽該首頁，再糾正上面的答案。另外想要用戶容易記你的網站或品牌，你能夠把你的網站LOGO放到網站適當位置，並且要配合網站風格，這樣會比較容易讓用戶記住你的網站LOGO，在用戶心中留下必定的印象，下次用戶訪問網站的時候，看到你這個標誌就能夠知道是你的。

二、使用吸引人的圖片和標題。說白了就是標題黨，雖然這招定被廣大設計師唾棄，但它的效果絕對不容小覷。網站首頁就像是一本書的封面或是雜誌封面，它是用戶瀏覽網站時第一眼看到的，所以，你的首頁設計必須第一眼就能吸引用，不然它就失去了首頁的用途和目的。你能夠看大部分網站的首頁，他們都是很吸引人的，你能夠全色彩或者只有黑白，也能夠利用有吸引力的圖像與文字組合來創做你的首頁。

三、使用非對稱的設計，有主有次，展示豐富性。但注意，非對稱設計會增長認知負擔，下降可用性。

四、利用好數字來講服用戶，由於數字「不會說慌」。好比限量限時促銷，突出價格和價格對比等。

五、在首頁顯示其餘用戶的活動來講服用戶(其餘用戶購買記錄，評價，曬單等)。調查顯示，讓用戶信任一個站點的最有效途徑，就是在線其餘消費者的意見。

六、視覺設計上要符合產品和服務的定位，在情感上與用戶拉近距離。

網站首頁的設計是一項很是重要的工做， 在實際項目中還需對更具體的場景進行分析、考慮運營性的需求、對單個模塊的交互進行推敲，最終才能獲得一個能吸引用戶、留住用戶的有效首頁。

參考文章：

http://uedc.163.com/4327.html