填寫(xiě)是一件麻煩事，我們或多或少感受糟糕體驗(yàn)。設(shè)計(jì)開(kāi)發(fā)者也很無(wú)奈，感覺(jué)身體被掏空。怎么辦？
讓我們從優(yōu)化輸入框開(kāi)始吧！看著簡(jiǎn)單的框，對(duì)用戶體驗(yàn)的影響很大。特別是在非常有限的手機(jī)屏幕中，怎么幫助用戶順利的填寫(xiě)完呢？值得我們好好研究。
舒適的填寫(xiě)區(qū)域
常用的數(shù)值是：拇指的滑動(dòng)觸發(fā)區(qū)域在寬高45px左右，圖標(biāo)的操作區(qū)域是48dp，輸入框行高在80dp左右，行間距在8dp。
左圖行距過(guò)于擁擠，而且文字大小不統(tǒng)一，給用戶一種填寫(xiě)內(nèi)容很多的感覺(jué)
簡(jiǎn)潔的描述
填寫(xiě)標(biāo)簽要簡(jiǎn)潔， 過(guò)長(zhǎng)的標(biāo)簽有兩個(gè)問(wèn)題：
使填寫(xiě)的內(nèi)容壓縮。
影響整頁(yè)對(duì)齊。
平行排布優(yōu)點(diǎn)是：符合視線規(guī)律。閱讀更快。如果要填寫(xiě)的標(biāo)簽實(shí)在過(guò)長(zhǎng)，檢查一下是否說(shuō)不清楚的可以用占位符描述？或者采取垂直排布的方式。平行排布優(yōu)點(diǎn)是：對(duì)標(biāo)簽字?jǐn)?shù)限制不嚴(yán)格。
恰當(dāng)?shù)念伾?/span>
輸入的結(jié)果我們常常用顏色來(lái)反饋，比如藍(lán)色代表鏈接，灰色代表失效，綠色代表正確，黃色代表提示，紅色代表錯(cuò)誤。紅色的使用要慎重，因?yàn)榧t色默認(rèn)為最高等級(jí)警告，如果紅色的提示出現(xiàn)過(guò)多會(huì)對(duì)用戶造成緊張感，想到試卷上滿篇的厚叉了么？所以把提示分級(jí)吧。
對(duì)于大家公認(rèn)的色彩暗示，如果隨意交換容易造成誤解，特別紅色和灰色。這有點(diǎn)像我們默認(rèn)為穿裙子的形象是女，穿褲子是男，如果有天你看到穿裙子標(biāo)識(shí)的男廁所，會(huì)困惑嗎？
對(duì)于約定俗成的事，走尋常路才更易用
明確的指示
當(dāng)用戶選中準(zhǔn)備輸入的時(shí)候，應(yīng)當(dāng)提供清晰的視覺(jué)提示，這樣讓用戶明確知道自己的位置，而不是迷失在茫茫表格中，這種細(xì)微的反饋會(huì)讓用戶更有掌控力。
