工具型網站首頁的設計思考

什麼是工具型網站
我們先從wikipedia上瞭解三組概念：
工具：是指能夠方便人們完成工作的器具。
application：用來説明使用者完成某個單獨的或是一組相關的工作的電腦軟體。
web application：指通過使用Web和Web瀏覽器技術，跨越網路完成一個或多個任務的應用程式，通常需要使用Web瀏覽器。
由此可見，應用就是電腦領域的工具，工具型網站可定義為承載了一個或多個網頁應用的網站。 它專注于讓使用者完成一系列的任務，如註冊、支付等。

首頁的使用者需求
首頁的使用者大體說來可分為三類：不了解的新使用者、有興趣的新使用者、老使用者。
對於新使用者而言，他們勢必會問到這些問題：
我在這能做些什麼？
這個網站能提供哪些對我很重要的東西？
對於已經有興趣的使用者也會有些其他的疑問：
我應該怎麼開始？
我是否必須註冊？ 如果是，應該怎樣註冊？
總得來說，首頁應該解答新使用者的疑惑並且説明他們找到功能的入口；而對於老使用者，則需要更明顯、快捷的登錄入口。

首頁的目標
《designing for the social web》一書將使用者的使用分為幾個步驟：不了解——感興趣——第一次使用——常規使用——有情感。 而首頁對於前面三個步驟至關重要！

這樣看來，首頁有兩個目標：
1. 讓不了解的使用者瞭解網站並產生興趣，最終促成使用者使用。
2. 讓有興趣的使用者儘快開始使用。

首頁的設計
在實際工作中我們會碰到幾種不同類型的工具型網站，針對其網站內容的不同，其首頁的表現形式也大不一樣。

集中應用型
這類網站本質上是一組或者多組web app，功能多且相對簡單，不會產生大量使用者資料。
1.  核心結構
將使用最多的功能展示在首頁對於使用者來說就是最快的入口。 使用者通過logo、 banner、網站聲明等瞭解網站性質，然後就是找到自己要的功能。
2. 註冊/登錄模組
因為使用者不想分散精力去記起使用者名和密碼，或者是他們太專注在自己要做的事情上，原則上只在必要時才讓使用者登錄。 但如果大部分功能都需要先登錄，那麼在首頁直接展示登錄表單是有必要的。
3.  案例
58同城
有兩級目錄：城市目錄、功能目錄。 使用者通過這兩級目錄很容易找到想要的功能。 但使用這些功能大都不用註冊，所以首頁並沒有明顯的登錄模組。

騰訊充值中心
首頁的核心模組依舊在目錄結構，使用者由此瞭解網站主要業務以及如何開始自己的任務。

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

資料管理型
這類網站本質上一個大的web app。 功能流程複雜，會產生大量資料，往往承載了強大的資料管理功能。
核心框架
為了方便使用者掌控及管理自己創建的內容，首頁的策略一般會先引導使用者創建帳戶或下載用戶端（下載用戶端的下一步也是註冊），然後再開始任務。 為了說服使用者開始任務，它一般會包括以下幾個模組：
價值聲明：說明網站提供的功能及意義，快速打消訪問者疑慮。

投入產出：告訴使用者能得到什麼，使訪問者對產品的使用有預期，並建立信心。

視頻介紹：讓使用者快速全面地瞭解網站。

權威推薦/典型使用者：讓使用者產生同理心，增強對產品的信賴。

行動號召：當訪問者產生興趣時，適時地讓他們開始使用。

這些模組其實分三個等級層層深入地說服使用者使用產品：

儘管列出了這些模組，但實際情況中並不都必要，最終得看使用者對產品的信心。 Evernote在等級一就能說服使用者，dropbox的頁面則只有一個視頻介紹。
1. 註冊/登錄模組
這類網站註冊和登錄模組都非常重要，一方面已註冊使用者數一般遠遠大於新使用者數，另一方面首頁很大一部分程度是為了註冊的，老使用者有固定的入口即可。 但在首頁我們需要強調哪一個？
這個問題更多地取決於產品的商業目標。 受產品策略的影響，同樣是擁有大量已註冊使用者且使用者登錄頻繁的產品，gmail的首頁強調登錄，而facebook的首頁則強調註冊。 我們也看到115網盤和華為網盤的首頁明顯就不同：

但無論如何，登錄模組最好不要跳越網頁面，否則會增加老使用者的操作成本。
2. 案例
mailchimp
首頁包含價值聲明、投入產出、視頻介紹、典型使用者、行動號召等模組，極力說服使用者開始使用產品。

獨立操作型
這類網站往往是一個幾步就能完成任務的小型web app。
1.  核心框架
往往只有幾個簡單的控制項和操作說明就能完成任務。 由於使用成本不高，使用者也會很樂於嘗試使用。
2. 註冊/登錄
這類網站一般不需要註冊或是簡單的註冊，也可以將註冊需要的內容貫穿在任務操作中從而摒棄註冊模組。
3. 案例
Minus
使用者進入頁面後能很快理解這是個分享類網站，只要將圖片拖入到網頁中並填寫資料即可開始使用。

Senduit
簡單的步驟指引告訴使用者網站的功能和操作方式，使用時無需註冊。

結語
網站的首頁需要回答使用者一些非常重要的問題，才能讓新使用者願意使用我們的產品。
本文主要探討了工具類網站首頁的設計目標以及三種設計框架。 而在實際專案中還需對更具體的場景進行分析、考慮運營性的需求、對單個模組的交互進行推敲，最終才能得到一個能吸引使用者、留住使用者的有效首頁。