校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

優化輸入框,讓填寫如絲般順滑

POST TIME:2018-12-03 17:37

 

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

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

視覺層面

舒適的填寫區域

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

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

簡潔的描述

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

使填寫的內容壓縮。

影響整頁對齊。

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

恰當的顏色

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

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

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

明確的指示

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

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



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

  • 400-1100-266
主站蜘蛛池模板: 正阳县| 东至县| 略阳县| 深圳市| 福鼎市| 凤翔县| 镇坪县| 江源县| 福清市| 赣州市| 扬州市| 巴彦县| 图木舒克市| 河间市| 潼南县| 上虞市| 清丰县| 中西区| 勐海县| 同德县| 德州市| 鲁山县| 商南县| 镶黄旗| 武陟县| 花垣县| 柳州市| 揭东县| 攀枝花市| 桦甸市| 宣武区| 清徐县| 东明县| 永嘉县| 策勒县| 穆棱市| 什邡市| 青铜峡市| 噶尔县| 平泉县| 招远市|