提到工具型網(wǎng)站，我們首先會(huì)有個(gè)疑問(wèn)：年夜千收集網(wǎng)站眾生，事實(shí)什么樣的網(wǎng)站才算是工具型網(wǎng)站?它的特征是什么，與其他網(wǎng)站有什么分歧? 年夜網(wǎng)上搜索相關(guān)信息，體味到關(guān)于該名辭書(shū)具體詮釋并沒(méi)有明晰的說(shuō)法。
為了便利后續(xù)的研究，在此先連系之前同窗們的研究成不美觀，綜合清算一下，供給工具型網(wǎng)站的界說(shuō)版本，供參考：
——所謂工具型網(wǎng)站，顧名思義就是修建在互聯(lián)網(wǎng)上的工具，是指為輔佐人們完成某一特定規(guī)模的方針需求而供給的、具有必然操作流程、以完成該方針使命為首要目的、基于收集應(yīng)用的工具手段。
它的首要特征在于：
– 以完成一項(xiàng)或多項(xiàng)使命為目的
Fork——配圖創(chuàng)蚵瞠品牌形象加分
– 注重操作流程指導(dǎo)
– 強(qiáng)調(diào)快速完成使命
– 非完成方針的獨(dú)一手段，只是協(xié)助用戶更高效完成該方針
同時(shí)，良多工具型網(wǎng)站還出格配備一個(gè)自力門(mén)戶，該門(mén)戶以信息揭示為主，用來(lái)專門(mén)介紹工具的價(jià)值、動(dòng)態(tài)等，并供給登錄或下載進(jìn)口。因?yàn)檫@種門(mén)戶與工具頁(yè)指向的高度一體性，我們也將它歸納到工具型網(wǎng)站典型疇中來(lái)，稱之為工具型網(wǎng)站門(mén)戶(或工具性網(wǎng)站首頁(yè))。
為了輔佐我們對(duì)工具型網(wǎng)站形成更直不美觀的概念，可以按照網(wǎng)軍功能將網(wǎng)站區(qū)分為內(nèi)答應(yīng)網(wǎng)站和工具型網(wǎng)站。關(guān)于工具型網(wǎng)站與內(nèi)答應(yīng)網(wǎng)站的對(duì)比區(qū)別，已有同窗作了較具體的闡述(如想進(jìn)一步體味可查看相關(guān)文章)，在此不贅述。
提到招行人們會(huì)想到向日葵，提到騰訊人們會(huì)想到企鵝，提到Mailchimp人們會(huì)想到郵遞員monkey，此刻提到Fork，人們應(yīng)該會(huì)想到這位可愛(ài)的坐在劃子上拿叉的老漁夫了。也許它的logo不起眼，可是有了這個(gè)代言人的陪襯，這個(gè)工具，其實(shí)讓人難忘了。如不美觀你再細(xì)心翻看一下，會(huì)發(fā)此刻幾個(gè)內(nèi)頁(yè)中，都有與這個(gè)年夜海主題相聯(lián)系關(guān)系的插圖設(shè)計(jì)。看到這些，即使你是一路人，會(huì)不會(huì)好奇到禁不住點(diǎn)download濫暌姑用?
典型的工具性網(wǎng)站有：Google系列(搜索、翻譯、文檔、閱讀器…)、財(cái)付通、支出寶、數(shù)據(jù)魔方、salesforce、xero、TA、DNSpod等;
典型的內(nèi)答應(yīng)網(wǎng)站有：Sina、騰訊網(wǎng)、海角論壇等。
下面就年夜體驗(yàn)角度，介紹幾個(gè)我斗勁喜歡的工具型網(wǎng)站典型案例。
Google——一致系王道
工具型網(wǎng)站，應(yīng)用最普遍的應(yīng)該是我們很是熟悉的google系列產(chǎn)物了，如google搜索、翻譯、文檔等等，年夜部門(mén)都是跟著google搜索后逐漸推出的新工具。這些工具給網(wǎng)平易近的互聯(lián)網(wǎng)糊口供給了極年夜的便當(dāng)。
猜想如斯多的產(chǎn)物線，會(huì)很輕易因?yàn)楣δ軐傩缘牟町惗l(fā)生分歧的視覺(jué)氣概�？墒俏覀儏s看到google在多產(chǎn)物系統(tǒng)下的視覺(jué)氣概，無(wú)論導(dǎo)航條、色彩系統(tǒng)、根基結(jié)構(gòu)結(jié)構(gòu)等方面都很是統(tǒng)一，如所有布景層都是口角灰色系、所有的新立功能都是精明紅按鈕、所有功能菜單都居左等。
這種一致性極年夜削減了用戶對(duì)新產(chǎn)物的認(rèn)知、進(jìn)修成本，達(dá)到自來(lái)熟的境界~浮現(xiàn)了google體驗(yàn)團(tuán)隊(duì)在品牌形象和體驗(yàn)規(guī)范方面強(qiáng)年夜的擬定、執(zhí)行能力~
Xero——小清爽卻很適用
下面這個(gè)Xero，是一個(gè)典型的小清爽，我對(duì)它的喜愛(ài)，來(lái)自它的精練而不簡(jiǎn)單，斑斕卻不鼓噪，很是合適該網(wǎng)站的功能定位。
Xero是一個(gè)功能斗勁周全的針對(duì)小型企業(yè)的記賬工具，產(chǎn)出搜羅現(xiàn)金簿，總賬，發(fā)票和陳述。作為一個(gè)記賬類工具網(wǎng)站，用戶最關(guān)心的訴求當(dāng)然是平安、切確，所以Xero很是靈敏的在門(mén)戶和產(chǎn)物頁(yè)中統(tǒng)一使用了中亮度藍(lán)+綠色來(lái)表達(dá)，同時(shí)配圖、結(jié)構(gòu)上橫平豎直，四平八穩(wěn)，將平安、可托賴的空氣營(yíng)造到極致。
在信息展示方面，Xero門(mén)戶中具有web2.0的典型特征，好頻年夜量留白、巨細(xì)字體的對(duì)比應(yīng)用等;而在產(chǎn)物頁(yè)中，則將各控件元素視覺(jué)盡量作減法，例如，表格不要縱線框、chart圖色彩統(tǒng)一、按鈕質(zhì)感簡(jiǎn)化統(tǒng)一、所有的可點(diǎn)擊文字搜羅普鏈表頭頁(yè)簽等全數(shù)統(tǒng)一為藍(lán)色、等等，做這些的目的，就是為了讓年夜量的文字?jǐn)?shù)據(jù)信息不被多余的細(xì)節(jié)干擾，讓主題一目了然，輔佐用戶在清潔、愉快的情形中快速完成使命。
該產(chǎn)物曾被Nielsen Norman Group列入10 Best Application Uis。
作為工具型網(wǎng)站，工具自己帶給用戶的價(jià)值當(dāng)然能抉擇網(wǎng)站的成敗，但門(mén)戶亦像是產(chǎn)物的櫥窗，吸引訪客快速體味產(chǎn)物的用途、價(jià)值，并進(jìn)而使用。是以門(mén)戶的成功與否，也對(duì)網(wǎng)站有著主要的影響。若何在色彩、結(jié)構(gòu)、或配圖方面闡揚(yáng)創(chuàng)意，讓門(mén)戶盡量吸引眼球，獲得訪客的青睞，是視覺(jué)設(shè)計(jì)師們的一年夜課題。而下面的Ford，在配圖創(chuàng)意方面算是一個(gè)典型，它顯著的情景式設(shè)計(jì)的特點(diǎn)，讓人面前一亮。
值得一提的是，該門(mén)戶頁(yè)面框架上使用了風(fēng)行的響應(yīng)式web設(shè)計(jì)模式，在瀏覽器縮放、手機(jī)訪謁時(shí)均有版式微調(diào)，浮現(xiàn)了視覺(jué)傳達(dá)的完整性。
關(guān)于工具型網(wǎng)站門(mén)戶的體驗(yàn)設(shè)計(jì)，小伊萬(wàn)同窗對(duì)此有較深切的研究，參考此處。
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示