另外不要過于關(guān)注這個「進度指示器」 。優(yōu)秀的進度指示器不應(yīng)該分散用戶填寫表單的注意力 ， 僅僅當(dāng)添加這個「進度指示器」有助于用戶填寫時 ， 才應(yīng)該使用 。
3. 將錯誤信息一直保留在輸入框旁邊
通過在線驗證 ， 錯誤消息會自然的顯示在輸入框旁邊 。有一些基礎(chǔ)的規(guī)則 ， 或者用戶大概率會出現(xiàn)的問題 ， 即使用戶還未填寫任何信息 ， 也應(yīng)該以備注的方式在輸入框下方標注 ， 這是一種非常有性價比的行為 ， 將錯誤信息一直保留在輸入框旁邊可最大程度的減少用戶思考 。
4. 錯誤提示該放輸入框哪個方位？
登錄注冊這塊錯誤消息的兩個最常見的位置是表單頂部置和輸入框行間那么到底那個位置對用戶來說更直觀呢？
根據(jù)上下左右四個位置 ， 根據(jù)瀏覽習(xí)慣列舉出考慮每種情況的設(shè)計圖一邊分析 。
1）右邊
網(wǎng)頁端微博注冊如圖錯誤提示放輸入框右邊 ， 符合人們從左到右從上到下的閱讀習(xí)慣；用戶視覺路徑自然流暢 ， 很大程度上減少了用戶的視覺工作 。
Web端輸入框較長時 ， 輸入字段后面往往大段空白 ， 接著是錯誤提示 ， 這時候視覺上也存在來回跳躍感；
而移動端屏寬右邊顯示不了錯誤提示 ， 所以錯誤提示常出現(xiàn)在輸入框下側(cè) ， 若網(wǎng)頁和移動端設(shè)計保持一致時 ， 錯誤提示就出現(xiàn)在輸入框下側(cè)了 。
2）左邊
錯誤提示在左側(cè)與用戶期望相違背 ， 因為錯誤提示左側(cè)放置更高輸入框的優(yōu)先級 。但事實上用戶需要專注于糾正他們的輸入 ， 因此輸入框應(yīng)該是更重要的元素 。
3）上邊
當(dāng)標簽在頂部時 ， 一共存在標簽、錯誤提示、輸入框中的文本3個提示 ， 當(dāng)用戶輸入錯誤時 ， 視覺來回在標簽、錯誤提示、輸入框之間交換 ， 用戶注意力被分散 ， 認知負荷增加 。
4）下邊
放置下邊的錯誤信息提示 ， 雖然不符合從左到右的閱讀習(xí)慣 ， 但它確符合從上倒下的閱讀流程 。
手機屏幕缺少水平空間 ， 把錯誤信息提示放置在下方是個不錯的選擇 。
輸入框顯示錯誤信息是更加減少用戶認知負擔(dān) ， 可以當(dāng)場識別錯誤而不需要視覺來回切換 ， 減少記憶負擔(dān) ， 在表單底部和頂部 。
5. 錯誤提示與其它內(nèi)容視覺上區(qū)分
出錯之后 ， 用戶需要迅速注意到報錯信息 。大多數(shù)使用警示色紅色 ， 紅色面積過多往往給人壓迫感 ， 產(chǎn)生畏難心理 ， 所以在其它地方盡量減少紅色使用 。
另外考慮到色盲的用戶需求 ， 我們在錯誤提示時不僅僅使用顏色標注 ， 比如可以加入表示錯誤的icon ， 當(dāng)前內(nèi)容抖動等 ， 比如QQ登錄抖動提示 ， 蘋果電腦的鎖屏密碼錯誤抖動 ， 或現(xiàn)在適老化的語音播報……
推薦閱讀
- 探探卸載和注銷的區(qū)別
- 立冬和冬至有什么區(qū)別 冬至和立冬一樣嗎
- 臘肉什么季節(jié)做最好 小雪為什么要腌臘肉
- 霜降吃柿子 霜降為什么要吃柿子
- 低血壓和低血糖的區(qū)別 如何區(qū)分低血壓和低血糖
- 烏鴉為什么像寫字臺是什么意思
- 指紋鎖全自動和半自動有什么區(qū)別 指紋鎖全自動和半自動哪個好
- 白蘿卜燉羊肉的家常做法 羊肉和白蘿卜是最佳搭檔
- 榆木家具和橡木家具哪個好 怎樣選擇合適的家具
- 滌綸是什么材料 生活中的錦綸和滌綸是一樣的嗎