濮阳杆衣贸易有限公司

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

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

POST TIME:2018-12-03 17:37

 

填寫是一件麻煩事,我們或多或少感受糟糕體驗。設計開發(fā)者也很無奈,感覺身體被掏空。怎么辦?

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

視覺層面

舒適的填寫區(qū)域

常用的數值是:拇指的滑動觸發(fā)區(qū)域在寬高45px擺布,圖標的操作區(qū)域是48dp,輸入框行高在80dp擺布,行間距在8dp。

左圖行距過于擁擠,并且文字大小不統(tǒng)一,給用戶一種填寫內容很多的感覺

簡潔的描述

填寫標簽要簡潔, 過長的標簽有兩個問題:

使填寫的內容壓縮。

影響整頁對齊。

平行排布優(yōu)點是:符合視線規(guī)律。閱讀更快。如果要填寫的標簽實在過長,檢查一下是否說不清楚的可以用占位符描述?或者采取垂直排布的方式。平行排布優(yōu)點是:對標簽字數限制不嚴格。

恰當的顏色

輸入的結果我們常常用顏色來反饋,好比藍色代表鏈接,灰色代表失效,綠色代表正確,黃色代表提示,紅色代表錯誤。紅色的使用要慎重,因為紅色默認為最高等級警告,如果紅色的提示出現過多會對用戶造成緊張感,想到試卷上滿篇的厚叉了么?所以把提示分級吧。

對于大家公認的色彩暗示,如果隨意交換容易造成誤解,特別紅色和灰色。這有點像我們默認為穿裙子的形象是女,穿褲子是男,如果有天你看到穿裙子標識的男廁所,會困惑嗎?

對于約定俗成的事,,走尋常路才更易用

明確的指示

當用戶選中準備輸入的時候,應當提供清晰的視覺提示,這樣讓用戶明確知道本身的位置,而不是迷失在茫茫表格中,這種細微的反饋會讓用戶更有掌控力。

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



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

  • 400-1100-266
辽宁省| 库尔勒市| 法库县| 汉沽区| 徐州市| 思茅市| 靖安县| 泰州市| 宿松县| 玉溪市| 浦北县| 普洱| 驻马店市| 错那县| 亚东县| 襄汾县| 武强县| 睢宁县| 洛浦县| 绥德县| 新营市| 浦北县| 广西| 色达县| 沂源县| 盐源县| 修水县| 兴安盟| 南靖县| 连州市| 邻水| 伽师县| 怀安县| 芮城县| 阜平县| 梧州市| 申扎县| 兴隆县| 海阳市| 荃湾区| 原阳县|