中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：表單在日常生活中非常常見，表單設(shè)計(jì)的好壞直接影響到用戶體驗(yàn)。那么，如何設(shè)計(jì)一個(gè)好看且實(shí)用的表單呢？本文作者對此進(jìn)行了分析，與你分享。

1. 使用標(biāo)題

這個(gè)是非?；A(chǔ)的了，如果不帶標(biāo)題，會(huì)讓用戶很疑惑，所以，在表單填寫的時(shí)候，建議給標(biāo)題

2. 視覺動(dòng)線避免Z字形

在表單中閱讀順序最好是從上到下的，如果是左右的，用戶閱讀體驗(yàn)就是，左右左右左右，用戶動(dòng)線就會(huì)變得比較復(fù)雜，容易產(chǎn)生閱讀疲勞。

3. 在輸入框上放標(biāo)題

上一個(gè)的注意點(diǎn)的延伸，標(biāo)題放在輸入框的左側(cè)，會(huì)使得用戶可讀性降低從

最好將你的標(biāo)題放在表單字段上方，以幫助用戶輕松掃描你的表單。

如果你的表單非常少（少于 1-2 個(gè)字段），則將標(biāo)題放在字段的左側(cè)也是可以的

4. 標(biāo)題使用右對齊

如果你沒辦法需要使用標(biāo)題放在左側(cè)的方式，那你需要將標(biāo)題進(jìn)行右對齊

這使用戶可以更輕松地瀏覽頁面并為你的表單創(chuàng)建對稱的視覺層次結(jié)構(gòu)

5. 提示文字顏色不要太重

提示文字不要太重，如果太重用戶潛意識會(huì)以為是已經(jīng)輸入好的文字。

6. 將行動(dòng)按鈕放在用戶流程結(jié)束后的位置

當(dāng)用戶填寫表單時(shí)，他們一個(gè)接一個(gè)地填寫每個(gè)字段，然后他們是希望提交表單。 所以行動(dòng)按鈕放在用戶流程結(jié)束后，是比較符合用戶預(yù)期的

7. 表單之間的間距

這個(gè)排版的四大原則 ——親密性原則

8. 避免標(biāo)題提示重復(fù)

一般，為了避免設(shè)計(jì)冗余，我們僅會(huì)提示用戶必填項(xiàng)，非必填的一半不做提示

9. 需要明確提示哪里出錯(cuò)了

最煩的就是提示不對，但是又不提示哪里不對，然后一直登陸補(bǔ)上，我會(huì)對這個(gè)產(chǎn)品非常煩躁，體驗(yàn)感巨差

10. 下拉還是單選？

如果你不知道如何選擇是下拉還是單選時(shí)

一個(gè)常見的經(jīng)驗(yàn)是當(dāng)你有超過3個(gè)選項(xiàng)時(shí)使用下拉列表。

反之、則使用單選按鈕，允許用戶可以查看所有選項(xiàng)。

11. 更好的預(yù)期提示

最好的輸入提示是，給定樣式參考，比如輸入卡號，比如輸入谷歌郵箱則XXXX@gamil.con

通用占位符文本，記得不要向最終用戶添加任何實(shí)際的值。

12. 使用單一CTA

如果你需要更多的CTA按鈕，建議把它作為輔助按鈕。比你的主CTA不突出。

13. 選擇正確的輸入類型

因電話不能出現(xiàn)，大家理解下面文字即可

不要什么都用文本字段！

將字段的類型與其內(nèi)容相適應(yīng)。有許多內(nèi)容類型有特定的要求，需要特殊處理。

一些例子：

• 電話號碼
• 信用卡
• 網(wǎng)站網(wǎng)址
• 國家
• 日期
• 顏色

14. 輸入字符提示

大多數(shù)領(lǐng)域都有某種限制。 字符限制、號碼/日期范圍、電話號碼等。

讓用戶事先了解限制，以防止他們感到困惑和懊惱

作者：木七木七，歡迎交流~

本文由 @木七木七 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于 CC0 協(xié)議