<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

    UI設計師該如何設計驗證碼?

    • 時間:2016-10-19 11:59
    • 發布:昆明UI培訓
    • 來源:優設網

    在一個產品中,會有多個設計師分工協作,也會由不同的設計師做設計迭代,驗證碼這個“不起眼”的存在很可能會被忽略,導致它在每個場景的顯示邏輯不盡相同。下面,達內昆明UI培訓就來聊一聊不同應用場景下的驗證碼。

    驗證碼的存在如此反用戶體驗,為什么還是不能缺少的呢?簡而言之,就是為了證明你是個人而不是機器,我們所知的許多網絡惡意攻擊都是機器惡意刷導致的,為了安全就必須設個門檻將機器拒之門外。驗證碼通過人可以識別而機器無法識別這樣的邏輯來設計,無論它以什么形式出現,都是個必要的門檻。

    一、注冊

    我們通常見到它的場景是注冊登錄場景,注冊時會出現在一般注冊流程里。

    大多數網站注冊頁面選擇一頁填寫完所有信息,一鍵提交注冊完成。在綁定手機號不在主流程內時,驗證碼多數情況出現在最后一步填寫內容。這在老式的論壇很常見。

    當綁定手機號在注冊流程里時,下面一定會跟隨短信驗證環節。這個時候圖形驗證碼和短信驗證同時存在的設計就有幾種情況了。

    首先可以確定的是圖形驗證和短信驗證之間有邏輯相關性。他們之間的相關性一般體現在三種設計上。

    A.在同頁面顯示

    圖形驗證碼放置在手機驗證碼之前,獲取手機驗證碼需要正確驗證圖形驗證碼才可觸發。

    B.在不同頁面顯示

    這種情況發生在注冊本身就是分頁分步驟進行的。

    圖形驗證會跟在輸入用戶名之后,一般在第一步出現。在點擊下一步后會到達短信驗證界面。從用戶體驗上來講,運用分步設計引導性更強,一般用在需要輸入多種信息的時候,用戶會有比較清晰的邏輯,并且對何時完成有一個預判。這個時候,圖形驗證的結果就影響了用戶能否順利進入下一步短信驗證。

    C.彈窗式圖形驗證

    這種交互邏輯是用戶輸入合規手機號時,點擊獲取短信驗證碼,會彈出圖形驗證請求,驗證成功后彈窗消失,系統給用戶發出驗證短信。在這個邏輯里,圖形驗證就作為發送短信的觸發條件。

    圖形驗證作為短信驗證的觸發點的設計是符合邏輯的。因為本身驗證“一個人是人”和“這個人是你”是有承接關系的。如果不先驗證我是人,驗證我是我又有什么用呢?另外圖形驗證總是被詬病是不明真相的群眾在看到它時,并沒有發現它的出現和其他信息有什么內在聯系,覺得沒用而累贅。而一旦變成了短信觸發時,用戶就會認為它是有作用的。

    二、登錄

    圖形驗證碼在登錄時有兩種出現情況。一種是一開始就存在,作為順利登錄的必要填寫內容。然而這種情況對用戶不太友好,因為用戶本身對于登錄的預期并不包含輸入驗證碼這一環節,多了這樣一個“門檻”,尤其是驗證碼過于難識別時,就會給用戶造成不好的體驗。

    另一種情況就是大部分產品采用的設計,在用戶輸入用戶名或登錄密碼錯誤超過設定次數時,驗證碼出現。這種設計的內在邏輯是用戶輸入錯誤多次很有可能是機器人在試數字,所以出現圖形驗證來擋掉機器的攻擊。這種邏輯就很容易讓用戶理解。

    三、重置密碼

    用戶在登錄頁面時會有“忘記密碼”的入口(或者“無法登錄?”)。重設密碼流程里也需要輸入驗證碼。首先會要求輸入已注冊用戶郵箱或手機號并驗證圖片驗證碼,之后才能進入找回流程。這里驗證圖形驗證碼也可視作后續步驟的觸發,二者存在關聯性。

    上一篇:達內昆明UI培訓干貨:彈窗設計(下)
    下一篇:產品決策的重點不是做什么,而是不做什么

    馬上預約三天免費體驗課

    姓名:

    電話:

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

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

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

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

    • 掃碼領取資料

      回復關鍵字:視頻資料

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

    • 視頻學習QQ群

      添加QQ群:1143617948

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

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

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

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