<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    輸入驗證:盡可能不要讓用戶去思考

    • 時間:2016-11-10 17:05
    • 發布:昆明UI培訓
    • 來源:產品壹佰

    表單輸入驗證可以影響到用戶是否能夠有耐心或順利的完成表單填寫,是用戶與Web或手機端界面交互時,一個核心的溝通流程。本文達內昆明UI培訓主要介紹表單設計中即時驗證的一些類型及使用場景。

    實際表單填寫的場景會碰到很多更復雜的狀況,需要設計者去思考。但歸根結底,就下面幾條一般原則:

    盡可能的減少用戶輸入,不要讓用戶思考;

    將麻煩留給自己,考慮更多的用戶輸入場景,去兼容用戶的可能輸入;

    清晰的告訴用戶當前發生了什么,下一步該做什么。

    即時驗證類型

    確認回答合適(正確或錯誤);

    建議有效回答;

    通過實時更新設計以幫助人們控制在必要地限制范圍內;

    確認回答合適的時機

    輸入開始、繼續輸入、停止輸入的時候

    即時驗證的時機要出現在合適的時候,如注冊表單,填寫電子郵件地址,應該在輸入結束后,開始驗證。

    一般輸入框,即時驗證合適的出現時機是當用戶輸入焦點離開輸入框,且該輸入框有內容輸入時,再對輸入內容進行驗證。

    如果表單的輸入區域沒有限制,在即時驗證出填寫出錯時,可在表單輸入框的下方用紅色提示文字告知用戶出錯,并引導用戶正確的填寫方法。

    如果表單的輸入區域有固定高度大小限制,這種場景下,建議用氣泡的提示方式,提示錯誤,不改變表格原有的樣式,同時也可醒目的提示用戶填寫出錯。

    動態驗證

    如果填寫的輸入項,輸入規則較復雜,用戶很容易出錯,可即時顯示幫助加動態驗證,輔助用戶填寫。當密碼輸入框處于焦點狀態時,輸入框右側出現幫助氣泡,并在輸入的過程中,即時的更新用戶的輸入狀態。

    建議有效回答

    提供建議答案(輸入用戶名,提供幾種類似的建議用戶名作為備選)

    當輸入項可給用戶提供建議答案時,可友好的提示用戶,避免用戶在那里無腦的猜正確答案到底是什么。

    提供有效答案(輸入地址,如輸入SZ,聯想出【深圳】)

    永遠不要把輸入正確的判斷條件限制太死,不要把用戶當做機器,要求用戶去修改答案,而是應該考慮用戶的可能輸入,去自動判斷糾正。如果可以預判出用戶的可能輸入,即時的反饋給用戶,讓用戶做出選擇。

    實時更新

    即時驗證,可用來傳達限制信息,有助于避免由于超過輸入限制而產生的潛在錯誤。

    輸入域有字符限制時,在輸入域旁顯示可輸入的總字符,同時,用戶輸入時,及時更新可輸入的剩余字符數量,及時提醒用戶可輸入的狀態。避免在最后一刻,用戶才發現填寫出錯。

    上一篇:如何做出有氣質的設計?
    下一篇:網頁設計著重點:創新與美感

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>