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