網頁設計之六大原則

隨着互聯網時代的快速發展，設計師再也不只是爲互聯網創造漂亮美觀的圖片那麼簡單了，做爲一個WEB設計師，除了基本的設計技能以外，還須要考慮一些其餘的問題，好比用戶體驗，算法，代碼等等。現在用戶體驗設計愈來愈重要，對於WEB表單的設計尤爲如此。

WEB表單設計的目標是設計出一套讓用戶可以從填表到點擊提交按鈕的最簡單的流程。從很是簡單直接的表單到花哨、多彩和創意的表單，每一個網站都會呈現一種表單風格。不管是登陸/註冊表單，仍是聯繫表單，或者其餘類型表單，設計師們須要牢記一點：這些表單的目標是要贏得用戶的注意，引導他們在其中填入信息。根據多年的設計經驗，Mockplus概括了在WEB表單設計中的六大原則。

（一）保持醒目和簡潔

咱們常常會遇到一個問題，很是多的用戶抱怨註冊表單須要太多的信息。若是你設計的網站正在想辦法增長註冊用戶數量，那麼首先必須保證設計的表單儘量的簡潔，易於填寫。同時對於着重強調的版塊和信息，在設計時能夠採用更醒目的方式加以強調。

（二）合理組織信息

對於較爲複雜、填寫項多的表單，若是不對信息進行組織，很容易顯得繁雜混亂，讓用戶在一開始就產生抵觸的情緒，甚至選擇放棄。合理有層次的組織信息，能夠利用框線、空間間隔、顏色的不一樣，按照不一樣信息的類別、屬性和相關性進行區塊的劃分，用步驟條指示當前的進程。清晰的瀏覽線，合理的標籤、提示文字及按鈕的排布，避免沒必要要的信息重複出現，可以下降用戶的視覺負擔和物理負擔。

（三）更大的輸入框

根據實際的用戶反饋，表單設計中更大的文字輸入框、適度的留白空間會讓人更有填寫的慾望，優雅的動畫效果也能增長填寫的趣味。設計師在設計表單的過程當中，須要緩和不一樣輸入元素之間的衝突。加粗的文字提示用戶哪些區域已經填寫了，哪些區域還空着，當激活某一輸入框時，它會變成淡藍色，提示光標如今所處的位置。

（四）爲用戶節省時間

須要花大量時間填寫的表單容易讓人失去耐心，用戶是懶惰而繁忙的，試着刪去全部沒必要要的填寫項，考慮除了讓用戶機械的經過鍵盤在表單上輸入數據外，還有沒有別的更優方式（如後續進行用研調查）收集所需信息。

（五）一條龍服務的設計理念

表單的終點並非提交，設計師在設計的時候須要抱着爲用戶提供一條龍服務的理念，造成流程閉環，避免用戶在中途跳出。一個好的表單設計，不只須要考慮用戶填寫前的引導、填寫時的及時校驗與幫助、還須要考慮填寫後的整個流程體驗。思考用戶填寫表單的初衷是什麼，讓他在填寫完表單後可以最快獲得他最想要的東西。即使是他暫時沒法獲得的，也須要告訴他相應的緣由和可以進行的替代操做。

（六）提供設計關懷

根據不徹底統計，互聯網中大約有12%的人具備或輕或重的色覺障礙。若是將色彩做爲區分不可點擊文本和可點擊連接的惟一元素，可能會讓這部分的人使用時出現困難。咱們在設計表單的過程當中能夠經過給連接文字加下劃虛線、使用按鈕或其餘形狀作區分，讓這類用戶能更加清楚的知道哪些是可點擊的區域。