網站策劃及網站設計白皮書

　　網絡的發展與成熟使網絡與其使用者之間的互動、版權所有，全國公務員共同的天地!互利關係日趨明朗，這使其對界面設計的需求也不斷深入化、專業化。目前，國內大多數網站的設計水準仍然停留在為網站做一張好看的“皮”上面，這種觀念已經不能適應網絡與使用者之間頻繁接觸帶給用戶的心理感知，而elong擁有一支中國一流的設計團隊，超前的設計意識和良好的服務精神，使其在用戶和客戶間擁有了較高的滿意度。

　　一、網站頁面風格策劃

　　網站的頁面呈現風格首先是該企業形象的一部分，是企業的cis（企業視覺形象識別系統）在網絡上的延伸；對於還沒有完善的企業視覺形象識別系統的企業，網站的風格也要符合該企業對網站的多方面定位，換句話說，就是要為其“量身定做”。這樣做的好處是：a.維護（提升）企業形象;b.利用網絡優勢推廣企業形象；c.以其鮮明的特色和適宜的風格配合應用與服務為該企業在網絡空間拓展用戶群；d.為企業贏得更多商機；e.給了用戶更方便及時的回饋空間以及良好的心理感受。

　　二、網站形象的搭建

　　企業網站形象的搭建更接近於傳統的建築設計，除了付與其美觀、有特色的建築外觀之外，更要注重其結構的合理性和居住的舒適性。反映在網頁上，我們要求我們的設計人員必須熟知網絡設計的特性；對目標網站的結構、導航以及商業意圖都有深刻的理解和體會；掌握目標用戶群的網絡使用習慣；懂得並有能力做出符合以上條件的設計。

　　三、我們的網站製作流程

　　我們的業務人員在和客戶溝通之後，會同相關人員制定出網站製作白皮書，白皮書內容包括（產品設計目的、背景資料、產品功能概述、客戶對網站設計風格要求、進度安排等），限時在1-3個工作日以內（視站點規模而定）。

　　召集相關人員如市場、設計、程序人員，版權所有，全國公務員共同的天地!根據白皮書開會討論產品，得出最終的可操作性文檔及網站樹形圖。限時在1-3個工作日以內（視站點規模而定）。

　　設計師根據制定出的文檔設計網站首頁，在大多數情況下，在得到竟標前，我們不提供任何圖形設計方案。在特殊情況下，設計部至多設計2-3個首頁。但是公司不支持在初級竟標時設計圖形方案。在此階段，設計部只設計圖形以及相關多媒體設計。當沒有多媒體設計時，提交圖形設計即可，不提供html文件。限時在1-2個工作日以內（視站點規模而定）。

　　由業務人員提交給客戶審核，並請客戶提出意見，我們按照客戶要求進行改善，直到客戶滿意為止。客戶需要在打印稿上簽字同意設計風格與創意。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新製作編程的成本費用。

　　設計師將所有的頁面設計出來，並提交客戶簽字認可。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新製作編程的成本費用。限時在3-10個工作日以內（視站點規模而定）。

　　只有在客戶最圖形設計滿意以後，設計人員才把客戶滿意的網站設計最終稿交給html部門進行製作並附上網站需求計劃，並按照客戶的網站功能要求聯繫網站後台程序製作人員進行程序設計。html人員需根據設計圖稿認真，合理的進行網頁製作，並確保網頁在不同瀏覽器上的兼容性。限時在3-10個工作日以內（視站點規模而定）。

　　html完工後，交由原設計師審核，查看文件是否與設計原圖有所出入。限時1-2個工作日。

　　設立專門項目負責人全程監控設計的過程，及時與後台技術溝通，調整和掌握實施的完成。其中各項細節需基本符合最終版本的白皮書概念。視項目的大小來規定設計完成的時間。

　　將完整無誤的html分類交由後台技術部處理，數據庫的交到數據庫專門人員，模板交到模板人員。限時從最長的5-10個工作日以內（兩周）到3個工作日不等。

　　10、技術部將新網站模板和後台的使用方法完全教給客戶的相關人員使用。限時在1個工作日內。

　　11、公司內部測試。檢查網站兼容性等方面問題，相關設計人員開始設計網站推廣的banner和button。限時3個工作日以內。

　　業務人員最後將完成的全部網站內容交給客戶審閱，根據客戶的意見與技術部協調進行程序、功能的改進，在此過程中不應該再涉及頁面風格與創意的改變。如果在此階段仍需要改變設計風格與創意，客戶需要承擔重新製作編程的成本費用。

　　13、正式推出。技術部將客戶確定后的網頁發布到相應網址。業務人員需要客戶簽字同意發布在指定網址上的網站設計。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新製作編程的成本費用。

　　外部測試。我們會定期通過各部門綜合針對產品進行透徹分析，並進行系統的網友調查，根據回饋意見進一步調整，並考慮可延伸性。並定期提供給客戶相關資料。

　　四、我們的網站互動藝術的設計原則

