亚洲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)

獲取驗(yàn)證碼
x

同學(xué)您好！

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