網頁設計的流程

　　網頁設計是指使用標識語言***markup language***，通過一系列設計、建模、和執行的過程將電子格式的資訊通過網際網路傳輸，是企業的重要各組部分。下面是小編精心為你準備的，希望對你有幫助!

　　網站伴隨著網路的快速發展而快速興起，作為上網的主要依託，由於人們使用網路的頻繁而變得非常的重要。由於企業需要通過網站呈現產品、服務、理念、文化，或向受眾提供某種功能服務。因此網頁設計必須首先明確設計站點的目的和使用者的需求，從而做出切實可行的設計方案。

　　專業的網頁設計，需要經歷一下幾個階段：

　　需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

　　以業務目標為中心進行功能策劃，製作出欄目結構關係圖。

　　以滿足使用者體驗設計為目標，使用axure rp或同類軟體進行頁面策劃，製作出互動用例。

　　以頁面精美化設計為目標，使用PS、AI等軟體，調整，使用更合理的顏色、字型、圖片、樣式進行頁面設計美化。

　　根據使用者反饋，進行頁面設計調整，以達到最優效果。

　　網頁設計目標

　　業務邏輯清晰，能清楚的向瀏覽者傳遞資訊，瀏覽者能方便的尋找到自己想要檢視的東西

　　使用者體驗良好，使用者在視覺上，操作上都能感到很舒適

　　頁面設計精美，使用者能得到美好的視覺體驗，不會為一些糟糕的細節而感到不適

　　建站目標明晰，網頁很好的實現了企業建站的目標，向用戶傳遞了某種資訊，或展示了產品、服務、理念、文化

　　網頁設計的使用者體驗

　　1. 輸入控制元件的自動聚焦和可用鍵盤切換輸入焦點

　　使用JavaScript實現頁面載入完成後立即自動聚焦***focus***到第一個輸入控制元件。可用TAB鍵***IE預設實現***或方向鍵切換聚焦到下一個輸入控制元件。

　　2. 可用Enter***或Ctrl+Enter***鍵提交，確保和點選提交按鈕的效果是相同的

　　不要在提交按鈕上加入onClick=”…”這樣的JavaScript程式碼。

　　3.滑鼠動作提示和迴應

　　對使用者的滑鼠定位操作，當移動到可響應的位置上時，應給予視覺或聽覺的提示。

　　4.儘可能早的在客戶端完成輸入資料合法性驗證

　　輸入資料的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在伺服器端完成，否則驗證工作應在最早能完成的情況下進行。

　　5.根據應用場景決定在表單頁面和提交後返回頁面間是否使用中間過渡頁面

　　根據應用場景，決定是否顯示接收表單頁面***表單頁面和提交後返回頁面間的中間過渡頁面***，以及使用何種方式顯示接收表單頁面。

　　6.防止表單重複提交處理

　　對提交按鈕點選後做變灰處理避免在網路響應較慢情況下使用者重複提交同一個表單。使用頁面過期失效避免使用者後退瀏覽重複提交表單。

　　7.頁面連結是開啟新視窗、使用原視窗還是彈出視窗的原則

　　一般而言，首頁上鍊接可以使用target=”_blank”屬性開啟新視窗，而其他頁面上的連結都應使用原視窗或彈出視窗。如果連結頁面內容相對原頁面來說不重要，是附屬性質的，可以使用彈出視窗方式。

　　8.儘可能少的排列可選項，儘可能少的安排操作步驟

　　根據使用者操作習慣安排儘可能少的操作選單選項，同時要保證儘可能少的操作步驟。

　　9.操作邏輯無漏洞，保證資料是操作安全的

　　多個頁面間的操作和同個頁面上的多個操作間的邏輯關係在設計上是安全和嚴謹的。保證不會出現不被允許的使用者操作組合，至少不會因為使用者的不適當的操作導致出錯。