主頁 > 快速排名 > 常見問題 > 優(yōu)化輸入框,讓填寫如絲般順滑

優(yōu)化輸入框,讓填寫如絲般順滑

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)當提供清晰的視覺提示,這樣讓用戶明確知道本身的位置,而不是迷失在茫茫表格中,這種細微的反饋會讓用戶更有掌控力。

標簽:九江 東營 鹽城 烏魯木齊 林芝



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266