大部分人不喜歡填表單,因?yàn)槿藗儊淼骄W(wǎng)站,主要目的不是填表,而是瀏覽或者購(gòu)買。精心設(shè)計(jì)的表單界面設(shè)計(jì),使輸入變得流暢讓人心情愉悅,而糟糕的ui設(shè)計(jì)讓人扶墻吐血。那怎樣才是優(yōu)秀的表單設(shè)計(jì)呢?頁(yè)面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細(xì)節(jié),其中簡(jiǎn)化輸入是最近常被提及的,在這里藍(lán)藍(lán)設(shè)計(jì)分享下自己工作中的心得…
1、 更高大的輸入框
增加輸入框高度,加粗字體,可以讓網(wǎng)頁(yè)上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。
2、 添加選取器
與其讓人輸入不如提供選擇,選取內(nèi)容只要點(diǎn)幾下,就自動(dòng)填充進(jìn)輸入框,不但可以減少輸入障礙,還能預(yù)防出錯(cuò)??梢园讶魏蜗M臄?shù)據(jù)做成選取器,比如日期、顏色、地址或者歷史記錄等等。
舉個(gè)例子:前面的“對(duì)方開戶姓名”輸入框,需要填寫對(duì)方的姓名,如果對(duì)方名字里有漢字不認(rèn)識(shí)該怎么辦呢?于是我們可以加上一個(gè)生僻字的選取器,如圖: