所謂的整體網頁設計是將整個專案視為一個整體來審視,來看待和處理,深入理解和洞悉整體中每個環節之間的關係,把控全程。如果視覺設計不理想,再好的內容都無法脫穎而出,它們應當是一體的。同樣的,如果世界上視覺設計 zui 優秀的網頁卻缺少可用性,那麼它也難以在多使用者面前立足。這些都是沒有藉助整體網頁設計的方法而出現的常見問題,也是絕大多數網頁設計專案所亟待解決的問題。
以下是「整體網頁設計」的工作原理。
一、整體設計理念
整體網頁設計的核心是設計的過程。在藉助整體網頁設計方法來推進專案的時候,設計和開發團隊的執行流程和之前可能會截然不同,不過在內容和細節處還是有許多共通之處的。
從設計師的角度上來看,設計、技術、效能表現和業務影響是主要的影響因素。策劃和研究等階段通常是由其他人來進行,但是如果專案是由一人負責那麼通常也就得由設計師一人包攬了。這些環節還可以繼續往小了分解:內容和資訊傳達,UI 設計,UX 設計,視覺設計,測試,培訓和反饋等等。
所有的這些步驟看起來都不盡相同,具體執行則取決於誰來規劃。 WebdesignerDepot 曾經出過一個詳細的清單列表,其中包含了詳細的注意事項。其中有六個問題,在您做任何決策的時候,zui 好先問問您自己這六個問題。
在網頁的設計和開發過程中,前後因果關係通常是非常明晰的。您所做的每一個決策都會影響到您的多使用者,您自己,您的同事或者員工,您的股東,以及一些您甚至還沒考慮到的人。 zui 終整個產品都會作用於您的生活,無論這種作用是好還是壞。
二、規劃和研究
在網頁設計專案的規劃和研究階段,您應該做三件事情:
・確定專案的目標
・定義專案的範疇
・定義受眾和目標多使用者的角色形象
這些要素將決定了專案中各個環節要如何結合到一起,並且確定了各個部分之間要如何推進。如果專案中的元件不符合目標或者超出了範圍,那麼就需要重新調整或者評估。
三、設計
設計階段通常是整個設計專案當中 zui 有趣的部分,設計師在這個環節透過線框圖勾勒框架,填充內容,並且 zui 終定義視覺效果,慢慢將內容和視覺統一到一個體系當中。
這一過程,設計師的任務包括:
・繪製網站地圖和線框圖(基於專案的界定範圍)
・建立和蒐集所有的內容,包括圖片、文字、視訊和動畫等
・建立視覺元素,從情緒板到配色方案等
・設計清晰明確的佈局、層次結構和高效的資訊架構
四、技術和效能
網站 zui 重要的功能和技術緊密關聯,而它的極限也同技術相關。您設計的網站功能是否能夠最終實現出來?多使用者能否完全理解這些功能,並且能夠正確地使用它們?
而影響網站的開啟速度和效能的技術問題,可以列出一個長長的列表,想要達成您計劃中的效果,可能需要整合再整合才行。根據以往的經驗,網站需要真正服務於網站的所有者(以他們理解的方式蒐集正確的資料)和多使用者(網站必須快速且易於理解和使用)。
說到效能,就繞不開搜尋這個問題。由於多使用者獲取資訊的方式通常和搜尋引擎緊密關聯,絕大多數網站的流量和搜尋引擎的協助是分不開的。在設計和開發的過程中,一定要將 SEO 站群 的策略納入到整個環節當中,在一開始就要考慮到它的存在。
這樣一來,就要求您根據專案的目標和範疇來權衡使用哪些工具和服務來進行開發,CMS 系統的構建過程中採用哪些技術或者外掛。總之,您需要明白,技術和效能相關的問題從來都沒有一個通用的解決方案,靈活機變是必不可少的。
五、業務影響
當您擁有了一套堪稱完美的設計之後,您的工作並沒有完成。一個良好的網站專案,在戰略上不僅要著眼於設計和功能,還要幫助公司和團隊實現業務目標。這也是為什麼要將網站首先就視作為整個產品戰略的一部分。
網站設計是如何影響整個業務的?它是否有幫助人們找到有用的資訊並且瞭解這個公司?它是否牽涉到銷售或者電商?
除此之外,還需要考慮這個問題:在客戶端的另一頭是誰在使用或者維護它?有哪些資訊反饋、投資說明或者分析圖表,能夠表明當前專案是可行的,甚至是成功的?
您需要一開始就考慮這個問題的答案。您可能需要為電商平臺設計一個完全不同的介面,而不是單純只依靠一個資訊化的網站。根據總體目標,您可能需要基於差異化的策略設計出完全不同的品牌頻道。
這當中,zui 重要的可能是反饋機制的建立。當多使用者在點選網站的時候,每一個點選都在傳遞一些關鍵性的資訊。您可以使用這些資訊來輔助設計,讓多使用者「正確」地同內容進行互動,也可以藉此針對網站內容進行更為有效的調整。
千萬不要忘記那些忠實的多使用者。