隨著互聯(lián)網(wǎng)時(shí)代的快速發(fā)展，設(shè)計(jì)師不再只是為互聯(lián)網(wǎng)創(chuàng)造漂亮美觀的圖片那么簡單了，作為一個(gè)WEB設(shè)計(jì)師，除了基本的設(shè)計(jì)技能之外，還需要考慮一些其他的問題，比如用戶體驗(yàn)，算法，代碼等等。如今用戶體驗(yàn)設(shè)計(jì)越來越重要，對于WEB表單的設(shè)計(jì)尤其如此。

WEB表單設(shè)計(jì)的目標(biāo)是設(shè)計(jì)出一套讓用戶能夠從填表到點(diǎn)擊提交按鈕的最簡單的流程。從非常簡單直接的表單到花哨、多彩和創(chuàng)意的表單，每個(gè)網(wǎng)站都會呈現(xiàn)一種表單風(fēng)格。不論是登錄/注冊表單，還是聯(lián)系表單，或者其他類型表單，設(shè)計(jì)師們需要牢記一點(diǎn)：這些表單的目標(biāo)是要贏得用戶的注意，引導(dǎo)他們在其中填入信息。根據(jù)多年的設(shè)計(jì)經(jīng)驗(yàn)，Mockplus歸納了在WEB表單設(shè)計(jì)中的六大原則。

（一）保持醒目和簡潔

我們經(jīng)常會遇到一個(gè)問題，非常多的用戶抱怨注冊表單需要太多的信息。如果你設(shè)計(jì)的網(wǎng)站正在想辦法增加注冊用戶數(shù)量，那么首先必須保證設(shè)計(jì)的表單盡可能的簡潔，易于填寫。同時(shí)對于著重強(qiáng)調(diào)的版塊和信息，在設(shè)計(jì)時(shí)可以采用更醒目的方式加以強(qiáng)調(diào)。

（二）合理組織信息

對于較為復(fù)雜、填寫項(xiàng)多的表單，如果不對信息進(jìn)行組織，很容易顯得繁雜混亂，讓用戶在一開始就產(chǎn)生抵觸的情緒，甚至選擇放棄。合理有層次的組織信息，可以利用框線、空間間隔、顏色的不同，按照不同信息的類別、屬性和相關(guān)性進(jìn)行區(qū)塊的劃分，用步驟條指示當(dāng)前的進(jìn)程。清晰的瀏覽線，合理的標(biāo)簽、提示文字及按鈕的排布，避免不必要的信息重復(fù)出現(xiàn)，能夠降低用戶的視覺負(fù)擔(dān)和物理負(fù)擔(dān)。

（三）更大的輸入框

根據(jù)實(shí)際的用戶反饋，表單設(shè)計(jì)中更大的文字輸入框、適度的留白空間會讓人更有填寫的欲望，優(yōu)雅的動畫效果也能增加填寫的趣味。設(shè)計(jì)師在設(shè)計(jì)表單的過程中，需要緩和不同輸入元素之間的沖突。加粗的文字提示用戶哪些區(qū)域已經(jīng)填寫了，哪些區(qū)域還空著，當(dāng)激活某一輸入框時(shí)，它會變成淡藍(lán)色，提示光標(biāo)現(xiàn)在所處的位置。

（四）為用戶節(jié)省時(shí)間

需要花大量時(shí)間填寫的表單容易讓人失去耐心，用戶是懶惰而繁忙的，試著刪去所有不必要的填寫項(xiàng)，考慮除了讓用戶機(jī)械的通過鍵盤在表單上輸入數(shù)據(jù)外，還有沒有別的更優(yōu)方式（如后續(xù)進(jìn)行用研調(diào)查）收集所需信息。

（五）一條龍服務(wù)的設(shè)計(jì)理念

表單的終點(diǎn)并不是提交，設(shè)計(jì)師在設(shè)計(jì)的時(shí)候需要抱著為用戶提供一條龍服務(wù)的理念，形成流程閉環(huán)，避免用戶在中途跳出。一個(gè)好的表單設(shè)計(jì)，不僅需要考慮用戶填寫前的引導(dǎo)、填寫時(shí)的及時(shí)校驗(yàn)與幫助、還需要考慮填寫后的整個(gè)流程體驗(yàn)。思考用戶填寫表單的初衷是什么，讓他在填寫完表單后能夠最快得到他最想要的東西。即便是他暫時(shí)無法得到的，也需要告訴他相應(yīng)的原因和能夠進(jìn)行的替代操作。

（六）提供設(shè)計(jì)關(guān)懷

根據(jù)不完全統(tǒng)計(jì)，互聯(lián)網(wǎng)中大約有12%的人具有或輕或重的色覺障礙。如果將色彩作為區(qū)分不可點(diǎn)擊文本和可點(diǎn)擊鏈接的唯一元素，可能會讓這部分的人使用時(shí)出現(xiàn)困難。我們在設(shè)計(jì)表單的過程中可以通過給鏈接文字加下劃虛線、使用按鈕或其他形狀做區(qū)分，讓這類用戶能更加清楚的知道哪些是可點(diǎn)擊的區(qū)域。

網(wǎng)站欄目：深圳網(wǎng)頁設(shè)計(jì)之六大原則
轉(zhuǎn)載源于：http://aaarwkj.com/news/153043.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、手機(jī)網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)站改版、Google、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)