　　在我們的設計師看來，網頁設計是一種“體貼”的設計，即要體貼企業的各項需求，同時還要替企業體貼其網絡用戶的各種需求。這一切建立在設計師對網絡使用的豐富經驗和對用戶的易用性的充分理解之上。在您能看到的新鮮、美觀、動感的頁面的表層下，我們還遵循了網絡互動藝術的“系統性”、“互動性”、“傳輸性”、“適應性”的設計原則。以下是對這四項原則的具體闡述：

　　1、系統性設計原則

　　網絡以大量的信息流作為營運的起點,設計時需要從系統上合理組織規劃和呈現這些信息,引導人流在網絡系統內部的有效流動,再通過系統上對互動操作的有效引導,最後將人流轉化為物流,進而轉變為資金流,這是網絡設計的根本原則和終極目的。系統性原則包括以下幾方面要求：

　　1）整體性:網站作為一個產品,需要保證在使用方式和視覺呈現上的統一性；

　　2）結構和導航的二維引導：結構和導航要模塊清晰，條理明確，跳轉方便，能讓用戶知道自己在網站上所處的位置，並自由進入想去的地方；

　　3）流量的引導：有目的有系統的引導流動的方向，確定方式以及停留位置，引導信息流產生人流，進一步需要將人流引導向最有可能產生物流和資金流的地方；

　　4）鏈接的有效引導：通過鏈接來實現目標網站的導航以及流量，充分考慮網民的使用經驗，強化重要鏈接以有效引導流向；

　　5）確定技術實現方式：網頁製作除了最基本的html文件之外,還有許多增加效果的方式,比如加入gif或flash動畫,加入dhtml層來實現鼠標互動的交互效果等。根據網站的不同目的，從整體系統上進行設計，作出技術區分。技術有價值是因為他能使我們組織信息更快,更直接,更直覺和更可交流。沒必要為了技術而技術。

　　2、互動性設計原則

　　網站瀏覽的過程是在與瀏覽者的互動操作下完成的,這正是網絡的特性和引人之處.互動滿足了網民的參與感,滿足了商家現時交易和反饋的需求,網絡設計必須發揮這種互動性優勢。互動性原則包括以下幾方面要求：

　　1）召喚感:網絡設計必須具有召喚感,能夠吸引瀏覽者的點擊行動,提高點擊率;一個網站可以是一個完全的交流媒介,它最大的特點就是交互性。

　　2）導航系統：在網站上最基本，最簡單的交互式區域就是導航系統。導航系統越直觀，越實用，用戶就越喜歡，反饋也就越多。

　　3）形象的親和力:設計貼近生活，有人情味會獲得更高的點擊率，因為用戶可能無意識的在想"也許這個服務於我有關"。在網絡上，直觀比喻、動作演示、人物襯托等方法能夠起到信息強化的作用，有較好的效果。

　　4）文字的鼓動性:文字是視覺流程中傳達信息的重要因素，只有文字才能明確人的記憶。文字會從更深的心理層次對消費者產生影響並使其發生態度轉變。信息的有效傳達不能單單依靠視覺形象。

　　5）感性訴求：緊緊把握住人情味這個要素，在商業運作中淡化其商業氣息，使用戶自覺自愿接受所宣傳的產品和服務。

　　6）增加互動性功能：利用互動功能的優勢來實現其他媒體所不能具備的在線服務功能，比如說：網絡調查、網上直播、網上發布，網上評選，網上訂貨等，吸引大家的興趣從而達到效果。

　　7）讓用戶參與：讓用戶有更多的發言權。當用戶發現他們的觀點被珍視，被欣賞，或被稱讚時，他們都會因擁有感而繼續使用這個網站。

　　8）簡潔性:網絡設計的界面需要簡潔而可操作,界面友好,網絡設計需要有效引導互動操作,盡量減少瀏覽者不必要的行動和負擔。

　　9.及時更新：網絡設計需要保證內容的即時更新，以增強瀏覽者的參與性。信息更新快，這是讓網民建立信任的前提。

　　3、傳輸性設計原則

　　網站的瀏覽以獲取某些信息或實現某種功能為目的;而網絡的圖形和頁面需要用http超文本標識語言來生成和傳輸,網絡上所有信息的傳達都是通過對文件的下載實現，需要網民為此付出時間和金錢;在目前網速依然不十分理想的情況下,有效率的傳達信息仍然是網絡設計的核心。傳輸性原則包括以下幾方面要求：

　　1）網站設計需要保證信息高效準確的傳輸。

　　2）降低文件大小:保證傳輸性的第一個原則就是降低文件的大小,文件的大小由兩個因素決定,一是圖片的大小,另一個是html源代碼的大小;因此網絡設計要盡量提高圖片的使用效率,並且要確保製作的方便性。

　　3）結構的相對獨立性：需要在設計上盡量增強各功能模塊的相對獨立性以形成橫向的獨立表格，利用瀏覽器的下載特點來提高下載速度，特別是要保證屏首的迅速下載；此外，可更新模塊的相對獨立性也是cgi自動發布程序傳輸文件的要求。

　　4）空間有效性：設計需要合理利用空間，特別是首屏空間；需要在不使瀏覽者感到繁雜混亂的情況下，儘可能傳達有效信息；要有重點的抓住瀏覽者的視線，讓其停留，從瀏覽變為閱讀。

　　4、適應性設計原則