表單，主要是負(fù)責(zé)數(shù)據(jù)采集的功能，需要訪問者自己去填寫，如訪問者的姓名、郵箱、性別、地址、留言建議、設(shè)置密碼、管理個(gè)人賬戶等等。時(shí)下表單無處不在，成功的表單設(shè)計(jì)不僅能提高用戶的滿意度，更能收集更加精確的數(shù)據(jù)，相反失敗的表單設(shè)計(jì)只會(huì)收集到錯(cuò)誤雜亂的信息，可能會(huì)最終導(dǎo)致潛在用戶的流失。

一、組織表單的內(nèi)容，給用戶一個(gè)友好的引導(dǎo)

首先要明確的告之用戶填的是一個(gè)什么性質(zhì)的表單以及填完后能做些什么？哪些問題是一定要問的？有沒有別的途徑可以獲取用戶的資料？大致表單的布局分為三種類型：縱向排列、逐步填寫（多頁顯示）和左右布局。這三種表單的組織形式功能特點(diǎn)，通過不同的使用環(huán)境決定它們具體的樣式。下面通過一些對(duì)應(yīng)的實(shí)例我們來做些具體的分析：

圖1

根據(jù)Web慣例調(diào)查，卸載軟件的界面常見組織結(jié)構(gòu)，為縱向排列樣式。一般頂部為明確填寫表單的目的，再呈現(xiàn)表單的具體問題。在卸載類型的表單中，內(nèi)容一定要精簡，減少用戶輸入，盡量提供選擇題，少問答題，沒有必填項(xiàng)。要知道用戶是不喜歡填寫表單的，尤其是當(dāng)用戶卸載軟件后也是沒有太多的耐心來填寫表單的。如圖1的卸載表單縱向內(nèi)容組織形式，頂部是致辭，明確的說出問這些問題的目的，下面是分組表單內(nèi)容。這種縱向排版簡潔填寫的表單組織形式，更利于獲取用戶的反饋。

圖2

圖3

圖4

圖5

在一定情況下，很多問題需要按順序回答，理解并組織好每個(gè)表單的情境能得到最佳答案，如果把表單用對(duì)話的形式展現(xiàn)，主題之間自然會(huì)出現(xiàn)間斷，所以就會(huì)需要多個(gè)網(wǎng)頁把對(duì)話變成若干有意義并容易理解的主題。如圖2 ——圖5 的填寫表單多頁的展現(xiàn)形式。把表單當(dāng)成是與特定的人在對(duì)話，而不是與一堆數(shù)據(jù)輸入框在對(duì)話，每個(gè)表單都用不同的情境問題與用戶進(jìn)行交流，這樣的實(shí)際回答率會(huì)更高。

圖6

當(dāng)表單想要搜集更多答案時(shí)，可以考慮在表單填完之后提出一些可選的問題，輔助獲得更多的答案。表單的標(biāo)簽使用術(shù)語需要統(tǒng)一，簡潔、單個(gè)詞，這樣的標(biāo)簽要更容易解釋清楚。如圖6的表單設(shè)計(jì)，使用左右布局的排版方式，左側(cè)放上必填和重要的表單項(xiàng)，右側(cè)輔助放上可供選擇的表單，減少頁面表單內(nèi)容視覺的龐大性，整體界面內(nèi)容居中排列這種方式也比較美觀易讀。

標(biāo)簽： 表單設(shè)計(jì) 交互設(shè)計(jì) 視覺設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。