亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1:010-59833514 ?咨詢電話:400-810-1418 服務(wù)與監(jiān)督電話:400-810-1418轉(zhuǎn)接2

UI ! 優(yōu)秀表單要怎么設(shè)計(jì)?

發(fā)布時(shí)間:2024-04-16 12:33:18 瀏覽量:313次


每一個(gè)網(wǎng)站都會(huì)有表單部分,表單看起來(lái)很簡(jiǎn)單,但是千萬(wàn)不要小看它,一個(gè)設(shè)計(jì)優(yōu)秀的表單可以提高用戶填寫效率,防止他們出錯(cuò)或中途流失,從而帶來(lái)好的用戶體驗(yàn),提升轉(zhuǎn)化率。這篇文章,小華和大家聊聊優(yōu)秀表單的一些設(shè)計(jì)規(guī)則。

1、表單應(yīng)該只有一列,而不要橫向平鋪,多列布局會(huì)擾亂用戶垂直方向視線的移動(dòng)。

2、標(biāo)簽最好在輸入框的頂部,頂部標(biāo)簽的表單比左側(cè)標(biāo)簽有更高的完成率,并且易于移植到移動(dòng)端。但是,對(duì)于有多重選擇項(xiàng)的大量數(shù)據(jù)列表而言,可考慮使用左側(cè)標(biāo)簽,因?yàn)?,他們?cè)谝黄鸶子?,瀏覽,降低高度,比頂部標(biāo)簽更貼心。

3、把標(biāo)簽和輸入框成組排列,把標(biāo)簽和輸入框貼近排列,確保不同項(xiàng)目之間有足夠的距離,視覺上,標(biāo)簽和所屬輸入框成為一組,否則,用戶會(huì)產(chǎn)生困惑。

4、避免英文標(biāo)簽文字全大寫。全大寫英文標(biāo)簽閱讀起來(lái)不那么愉悅。

5、不要把默認(rèn)提示當(dāng)做標(biāo)簽。可能為了節(jié)省空間,將默認(rèn)提示文字當(dāng)做標(biāo)簽,但這會(huì)導(dǎo)致很多可用性問題,比如提示文字就沒有空間了。Nielsen Norman Group的Katie Sherwin對(duì)此作過總結(jié)。

6、勾選框以縱向?yàn)橐?,保證易讀性和瀏覽速度。

7、逐行說(shuō)明錯(cuò)誤。當(dāng)用戶填寫的內(nèi)容或格式不符合規(guī)定時(shí),一定逐行告訴用戶錯(cuò)在哪里,而不要只籠統(tǒng)說(shuō)明“發(fā)現(xiàn)錯(cuò)誤”之類。并且逐行驗(yàn)證要在用戶填完一行之后進(jìn)行,不要再用戶輸入的過程中告訴他們你輸錯(cuò)了,這樣的話,體驗(yàn)很不好。

8、輸入框中盡可能直接展示基本的幫助提示文案。

9、輸入框不要太短,輸入框的長(zhǎng)度暗示了答案的長(zhǎng)度,對(duì)于字?jǐn)?shù)固定的輸入框,例如電話號(hào)碼、郵政編碼等,可以使用這種方式。

10、拋棄星號(hào)*,標(biāo)出選填項(xiàng),因?yàn)橛脩舨灰欢ǘ贾?表示必填項(xiàng)。

11、如果需要用戶填寫的信息太多,最好將相關(guān)信息編組,比如個(gè)人信息、賬戶信息等。天長(zhǎng)的表單會(huì)讓人眼花繚亂,創(chuàng)建符合邏輯的分組,用戶會(huì)更容易理解表單。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

x

同學(xué)您好!

您已成功報(bào)名0元試學(xué)活動(dòng),老師會(huì)在第一時(shí)間與您取得聯(lián)系,請(qǐng)保持電話暢通!
確定