提到工具型網(wǎng)站，我們首先會有個疑問：大千網(wǎng)絡網(wǎng)站眾生，究竟什么樣的網(wǎng)站才算是工具型網(wǎng)站？它的特征是什么，與其他網(wǎng)站有什么不同？ 從網(wǎng)上搜索相關信息，了解到關于該名詞的具體解釋并沒有明確的說法。

為了方便后續(xù)的研究，在此先結合之前同學們的研究成果，綜合整理一下，提供工具型網(wǎng)站的定義版本，供參考： 

——所謂工具型網(wǎng)站，顧名思義就是構筑在互聯(lián)網(wǎng)上的工具，是指為幫助人們完成某一特定領域的目標需求而提供的、具有一定操作流程、以完成該目標任務為主要目的、基于網(wǎng)絡應用的工具手段。

它的主要特征在于：

– 以完成一項或多項任務為目的

– 注重操作流程引導

– 強調(diào)快速完成任務

– 非完成目標的唯一手段，只是協(xié)助用戶更高效完成該目標

同時，很多工具型網(wǎng)站還特別配備一個獨立門戶，該門戶以信息展現(xiàn)為主，用來專門介紹工具的價值、動態(tài)等，并提供登錄或下載入口。由于這種門戶與工具頁指向的高度一體性，我們也將它歸納到工具型網(wǎng)站的范疇中來，稱之為工具型網(wǎng)站門戶（或工具性網(wǎng)站首頁）。

為了幫助我們對工具型網(wǎng)站形成更直觀的概念，可以根據(jù)網(wǎng)站功能將網(wǎng)站區(qū)分為內(nèi)容型網(wǎng)站和工具型網(wǎng)站。關于工具型網(wǎng)站與內(nèi)容型網(wǎng)站的對比區(qū)別，已有同學作了較詳細的闡述（如想進一步了解可查看相關文章），在此不贅述。

典型的工具性網(wǎng)站有：Google系列（搜索、翻譯、文檔、閱讀器…）、財付通、支付寶、數(shù)據(jù)魔方、salesforce、xero、TA、DNSpod等；

典型的內(nèi)容型網(wǎng)站有：Sina、騰訊網(wǎng)、天涯論壇等。

下面就從體驗角度，介紹幾個我比較喜歡的工具型網(wǎng)站典型案例。

Google——一致系王道

工具型網(wǎng)站，應用最廣泛的應該是我們非常熟悉的google系列產(chǎn)品了，如google搜索、翻譯、文檔等等，大部分都是隨著google搜索后逐漸推出的新工具。這些工具給網(wǎng)民的互聯(lián)網(wǎng)生活提供了極大的便利。

料想如此多的產(chǎn)品線，會很容易因為功能屬性的差異而產(chǎn)生不同的視覺風格。但是我們卻看到google在多產(chǎn)品體系下的視覺風格，無論導航條、色彩體系、基本布局結構等方面都非常統(tǒng)一，如所有背景層都是黑白灰色系、所有的新建功能都是醒目紅按鈕、所有功能菜單都居左等。

這種一致性極大減少了用戶對新產(chǎn)品的認知、學習成本，達到自來熟的境界~體現(xiàn)了google體驗團隊在品牌形象和體驗規(guī)范方面強大的制定、執(zhí)行能力~

Xero——小清新卻很實用

下面這個Xero，是一個典型的小清新，我對它的喜愛，來自它的簡潔而不簡單，美麗卻不喧嘩，非常符合該網(wǎng)站的功能定位。

Xero是一個功能比較全面的針對小型企業(yè)的記賬工具，產(chǎn)出包括現(xiàn)金簿，總賬，發(fā)票和報告。作為一個記賬類工具網(wǎng)站，用戶最關心的訴求當然是安全、準確，所以Xero非常敏銳的在門戶和產(chǎn)品頁中統(tǒng)一使用了中亮度藍+綠色來表達，同時配圖、結構上橫平豎直，四平八穩(wěn)，將安全、可信賴的氛圍營造到極致。

在信息展示方面，Xero門戶中具有web2.0的典型特征，比如大量留白、大小字體的對比應用等；而在產(chǎn)品頁中，則將各控件元素視覺盡量作減法，例如，表格不要縱線框、chart圖色彩統(tǒng)一、按鈕質(zhì)感簡化統(tǒng)一、所有的可點擊文字包括普鏈表頭頁簽等全部統(tǒng)一為藍色、等等，做這些的目的，就是為了讓大量的文字數(shù)據(jù)信息不被多余的細節(jié)干擾，讓主題一目了然，幫助用戶在干凈、舒暢的環(huán)境中快速完成任務。

該產(chǎn)品曾被Nielsen Norman Group列入10 Best Application Uis。

標簽： 工具型網(wǎng)站 Xero 網(wǎng)站設計 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。