上次提到最近的工作涉及到大量的表單設(shè)計(jì)，也寫(xiě)了一篇文章介紹自己在檢查表單反饋時(shí)用到的小技巧。經(jīng)過(guò)一點(diǎn)時(shí)間的思考臼勉，覺(jué)得有必要再進(jìn)一步，從整體來(lái)描述表單設(shè)計(jì)餐弱。
前言
在沒(méi)有互聯(lián)網(wǎng)之前宴霸，人們已經(jīng)經(jīng)常接觸表單囱晴。辦一張身份證，申請(qǐng)一個(gè)銀行賬戶……諸如此類(lèi)的事情都需要填寫(xiě)一張甚至多張表單瓢谢。幾乎沒(méi)有人會(huì)喜歡填表畸写。首先，表單上大量的問(wèn)題和術(shù)語(yǔ)都不是熟悉的恩闻，需要填寫(xiě)的地方也讓人茫然：該填什么艺糜？填寫(xiě)的格式有沒(méi)有問(wèn)題？其次幢尚，花大量時(shí)間寫(xiě)了一大堆文字上去之后破停，工作人員經(jīng)常會(huì)告訴你：這里填錯(cuò)了，重新填一張尉剩。如果是去政府機(jī)構(gòu)辦事真慢，大概率還會(huì)遇到冰冷的語(yǔ)氣與白眼。
以上這些問(wèn)題理茎，在互聯(lián)網(wǎng)時(shí)代不但沒(méi)有減少黑界，反而越來(lái)越多。畢竟在網(wǎng)絡(luò)上用戶面對(duì)的只是不會(huì)說(shuō)話的屏幕皂林，無(wú)論是想在網(wǎng)上購(gòu)物朗鸠、發(fā)表言論、投票础倍，還是想加入一個(gè)網(wǎng)絡(luò)社區(qū)烛占，都需要填表。企業(yè)想要獲得用戶信息沟启，了解用戶的想法忆家，也只能讓用戶填表。無(wú)論是線上還是線下德迹，表單的本質(zhì)都是向用戶提問(wèn)題芽卿，用戶提供答案。
那么胳搞，當(dāng)需要設(shè)計(jì)一個(gè)表單時(shí)卸例，該怎么做？尤其是想要設(shè)計(jì)一個(gè)對(duì)用戶友好又能滿足產(chǎn)品需要的表單肌毅，需要哪些技巧币厕？
一、探尋
任何設(shè)計(jì)工作的開(kāi)端芽腾，都要求設(shè)計(jì)師沉浸在所涉及的領(lǐng)域旦装，通過(guò)感知、碰撞摊滔、思索阴绢，獲得對(duì)領(lǐng)域知識(shí)的認(rèn)知店乐，從而才有機(jī)會(huì)尋得正確的方向。
一個(gè)表單是用戶關(guān)心的嗎呻袭？肯定不是眨八。用戶使用網(wǎng)站或者APP的目標(biāo)當(dāng)然不是為了填表。那企業(yè)關(guān)心表單嗎左电？我想也不是廉侧。無(wú)論對(duì)于用戶還是企業(yè)，表單都是橫在他們關(guān)心的目標(biāo)之間的一道障礙篓足。對(duì)于填寫(xiě)表單段誊，當(dāng)然是越快越好。最理想的情況是根本不需要用戶填寫(xiě)任何內(nèi)容栈拖，而企業(yè)又能獲得想要的東西连舍。表單僅僅是工具，就如同汽車(chē)只是將人們從A點(diǎn)運(yùn)送到B點(diǎn)的工具涩哟，如果打開(kāi)一道門(mén)就可以從A點(diǎn)到B點(diǎn)索赏，那還需要汽車(chē)干什么。
由此可見(jiàn)贴彼，設(shè)計(jì)師首先應(yīng)該關(guān)注問(wèn)題的本質(zhì)：用戶目標(biāo)是什么潜腻？企業(yè)目標(biāo)是什么？為了達(dá)成目標(biāo)用戶需要提供什么器仗？需要用戶提供的東西是否一定需要表單融涣？有其他方式可以獲得嗎？在當(dāng)前的技術(shù)條件下青灼，有很多事情確實(shí)還是需要表單。比如在網(wǎng)上購(gòu)物妓盲，需要用戶填寫(xiě)收貨信息杂拨，支付的時(shí)候還需要填寫(xiě)賬戶信息，當(dāng)然悯衬，有的網(wǎng)站還需要注冊(cè)一個(gè)賬戶弹沽；想在網(wǎng)絡(luò)社區(qū)發(fā)表一點(diǎn)想法，需要輸入文字筋粗；想分享一張照片策橘，需要上傳。
以上這些在設(shè)計(jì)師看來(lái)司空見(jiàn)慣的活動(dòng)娜亿，背后隱藏著用戶的期望丽已。設(shè)計(jì)師需要不斷的與不同的用戶交談，觀察他們?nèi)绾问褂矛F(xiàn)有的產(chǎn)品买决，在什么時(shí)間沛婴、什么地點(diǎn)吼畏、什么情況下使用產(chǎn)品。設(shè)計(jì)師需要了解用戶為何使用產(chǎn)品嘁灯，為何要如此使用產(chǎn)品泻蚊，他們有什么痛點(diǎn)，對(duì)產(chǎn)品有什么期望丑婿。設(shè)計(jì)師也需要不斷地和產(chǎn)品相關(guān)人員交談性雄，了解產(chǎn)品的目標(biāo)，企業(yè)的目標(biāo)羹奉，技術(shù)上的限制……
在通過(guò)訪談秒旋、觀察、查看資料等各種方式對(duì)用戶尘奏、企業(yè)兩方的背景滩褥、目標(biāo)有了深入了解之后，設(shè)計(jì)師開(kāi)始嘗試“角色扮演”：
當(dāng)你是用戶的時(shí)候炫加，對(duì)產(chǎn)品有什么期待瑰煎？你會(huì)如何使用產(chǎn)品？有什么感受俗孝？對(duì)什么感到厭惡酒甸？什么讓你愉悅？
這是設(shè)計(jì)前期最關(guān)鍵的時(shí)刻赋铝。設(shè)計(jì)師自己就是用戶插勤，并且不是單一的用戶，而是典型用戶特征的集合革骨∨┘猓或者說(shuō)設(shè)計(jì)師自身就是用戶畫(huà)像的代表。由此設(shè)計(jì)師才能建立與用戶的同理心良哲，從而洞悉用戶的內(nèi)心盛卡。
二、定義
在探尋階段設(shè)計(jì)師能得到什么筑凫？用戶的背景知識(shí)决侈，用戶真實(shí)的目標(biāo)惫叛，用戶使用產(chǎn)品的場(chǎng)景，產(chǎn)品與用戶的關(guān)系，當(dāng)前的技術(shù)限制…… 由此開(kāi)始思考：表單的目標(biāo)是什么返劲？需要用戶提供什么试吁？如何獲得儡率？
現(xiàn)實(shí)中我們需要了解一個(gè)人疮跑，會(huì)和他交談：你叫什么名字？你從哪里來(lái)？你的職業(yè)是什么洗显？平時(shí)你都有什么愛(ài)好外潜？…… 簡(jiǎn)單的來(lái)看，表單就是企業(yè)了解用戶的工具挠唆。企業(yè)與用戶的對(duì)話处窥，通過(guò)表單來(lái)完成。
因此玄组，在第二階段滔驾，設(shè)計(jì)師的目標(biāo)是定義問(wèn)題的范圍。
每一個(gè)表單都有特定的目的俄讹，都是為了獲得特定的信息哆致。比如，在用戶購(gòu)物的時(shí)候患膛，獲得用戶的收貨地址摊阀、聯(lián)系電話、收貨人姓名踪蹬、收貨時(shí)間就是必須的胞此，而用戶的職業(yè)、年齡則是不必要的跃捣。設(shè)計(jì)師需要反復(fù)問(wèn)自己：企業(yè)是想知道這個(gè)問(wèn)題的答案嗎漱牵？用戶會(huì)怎樣看到這個(gè)問(wèn)題？這個(gè)問(wèn)題是否表達(dá)清楚了自己的意思疚漆？這個(gè)問(wèn)題的答案能不能系統(tǒng)自動(dòng)獲群ㄕ汀？在目前的場(chǎng)景下問(wèn)這個(gè)問(wèn)題合適嗎娶聘？這個(gè)問(wèn)題的答案真的需要現(xiàn)在就得到嗎闻镶？
設(shè)計(jì)師需要反復(fù)在企業(yè)需要用戶提供的信息與問(wèn)題之間來(lái)回巡視，并結(jié)合使用場(chǎng)景與背景知識(shí)丸升，盡力去除不必要的問(wèn)題铆农。
三、設(shè)計(jì)
在談表單設(shè)計(jì)之前发钝，先來(lái)看看表單包含的基本元素：
– 標(biāo)簽顿涣。告訴用戶需要回答什么問(wèn)題波闹。
– 輸入域酝豪。供用戶回答問(wèn)題的控件，比如輸入框精堕、選擇框孵淘、下拉框、滑塊等歹篓。
– 操作瘫证。供用戶執(zhí)行動(dòng)作的控件揉阎，比如提交、取消背捌、返回毙籽、重置。
– 幫助毡庆。幫助用戶回答問(wèn)題的信息坑赡，比如幫助文字、圖文示例么抗。
– 反饋信息毅否。用戶輸入內(nèi)容后的系統(tǒng)反饋，幫助用戶及時(shí)了解輸入情況蝇刀。比如正確提示螟加、錯(cuò)誤提示。
前面說(shuō)過(guò)吞琐，表單是產(chǎn)品（企業(yè)）與用戶之間的對(duì)話捆探。那么，好的表單如何設(shè)計(jì)顽分？這就如同問(wèn)”如何讓一場(chǎng)對(duì)話表現(xiàn)完美“一樣徐许，答案只能是”視情況而定“。畢竟目標(biāo)不同卒蘸，場(chǎng)景不同雌隅，用戶不同，方式也當(dāng)然有所不同缸沃。不過(guò)恰起，雖然不同的表單設(shè)計(jì)的表現(xiàn)可能不同，但是一個(gè)好的表單設(shè)計(jì)還是具備一些相同的因素：
– 好的表單使用用戶的語(yǔ)言趾牧。
– 好的表單讓用戶感覺(jué)平等检盼。
– 好的表單盡量節(jié)省用戶的時(shí)間。
– 好的表單不會(huì)或者盡量減輕用戶的輸入痛苦翘单。
– 好的表單避免用戶犯錯(cuò)吨枉。
– 好的表單在用戶犯錯(cuò)時(shí)不會(huì)指責(zé)用戶。
– 好的表單在用戶犯錯(cuò)時(shí)提供及時(shí)的建議和幫助哄芜。
– 好的表單在用戶茫然無(wú)助時(shí)及時(shí)提供幫助貌亭。
– 好的表單及時(shí)響應(yīng)用戶的輸入。
– 好的表單讓用戶在填寫(xiě)之前就看到完成的路徑认臊。
– 好的表單考慮具體情境圃庭。
– 好的表單給用戶預(yù)期并提供一致的結(jié)果。
