什么是工具型網(wǎng)站
我們先從wikipedia上了解三組概念：
工具：是指能夠方便人們完成工作的器具。
application：用來幫助用戶完成某個(gè)單獨(dú)的或是一組相關(guān)的工作的計(jì)算機(jī)軟件。
web application：指通過使用Web和Web瀏覽器技術(shù)，跨越網(wǎng)絡(luò)完成一個(gè)或多個(gè)任務(wù)的應(yīng)用程序，通常需要使用Web瀏覽器。
由此可見，應(yīng)用就是計(jì)算機(jī)領(lǐng)域的工具，工具型網(wǎng)站可定義為承載了一個(gè)或多個(gè)網(wǎng)頁應(yīng)用的網(wǎng)站。它專注于讓用戶完成一系列的任務(wù)，如注冊(cè)、支付等。
首頁的用戶需求
首頁的用戶大體說來可分為三類：不了解的新用戶、有興趣的新用戶、老用戶。
對(duì)于新用戶而言，他們勢必會(huì)問到這些問題：
我在這能做些什么？
這個(gè)網(wǎng)站能提供哪些對(duì)我很重要的東西？
對(duì)于已經(jīng)有興趣的用戶也會(huì)有些其他的疑問：
我應(yīng)該怎么開始？
我是否必須注冊(cè)？如果是，應(yīng)該怎樣注冊(cè)？
總得來說，首頁應(yīng)該解答新用戶的疑惑并且?guī)椭麄冋业焦δ艿娜肟?；而?duì)于老用戶，則需要更明顯、快捷的登錄入口。
首頁的目標(biāo)
《designing for the social web》一書將用戶的使用分為幾個(gè)步驟：不了解——感興趣——第一次使用——常規(guī)使用——有情感。而首頁對(duì)于前面三個(gè)步驟至關(guān)重要！
這樣看來，首頁有兩個(gè)目標(biāo)：
1. 讓不了解的用戶了解網(wǎng)站并產(chǎn)生興趣，最終促成用戶使用。
2. 讓有興趣的用戶盡快開始使用。
首頁的設(shè)計(jì)
在實(shí)際工作中我們會(huì)碰到幾種不同類型的工具型網(wǎng)站，針對(duì)其網(wǎng)站內(nèi)容的不同，其首頁的表現(xiàn)形式也大不一樣。
集中應(yīng)用型
這類網(wǎng)站本質(zhì)上是一組或者多組web app，功能多且相對(duì)簡單，不會(huì)產(chǎn)生大量用戶數(shù)據(jù)。
1. 核心結(jié)構(gòu)
將使用最多的功能展示在首頁對(duì)于用戶來說就是最快的入口。用戶通過logo、 banner、網(wǎng)站聲明等了解網(wǎng)站性質(zhì)，然后就是找到自己要的功能。
2. 注冊(cè)/登錄模塊
因?yàn)橛脩舨幌敕稚⒕θビ浧鹩脩裘兔艽a，或者是他們太專注在自己要做的事情上，原則上只在必要時(shí)才讓用戶登錄。但如果大部分功能都需要先登錄，那么在首頁直接展示登錄表單是有必要的。
3. 案例
58同城
有兩級(jí)目錄：城市目錄、功能目錄。用戶通過這兩級(jí)目錄很容易找到想要的功能。但使用這些功能大都不用注冊(cè)，所以首頁并沒有明顯的登錄模塊。
騰訊充值中心
首頁的核心模塊依舊在目錄結(jié)構(gòu)，用戶由此了解網(wǎng)站主要業(yè)務(wù)以及如何開始自己的任務(wù)。
去除一些運(yùn)營性需求，可以得到一個(gè)更加純粹的充值網(wǎng)站：
數(shù)據(jù)管理型
這類網(wǎng)站本質(zhì)上一個(gè)大的web app。功能流程復(fù)雜，會(huì)產(chǎn)生大量數(shù)據(jù)，往往承載了強(qiáng)大的數(shù)據(jù)管理功能。
核心框架
為了方便用戶掌控及管理自己創(chuàng)建的內(nèi)容，首頁的策略一般會(huì)先引導(dǎo)用戶創(chuàng)建賬戶或下載客戶端（下載客戶端的下一步也是注冊(cè)），然后再開始任務(wù)。為了說服用戶開始任務(wù)，它一般會(huì)包括以下幾個(gè)模塊：
價(jià)值聲明：說明網(wǎng)站提供的功能及意義，快速打消訪問者疑慮。
投入產(chǎn)出：告訴用戶能得到什么，使訪問者對(duì)產(chǎn)品的使用有預(yù)期，并建立信心。
視頻介紹：讓用戶快速全面地了解網(wǎng)站。
權(quán)威推薦/典型用戶：讓用戶產(chǎn)生同理心，增強(qiáng)對(duì)產(chǎn)品的信賴。
行動(dòng)號(hào)召：當(dāng)訪問者產(chǎn)生興趣時(shí)，適時(shí)地讓他們開始使用。
這些模塊其實(shí)分三個(gè)等級(jí)層層深入地說服用戶使用產(chǎn)品：
盡管列出了這些模塊，但實(shí)際情況中并不都必要，最終得看用戶對(duì)產(chǎn)品的信心。Evernote在等級(jí)一就能說服用戶，dropbox的頁面則只有一個(gè)視頻介紹。
1. 注冊(cè)/登錄模塊
這類網(wǎng)站注冊(cè)和登錄模塊都非常重要，一方面已注冊(cè)用戶數(shù)一般遠(yuǎn)遠(yuǎn)大于新用戶數(shù)，另一方面首頁很大一部分程度是為了注冊(cè)的，老用戶有固定的入口即可。但在首頁我們需要強(qiáng)調(diào)哪一個(gè)？
這個(gè)問題更多地取決于產(chǎn)品的商業(yè)目標(biāo)。受產(chǎn)品策略的影響，同樣是擁有大量已注冊(cè)用戶且用戶登錄頻繁的產(chǎn)品，gmail的首頁強(qiáng)調(diào)登錄，而facebook的首頁則強(qiáng)調(diào)注冊(cè)。我們也看到115網(wǎng)盤和華為網(wǎng)盤的首頁明顯就不同：
但無論如何，登錄模塊最好不要跳轉(zhuǎn)頁面，否則會(huì)增加老用戶的操作成本。
2. 案例
mailchimp
首頁包含價(jià)值聲明、投入產(chǎn)出、視頻介紹、典型用戶、行動(dòng)號(hào)召等模塊，極力說服用戶開始使用產(chǎn)品。
獨(dú)立操作型
這類網(wǎng)站往往是一個(gè)幾步就能完成任務(wù)的小型web app。
1. 核心框架
往往只有幾個(gè)簡單的控件和操作說明就能完成任務(wù)。由于使用成本不高，用戶也會(huì)很樂于嘗試使用。
2. 注冊(cè)/登錄
這類網(wǎng)站一般不需要注冊(cè)或是簡單的注冊(cè)，也可以將注冊(cè)需要的內(nèi)容貫穿在任務(wù)操作中從而摒棄注冊(cè)模塊。
3. 案例
Minus
用戶進(jìn)入頁面后能很快理解這是個(gè)分享類網(wǎng)站，只要將圖片拖入到網(wǎng)頁中并填寫資料即可開始使用。
Senduit
簡單的步驟指引告訴用戶網(wǎng)站的功能和操作方式，使用時(shí)無需注冊(cè)。
結(jié)語
網(wǎng)站的首頁需要回答用戶一些非常重要的問題，才能讓新用戶愿意使用我們的產(chǎn)品。
本文主要探討了工具類網(wǎng)站首頁的設(shè)計(jì)目標(biāo)以及三種設(shè)計(jì)框架。而在實(shí)際項(xiàng)目中還需對(duì)更具體的場景進(jìn)行分析、考慮運(yùn)營性的需求、對(duì)單個(gè)模塊的交互進(jìn)行推敲，最終才能得到一個(gè)能吸引用戶、留住用戶的有效首頁。
