如何解決設(shè)計(jì)中占位文本的問題？設(shè)計(jì)師作為當(dāng)下比較熱門的職業(yè)，對(duì)于各行各業(yè)來說，都是一個(gè)不可或缺的存在。設(shè)計(jì)師們將自己的思想轉(zhuǎn)化為現(xiàn)實(shí)，不斷的創(chuàng)新，來融合大眾的審美觀和消費(fèi)觀。那么，今天和繪學(xué)霸小編一起了解下：如何解決設(shè)計(jì)中占位文本的問題？

如何解決設(shè)計(jì)中占位文本的問題？

　　1、占位文本消失后很容易被忘記

　　占位文本在用戶開始輸入時(shí)就會(huì)消失，所以用戶會(huì)很容易就忘記這段提示信息。這種問題在復(fù)雜一些的表單中會(huì)表現(xiàn)的尤其突出。

　　在設(shè)計(jì)一個(gè)登錄表單時(shí)，你可能不假思索就省略了文本標(biāo)簽，因?yàn)樵跇O簡(jiǎn)主義的思想引誘下，你理所當(dāng)然的認(rèn)為只有輸入框就足夠了。

　　2、并不是所有的瀏覽器都支持占位文本

　　雖然大部分的瀏覽器都支持占位文本，但是也難免會(huì)有一些用戶使用的瀏覽器并不支持這一特性，這時(shí)候這部分用戶看到的文本框就是空白的一片，如果再?zèng)]有使用標(biāo)簽，那他們就不可能知道這個(gè)文本框的意義，又怎么能正確的完成輸入呢？

　　3、表單項(xiàng)中預(yù)置的值難于理解

　　當(dāng)一個(gè)表單加載出來就包含預(yù)置值，在沒有標(biāo)簽的情況下用戶很難理解這個(gè)值究竟代表著什么意義。比如：

　　4、用戶回看時(shí)會(huì)帶來困難

　　如果一個(gè)用戶填寫了一個(gè)很長(zhǎng)的表單，他現(xiàn)在想回過頭看看他所填入的這些內(nèi)容，用戶就不得不記住每個(gè)表單項(xiàng)的內(nèi)容分別代表什么。而且，有些瀏覽器會(huì)錯(cuò)誤的自動(dòng)完成輸入，這無疑會(huì)加重該問題。

　　5、錯(cuò)誤的輸入很難修正

　　一個(gè)出錯(cuò)的表單項(xiàng)有時(shí)很難得到修正，因?yàn)樵跊]有標(biāo)簽的情況下錯(cuò)誤信息也不夠清晰。例如：

　　這里的錯(cuò)誤信息提示用戶只能輸入純數(shù)字，但數(shù)字型式究竟如何卻并未指明。為了更明確的解釋，錯(cuò)誤信息不得不變得啰嗦些，比如“有效期限只能是數(shù)字”。

　　無論如何，如果加上一個(gè)標(biāo)簽，就不會(huì)有這樣的問題出現(xiàn)了：

　　6、有些瀏覽器在將焦點(diǎn)置于表單項(xiàng)時(shí)占位文本就會(huì)消失

　　當(dāng)瀏覽器首次加載顯示出占位文本后，它們會(huì)在獲取焦點(diǎn)后很快消失。這就意味著用戶在打字之前甚至沒有足夠的時(shí)間來閱讀這段提示信息，使得用戶不得不小心的在將焦點(diǎn)置于表單項(xiàng)之前先讀它們。

　　雖然大多數(shù)瀏覽器只有在用戶開始打字的時(shí)候才會(huì)隱藏占位文本，但不免還是存在一些瀏覽器使用這種老套的做法。

　　7、占位文本可能被誤認(rèn)為是一個(gè)有效值

　　人們有時(shí)可能會(huì)回過頭來看看是不是還有空的表單項(xiàng)沒有填寫，但是已經(jīng)填寫的有效值跟占位文本的差異可能不夠明顯，使用戶誤以為所有表單都已填寫完整，結(jié)果跳過了這些空的表單項(xiàng)，最后在系統(tǒng)對(duì)表單進(jìn)行校驗(yàn)的時(shí)候才被告知有錯(cuò)誤出現(xiàn)。

　　8、對(duì)比反差不夠明顯

　　占位文本通常采用淺灰色，帶來的問題出在兩個(gè)原因上：首先，跟有效值的顏色上的差別用戶很難注意得到。其次，顏色的對(duì)比度不足以讓那些有視覺障礙的用戶正常閱讀。

　　9、屏幕閱讀器可能不能讀取到它們

　　占位文本可能不能被屏幕閱讀器讀取出來，其效果也就跟毫無意義的空白表單項(xiàng)無異。而標(biāo)簽往往能夠別讀取到。

　　10、沒有帶標(biāo)簽的表單項(xiàng)減少了其熱區(qū)范圍

　　這意味著有運(yùn)動(dòng)技能障礙的人們會(huì)更難使用他們的手指或鼠標(biāo)來將焦點(diǎn)放置到表單項(xiàng)上。

　　11、占位文本的大小受限于表單項(xiàng)的長(zhǎng)度

　　如果占位文本超出了表單項(xiàng)的顯示長(zhǎng)度，那你只能看得到截取顯示出的那一部分，這就限制了你對(duì)文本信息的理解。而使用標(biāo)簽的話就不會(huì)有這種問題了。

　　但是不是在使用了標(biāo)簽的前提下再使用占位文本就沒問題了呢？

　　那倒不見得。這樣當(dāng)然會(huì)更友好但依然存在問題。

　　如果一段文本對(duì)用戶的體驗(yàn)確實(shí)是有意義的——拿本文中探討的占位文本來講，如果能有效的幫助用戶填寫表單內(nèi)容或者是顯示一些必要的提示信息、指明輸入格式，那么在不會(huì)造成上述任何問題的情況下拿過來使用自然是極好的。

　　繪學(xué)霸除了課程內(nèi)容全面，還有著豐富的實(shí)訓(xùn)項(xiàng)目?jī)?nèi)容，讓你能夠接觸到行業(yè)前沿的影視素材，在學(xué)習(xí)中累積一定的工作經(jīng)驗(yàn)，讓你就業(yè)后就能夠直接參加項(xiàng)目，告別剛?cè)胄袝r(shí)的迷茫期，所以如果你有這強(qiáng)烈的就業(yè)意愿，繪學(xué)霸是個(gè)很不錯(cuò)的選擇。

　　那本期關(guān)于如何解決設(shè)計(jì)中占位文本的問題？的分享就到這里結(jié)束了，也歡迎喜歡UI設(shè)計(jì)的小伙伴，關(guān)注我們的官網(wǎng)繪學(xué)霸，經(jīng)常分享各類教程、資源、經(jīng)驗(yàn)，助你開啟UI設(shè)計(jì)提升之門。