大部分人不喜歡填表單,因為人們來到網站,主要目的不是填表,而是瀏覽或者購買。精心設計的表單界面設計,使輸入變得流暢讓人心情愉悅,而糟糕的ui設計讓人扶墻吐血。那怎樣才是優秀的表單設計呢?頁面的布局、邏輯組織、視覺樣式等都是值得關注的細節,其中簡化輸入是最近常被提及的,在這里藍藍設計分享下自己工作中的心得…
1、 更高大的輸入框
增加輸入框高度,加粗字體,可以讓網頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。
2、 添加選取器
與其讓人輸入不如提供選擇,選取內容只要點幾下,就自動填充進輸入框,不但可以減少輸入障礙,還能預防出錯。可以把任何希望的數據做成選取器,比如日期、顏色、地址或者歷史記錄等等。
舉個例子:前面的“對方開戶姓名”輸入框,需要填寫對方的姓名,如果對方名字里有漢字不認識該怎么辦呢?于是我們可以加上一個生僻字的選取器,如圖: