隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，設(shè)計(jì)師不再簡(jiǎn)單地為互聯(lián)網(wǎng)創(chuàng)造美麗的畫面。作為一個(gè)WEB設(shè)計(jì)師，除了基本的設(shè)計(jì)技巧，還需要考慮其他問題，比如用戶體驗(yàn)、算法、代碼等等。如今，用戶體驗(yàn)設(shè)計(jì)變得越來越重要，尤其是對(duì)于網(wǎng)頁(yè)表單的設(shè)計(jì)。

　　WEB表單設(shè)計(jì)的目標(biāo)是設(shè)計(jì)一套從填寫表單到單擊提交按鈕的最簡(jiǎn)單的過程。從非常簡(jiǎn)單直接的形式到花哨、豐富多彩、富有創(chuàng)意的形式，每個(gè)網(wǎng)站都呈現(xiàn)出一種形式風(fēng)格。無論是登錄/注冊(cè)表單、聯(lián)系人表單，還是其他類型的表單，設(shè)計(jì)人員都需要記住，這些表單的目標(biāo)是贏得用戶的注意，并引導(dǎo)他們填寫信息。Mockplus根據(jù)多年的設(shè)計(jì)經(jīng)驗(yàn)，總結(jié)出WEB表單設(shè)計(jì)的六大原則。

　　(一)保持醒目和簡(jiǎn)潔

　　我們經(jīng)常遇到一個(gè)問題。許多用戶抱怨登記表需要太多信息。如果你設(shè)計(jì)的網(wǎng)站是想增加注冊(cè)用戶數(shù)量，那么你首先要保證設(shè)計(jì)出來的表單盡可能簡(jiǎn)潔，容易填寫。同時(shí)，突出顯示的部分和信息可以在設(shè)計(jì)時(shí)以更引人注目的方式強(qiáng)調(diào)。

　　(二)合理組織信息

　　對(duì)于一個(gè)需要填寫多項(xiàng)的復(fù)雜表單，如果信息沒有組織起來，很容易出現(xiàn)復(fù)雜混亂的情況，讓用戶一開始就感到矛盾，甚至選擇放棄。為了合理、分層地組織信息，可以利用幀線、空間間隔和顏色的差異，根據(jù)不同信息的類別、屬性和相關(guān)性來劃分塊，并使用階梯條來表示當(dāng)前的過程。清晰的瀏覽線、合理的標(biāo)簽排列、提示文字和按鈕可以避免不必要的信息，減輕用戶的視覺和身體負(fù)擔(dān)。

　　(3)較大的輸入框

　　根據(jù)實(shí)際用戶反饋，表單設(shè)計(jì)中較大的文本輸入框和適度的空格會(huì)讓人有更多的填充欲望，優(yōu)雅的動(dòng)畫效果也能增加填充的興趣。在設(shè)計(jì)表單的過程中，設(shè)計(jì)師需要緩解不同輸入元素之間的沖突。粗體文本提示用戶哪些區(qū)域已經(jīng)填充，哪些區(qū)域仍然是空的。當(dāng)一個(gè)輸入框被激活時(shí)，它會(huì)變成淡藍(lán)色，指示光標(biāo)現(xiàn)在的位置。

　　(4)為用戶節(jié)省時(shí)間

　　需要大量時(shí)間填寫的表單容易失去耐心，用戶又懶又忙。盡量刪除所有不必要的項(xiàng)目，考慮除了讓用戶機(jī)械地通過鍵盤在表單上輸入數(shù)據(jù)(比如后續(xù)調(diào)查)，是否還有更好的方法收集所需信息。

　　一站式服務(wù)的設(shè)計(jì)理念

　　表單的終點(diǎn)不是提交，設(shè)計(jì)者在設(shè)計(jì)時(shí)需要抱著為用戶提供一站式服務(wù)的想法，形成流程的閉環(huán)，避免用戶中途跳出。一個(gè)好的表單設(shè)計(jì)不僅要考慮填寫前用戶的指導(dǎo)，填寫時(shí)及時(shí)檢查幫助，還要考慮填寫后的全過程體驗(yàn)。想想用戶填表的初衷，讓他填表后最快速的得到自己想要的東西。即使暫時(shí)拿不到，也需要告訴他相應(yīng)的理由和可以進(jìn)行的替代操作。(6)提供設(shè)計(jì)關(guān)懷

　　據(jù)不完全統(tǒng)計(jì)，網(wǎng)上約有12%的人患有輕度或重度色覺障礙。如果用顏色作為區(qū)分不可點(diǎn)擊文本和可點(diǎn)擊鏈接的唯一元素，可能會(huì)讓這些人很難使用。在設(shè)計(jì)表單的過程中，我們可以通過添加虛線、使用按鈕或其他形狀來區(qū)分鏈接文本，這樣用戶就可以更清楚地知道哪些區(qū)域是可點(diǎn)擊的。