填寫是一件麻煩事，我們或多或少感受糟糕體驗(yàn)。設(shè)計(jì)開發(fā)者也很無(wú)奈，感覺(jué)身體被掏空。怎么辦？

讓我們從優(yōu)化輸入框開始吧！看著簡(jiǎn)單的框，對(duì)用戶體驗(yàn)的影響很大。特別是在非常有限的手機(jī)屏幕中，怎么幫手用戶順利的填寫完呢？值得我們好好研究。

舒適的填寫區(qū)域

常用的數(shù)值是：拇指的滑動(dòng)觸發(fā)區(qū)域在寬高45px擺布，圖標(biāo)的操作區(qū)域是48dp，輸入框行高在80dp擺布，行間距在8dp。

左圖行距過(guò)于擁擠，并且文字大小不統(tǒng)一，給用戶一種填寫內(nèi)容很多的感覺(jué)

簡(jiǎn)潔的描述

填寫標(biāo)簽要簡(jiǎn)潔， 過(guò)長(zhǎng)的標(biāo)簽有兩個(gè)問(wèn)題：

使填寫的內(nèi)容壓縮。

影響整頁(yè)對(duì)齊。

平行排布優(yōu)點(diǎn)是：符合視線規(guī)律。閱讀更快。如果要填寫的標(biāo)簽實(shí)在過(guò)長(zhǎng)，檢查一下是否說(shuō)不清楚的可以用占位符描述？或者采取垂直排布的方式。平行排布優(yōu)點(diǎn)是：對(duì)標(biāo)簽字?jǐn)?shù)限制不嚴(yán)格。

恰當(dāng)?shù)念伾?/p>

輸入的結(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ì)讓用戶更有掌控力。

標(biāo)簽：九江 東營(yíng) 鹽城 烏魯木齊 林芝