簡化輸入讓網(wǎng)頁表單更親切發(fā)布者：本站     時間：2020-05-17 13:05:53

大部分人不喜歡填表單，因為人們來到網(wǎng)站，主要目的不是填表，而是瀏覽或者購買。精心設(shè)計的表單，使輸入變得流暢讓人心情愉悅，而糟糕的設(shè)計讓人扶墻吐血。那怎樣才是優(yōu)秀的表單呢？頁面的布局、邏輯組織、視覺樣式等都是值得關(guān)注的細節(jié)，其中簡化輸入是最近常被提及的，在這里我分享下自己工作中的心得…
采用預(yù)置文字來簡化輸入經(jīng)常在手機上看到，現(xiàn)在在網(wǎng)頁上也常使用。比如微博上發(fā)言的輸入框，會保留你上一次未發(fā)出的內(nèi)容，可以重新編輯。

在網(wǎng)上也會看到把“輸入提示”與“預(yù)置文字”混用。當然，你怎樣稱呼他們都是可以的，但要明白這是兩種交互方式。輸入提示的目的是指導(dǎo)填寫的，聚焦輸入框后文本消失；而預(yù)置文字是屬于待修改的正式內(nèi)容，字體樣式應(yīng)與正式輸入的樣式相同，聚焦后文本是不會消失的。

當表單輸入遇到選填與必填難以抉擇時，考慮預(yù)置文字會是一個不錯的折中方案。比如在一個申請付款的表單中，對用戶來說主要需填寫的是“對方賬號”和“付款金額”，付款說明是一個選填項。但對系統(tǒng)來說，又必須采集付款說明，作為交易憑據(jù)之一，這個付款說明怎樣處理呢？比較下面3個方式，顯然復(fù)選框的方式不適合，因為用戶若不填寫我們就無法收集到數(shù)據(jù)，而輸入提示的方式還是需要用戶去填寫，所以意義也不大。折中了業(yè)務(wù)和用戶兩方面，預(yù)置“轉(zhuǎn)賬”兩字還是不錯的，不想填寫的人完全可以跳過它。