谷歌所說(shuō)的“整體網(wǎng)頁(yè)設(shè)計(jì)”到底是什么概念?

　　用最簡(jiǎn)單的方式來(lái)解釋?zhuān)^的整體網(wǎng)頁(yè)設(shè)計(jì)是將整個(gè)項(xiàng)目視為一個(gè)整體來(lái)審視，來(lái)看待和處理，深入理解和洞悉整體中每個(gè)環(huán)節(jié)之間的關(guān)系，把控全程。如果視覺(jué)設(shè)計(jì)不理想，再好的內(nèi)容都無(wú)法脫穎而出，它們應(yīng)當(dāng)是一體的。同樣的，如果世界上視覺(jué)設(shè)計(jì)最優(yōu)秀的網(wǎng)頁(yè)卻缺少可用性，那么它也難以在用戶(hù)面前立足。這些都是沒(méi)有借助整體網(wǎng)頁(yè)設(shè)計(jì)的方法而出現(xiàn)的常見(jiàn)問(wèn)題，也是絕大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目所亟待解決的問(wèn)題。

　　以下是「整體網(wǎng)頁(yè)設(shè)計(jì)」的工作原理：

　　一、整體設(shè)計(jì)理念

　　整體網(wǎng)頁(yè)設(shè)計(jì)的核心是設(shè)計(jì)的過(guò)程。在借助整體網(wǎng)頁(yè)設(shè)計(jì)方法來(lái)推進(jìn)項(xiàng)目的時(shí)候，設(shè)計(jì)和開(kāi)發(fā)團(tuán)隊(duì)的執(zhí)行流程和之前可能會(huì)截然不同，不過(guò)在內(nèi)容和細(xì)節(jié)處還是有許多共通之處的。

　　從設(shè)計(jì)師的角度上來(lái)看，設(shè)計(jì)、技術(shù)、性能表現(xiàn)和業(yè)務(wù)影響是主要的影響因素。策劃和研究等階段通常是由其他人來(lái)進(jìn)行，但是如果項(xiàng)目是由一人負(fù)責(zé)那么通常也就得由設(shè)計(jì)師一人包攬了。這些環(huán)節(jié)還可以繼續(xù)往小了分解：內(nèi)容和信息傳達(dá)，UI設(shè)計(jì)，UX設(shè)計(jì)，視覺(jué)設(shè)計(jì)，測(cè)試，培訓(xùn)和反饋等等。

　　所有的這些步驟看起來(lái)都不盡相同，具體執(zhí)行則取決于誰(shuí)來(lái)規(guī)劃。WebdesignerDepot 曾經(jīng)出過(guò)一個(gè)詳細(xì)的清單列表，其中包含了詳細(xì)的注意事項(xiàng)。其中有六個(gè)問(wèn)題，在你做任何決策的時(shí)候，最好先問(wèn)問(wèn)你自己這六個(gè)問(wèn)題。

　　在網(wǎng)頁(yè)的設(shè)計(jì)和開(kāi)發(fā)過(guò)程中，前后因果關(guān)系通常是非常明晰的。你所做的每一個(gè)決策都會(huì)影響到你的用戶(hù)，你自己，你的同事或者員工，你的股東，以及一些你甚至還沒(méi)考慮到的人。最終整個(gè)產(chǎn)品都會(huì)作用于你的生活，無(wú)論這種作用是好還是壞。

　　二、規(guī)劃和研究

　　在網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的規(guī)劃和研究階段，你應(yīng)該做三件事情：

　　確定項(xiàng)目的目標(biāo)

　　定義項(xiàng)目的范疇

　　定義受眾和目標(biāo)用戶(hù)的角色形象

　　這些要素將決定了項(xiàng)目中各個(gè)環(huán)節(jié)要如何結(jié)合到一起，并且確定了各個(gè)部分之間要如何推進(jìn)。如果項(xiàng)目中的組件不符合目標(biāo)或者超出了范圍，那么就需要重新調(diào)整或者評(píng)估。

　　三、設(shè)計(jì)

　　設(shè)計(jì)階段通常是整個(gè)設(shè)計(jì)項(xiàng)目當(dāng)中最有趣的部分，設(shè)計(jì)師在這個(gè)環(huán)節(jié)通過(guò)線(xiàn)框圖勾勒框架，填充內(nèi)容，并且最終定義視覺(jué)效果，慢慢將內(nèi)容和視覺(jué)統(tǒng)一到一個(gè)體系當(dāng)中。

　　這一過(guò)程，設(shè)計(jì)師的任務(wù)包括：

　　繪制網(wǎng)站地圖和線(xiàn)框圖(基于項(xiàng)目的界定范圍)

　　創(chuàng)建和搜集所有的內(nèi)容，包括圖片、文本、視頻和動(dòng)畫(huà)等

　　創(chuàng)建視覺(jué)元素，從情緒板到配色方案等

　　設(shè)計(jì)清晰明確的布局、層次結(jié)構(gòu)和高效的信息架構(gòu)

　　四、技術(shù)和性能

　　網(wǎng)站最重要的功能和技術(shù)緊密關(guān)聯(lián)，而它的極限也同技術(shù)相關(guān)。你設(shè)計(jì)的網(wǎng)站功能是否能夠最終實(shí)現(xiàn)出來(lái)?用戶(hù)能否完全理解這些功能，并且能夠正確地使用它們?

　　而影響網(wǎng)站的打開(kāi)速度和性能的技術(shù)問(wèn)題，可以列出一個(gè)長(zhǎng)長(zhǎng)的列表，想要達(dá)成你計(jì)劃中的效果，可能需要整合再整合才行。根據(jù)以往的經(jīng)驗(yàn)，網(wǎng)站需要真正服務(wù)于網(wǎng)站的所有者(以他們理解的方式搜集正確的數(shù)據(jù))和用戶(hù)(網(wǎng)站必須快速且易于理解和使用)。

　　說(shuō)到性能，就繞不開(kāi)搜索這個(gè)問(wèn)題。由于用戶(hù)獲取信息的方式通常和搜索引擎緊密關(guān)聯(lián)，絕大多數(shù)網(wǎng)站的流量和搜索引擎的協(xié)助是分不開(kāi)的。在設(shè)計(jì)和開(kāi)發(fā)的過(guò)程中，一定要將 SEO 的策略納入到整個(gè)環(huán)節(jié)當(dāng)中，在一開(kāi)始就要考慮到它的存在。

　　這樣一來(lái)，就要求你根據(jù)項(xiàng)目的目標(biāo)和范疇來(lái)權(quán)衡使用哪些工具和服務(wù)來(lái)進(jìn)行開(kāi)發(fā)，CMS系統(tǒng)的構(gòu)建過(guò)程中采用哪些技術(shù)或者插件?？傊?，你需要明白，技術(shù)和性能相關(guān)的問(wèn)題從來(lái)都沒(méi)有一個(gè)通用的解決方案，靈活機(jī)變是必不可少的。

　　五、業(yè)務(wù)影響

　　當(dāng)你擁有了一套堪稱(chēng)完美的設(shè)計(jì)之后，你的工作并沒(méi)有完成。一個(gè)良好的網(wǎng)站項(xiàng)目，在戰(zhàn)略上不僅要著眼于設(shè)計(jì)和功能，還要幫助公司和團(tuán)隊(duì)實(shí)現(xiàn)業(yè)務(wù)目標(biāo)。這也是為什么要將網(wǎng)站首先就視作為整個(gè)產(chǎn)品戰(zhàn)略的一部分。

　　網(wǎng)站設(shè)計(jì)是如何影響整個(gè)業(yè)務(wù)的?它是否有幫助人們找到有用的信息并且了解這個(gè)公司?它是否牽涉到銷(xiāo)售或者電商?

　　除此之外，還需要考慮這個(gè)問(wèn)題：在客戶(hù)端的另一頭是誰(shuí)在使用或者維護(hù)它?有哪些信息反饋、投資說(shuō)明或者分析圖表，能夠表明當(dāng)前項(xiàng)目是可行的，甚至是成功的?

　　你需要一開(kāi)始就考慮這個(gè)問(wèn)題的答案。你可能需要為電商平臺(tái)設(shè)計(jì)一個(gè)完全不同的界面，而不是單純只依靠一個(gè)信息化的網(wǎng)站。根據(jù)總體目標(biāo)，你可能需要基于差異化的策略設(shè)計(jì)出完全不同的品牌頻道。

　　這當(dāng)中，最重要的可能是反饋機(jī)制的建立。當(dāng)用戶(hù)在點(diǎn)擊網(wǎng)站的時(shí)候，每一個(gè)點(diǎn)擊都在傳遞一些關(guān)鍵性的信息。你可以使用這些信息來(lái)輔助設(shè)計(jì)，讓用戶(hù)「正確」地同內(nèi)容進(jìn)行交互，也可以借此針對(duì)網(wǎng)站內(nèi)容進(jìn)行更為有效的調(diào)整。

　　千萬(wàn)不要忘記那些忠實(shí)的用戶(hù)。對(duì)此，WebdesignerDepot 給出了如下的建議：

　　許多修改和調(diào)整可能意味著完全拋棄現(xiàn)有的用戶(hù)，湯恩比是當(dāng)你去除或者隱藏之前他們所喜愛(ài)的舊有的功能。如果你的用戶(hù)每天都會(huì)使用你的網(wǎng)站，那么你一定要考慮修改和調(diào)整對(duì)他們的工作和生活所產(chǎn)生的影響。

　　六、結(jié)語(yǔ)

　　當(dāng)你使用全面網(wǎng)頁(yè)設(shè)計(jì)的方法來(lái)推進(jìn)網(wǎng)頁(yè)項(xiàng)目的時(shí)候，你需要同時(shí)考慮和規(guī)劃更多的事情，上一步和下一步之間的影響，經(jīng)常針對(duì)每一個(gè)步驟來(lái)衡量它們是否符合目標(biāo)和整個(gè)項(xiàng)目的范疇。

　　一切都是關(guān)聯(lián)的，更全面的思考將會(huì)帶來(lái)更成熟的產(chǎn)品。