如今工具型網站越來越多（58同城、雲盤、産品首頁等），在不斷打磨細節的過(guò)程裡(lǐ)，有童鞋總結了工具型網站的設計目标和3種(zhǒng)設計框架，全篇的思路非常值得學(xué)習，同學(xué)們除了學(xué)習專業知識，也可以看看作者解決問題的邏輯，對(duì)職業發(fā)展會有幫助。
什麼(me)是工具型網站

　　先誠科技先從wikipedia上了解三組概念：

　　工具：是指能(néng)夠方便人們完成(chéng)工作的器具。

　　application：用來幫助用戶完成(chéng)某個單獨的或是一組相關的工作的計算機軟件。

　　web application：指通過(guò)使用Web和Web浏覽器技術，跨越網絡完成(chéng)一個或多個任務的應用程序，通常需要使用Web浏覽器。

　　由此可見，應用就是計算機領域的工具，工具型網站可定義爲承載了一個或多個網頁應用的網站。它專注于讓用戶完成(chéng)一系列的任務，如注冊、支付等。
　　首頁的用戶需求

　　首頁的用戶大體說來可分爲三類：不了解的新用戶、有興趣的新用戶、老用戶。

　　對(duì)于新用戶而言，他們勢必會問到這(zhè)些問題：

　　總得來說，首頁應該解答新用戶的疑惑并且幫助他們找到功能(néng)的入口；而對(duì)于老用戶，則需要更明顯、快捷的登錄入口。
首頁的目标

　　《designing for the social web》一書將(jiāng)用戶的使用分爲幾個步驟：不了解——感興趣——第一次使用——常規使用——有情感。而首頁對(duì)于前面(miàn)三個步驟至關重要！

　　這(zhè)樣(yàng)看來，首頁有兩(liǎng)個目标：

    　　讓不了解的用戶了解網站并産生興趣，最終促成(chéng)用戶使用。
    　　讓有興趣的用戶盡快開(kāi)始使用。

　　在實際工作中先誠科技會碰到幾種(zhǒng)不同類型的工具型網站，針對(duì)其網站内容的不同，其首頁的表現形式也大不一樣(yàng)。
集中應用型

　　這(zhè)類網站本質上是一組或者多組web app，功能(néng)多且相對(duì)簡單，不會産生大量用戶數據。

1. 核心結構

　　將(jiāng)使用最多的功能(néng)展示在首頁對(duì)于用戶來說就是最快的入口。用戶通過(guò)logo、 banner、網站聲明等了解網站性質，然後(hòu)就是找到自己要的功能(néng)。

2. 注冊/登錄模塊

　　因爲用戶不想分散精力去記起(qǐ)用戶名和密碼，或者是他們太專注在自己要做的事(shì)情上，原則上隻在必要時才讓用戶登錄。但如果大部分功能(néng)都(dōu)需要先登錄，那麼(me)在首頁直接展示登錄表單是有必要的。

3. 案例

　　58同城有兩(liǎng)級目錄：城市目錄、功能(néng)目錄。用戶通過(guò)這(zhè)兩(liǎng)級目錄很容易找到想要的功能(néng)。但使用這(zhè)些功能(néng)大都(dōu)不用注冊，所以首頁并沒(méi)有明顯的登錄模塊。

騰訊充值中心

　　首頁的核心模塊依舊在目錄結構，用戶由此了解網站主要業務以及如何開(kāi)始自己的任務。

　　去除一些運營性需求，可以得到一個更加純粹的充值網站：

數據管理型

　　這(zhè)類網站本質上一個大的Web app。功能(néng)流程複雜，會産生大量數據，往往承載了強大的數據管理功能(néng)。

1. 核心框架

　　爲了方便用戶掌控及管理自己創建的内容，首頁的策略一般會先引導用戶創建賬戶或下載客戶端（下載客戶端的下一步也是注冊），然後(hòu)再開(kāi)始任務。爲了說服用戶開(kāi)始任務，它一般會包括以下幾個模塊：

　　價值聲明：說明網站提供的功能(néng)及意義，快速打消訪問者疑慮。

　　投入産出：告訴用戶能(néng)得到什麼(me)，使訪問者對(duì)産品的使用有預期，并建立信心。

　　視頻介紹：讓用戶快速全面(miàn)地了解網站。

　　權威推薦/典型用戶：讓用戶産生同理心，增強對(duì)産品的信賴。

　　行動号召：當訪問者産生興趣時，适時地讓他們開(kāi)始使用。

這(zhè)些模塊其實分三個等級層層深入地說服用戶使用産品：

　　盡管列出了這(zhè)些模塊，但實際情況中并不都(dōu)必要，最終得看用戶對(duì)産品的信心。Evernote在等級一就能(néng)說服用戶，dropbox的頁面(miàn)則隻有一個視頻介紹。

1. 注冊/登錄模塊

　　這(zhè)類網站注冊和登錄模塊都(dōu)非常重要，一方面(miàn)已注冊用戶數一般遠遠大于新用戶數，另一方面(miàn)首頁很大一部分程度是爲了注冊的，老用戶有固定的入口即可。但在首頁先誠科技需要強調哪一個？

　　這(zhè)個問題更多地取決于産品的商業目标。受産品策略的影響，同樣(yàng)是擁有大量已注冊用戶且用戶登錄頻繁的産品，gmail的首頁強調登錄，而Facebook的首頁則強調注冊。先誠科技也看到115網盤和華爲網盤的首頁明顯就不同：

　　但無論如何，登錄模塊最好(hǎo)不要跳轉頁面(miàn)，否則會增加老用戶的操作成(chéng)本。

2. 案例
　　首頁包含價值聲明、投入産出、視頻介紹、典型用戶、行動号召等模塊，極力說服用戶開(kāi)始使用産品。

1. 核心框架
　　往往隻有幾個簡單的控件和操作說明就能(néng)完成(chéng)任務。由于使用成(chéng)本不高，用戶也會很樂于嘗試使用。

2. 注冊/登錄
　　這(zhè)類網站一般不需要注冊或是簡單的注冊，也可以將(jiāng)注冊需要的内容貫穿在任務操作中從而摒棄注冊模塊。

3. 案例
　　用戶進(jìn)入頁面(miàn)後(hòu)能(néng)很快理解這(zhè)是個分享類網站，隻要將(jiāng)圖片拖入到網頁中并填寫資料即可開(kāi)始使用。簡單的步驟指引告訴用戶網站的功能(néng)和操作方式，使用時無需注冊。