用于組合型圖片驗證碼輸入的方法、裝置及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及界面交互處理領(lǐng)域，更為具體地，涉及用于提升驗證碼輸入效率的方 法、裝置及系統(tǒng)。
【背景技術(shù)】
[0002] 目前許多APP或網(wǎng)站與服務(wù)器進(jìn)行重要的交互（譬如登錄、注冊、支付等）時，為 了增加安全性，防止操作行為是網(wǎng)絡(luò)機(jī)器人而不是真正用戶發(fā)出的，會要求用戶輸入圖形 驗證碼的內(nèi)容來進(jìn)行驗證。只有在通過了圖形驗證碼驗證后，才能進(jìn)行相互之間的交互。
[0003] 圖形驗證碼的內(nèi)容通常出現(xiàn)的方式有：（1)組合方式，比如通常是字母+數(shù)字，有 時也會包含其它類型的字符，比如文字或者#等特殊字符，如圖1A所示；（2)單一方式，t匕 如純字母、純數(shù)字或純文字，如圖1B所示。在用戶輸入驗證碼時，如果是組合方式，則用戶 需要不斷地切換輸入法才能找到正確的字符并輸入；如果是單一方式，則由于彈出鍵盤類 型是默認(rèn)的，與想要輸入的字符類型可能不一致，因此也需要做一次輸入法切換才能找到 合適的鍵盤類型并輸入。
[0004] 驗證碼的內(nèi)容通常為4~6個字符左右，按照上述輸入操作方式，由于用戶需要根 據(jù)驗證碼的內(nèi)容來切換輸入法，在驗證碼是組合方式出現(xiàn)的情況下，用戶需要多次頻繁切 換，并且在所有26個字母或10個數(shù)字中查找正確字符，導(dǎo)致用戶體驗十分不好，輸入效率 低下。同樣，在驗證碼是單一方式出現(xiàn)的情況下，在彈出鍵盤類型與需要輸入的字符類型不 一致時，用戶同樣需要切換輸入法然后再找到正確的字符進(jìn)入輸入，輸入效率低下，并且用 戶體驗同樣不好。

【發(fā)明內(nèi)容】

[0005] 鑒于上述，針對以組合方式出現(xiàn)的驗證碼圖片，本發(fā)明提出了一種用于驗證碼輸 入的方法、裝置及系統(tǒng)，利用該方法、裝置及系統(tǒng)，通過在接收到終端設(shè)備發(fā)出的驗證碼信 息獲取請求而向終端設(shè)備返回驗證碼圖片數(shù)據(jù)和驗證碼數(shù)據(jù)，并且取代彈出系統(tǒng)自帶輸入 法選擇框，在終端設(shè)備上利用驗證碼數(shù)據(jù)生成自定義輸入選擇框并在終端設(shè)備上顯示以供 用戶選擇，可以提高用戶的驗證碼輸入效率，并且改進(jìn)用戶體驗。
[0006] 根據(jù)本發(fā)明的一個方面，提供了一種在終端設(shè)備側(cè)執(zhí)行的用于驗證碼輸入的方 法，包括：在接收到驗證碼服務(wù)器響應(yīng)于終端設(shè)備發(fā)出的驗證碼信息獲取請求而返回的驗 證碼信息后，基于所述驗證碼信息中的驗證碼圖片數(shù)據(jù)，生成并在終端設(shè)備的指定位置上 顯示驗證碼圖片，所述驗證碼圖片包含多種類型的字符；在監(jiān)測到用戶進(jìn)行驗證碼輸入操 作時，利用所述驗證碼信息的驗證碼數(shù)據(jù)中的所有數(shù)據(jù)，生成自定義輸入選擇框；在終端設(shè) 備上彈出所生成的自定義輸入選擇框；以及基于用戶在所彈出的自定義輸入選擇框中的輸 入選擇，將所選擇的字符輸入到驗證碼輸入框中，其中，所述驗證碼信息至少包括驗證碼圖 片數(shù)據(jù)和驗證碼數(shù)據(jù)。
[0007] 在上述方面的一個或多個示例中，所述驗證碼數(shù)據(jù)可以由驗證碼原始數(shù)據(jù)構(gòu)成或 者由驗證碼原始數(shù)據(jù)和隨機(jī)字符混合而成。
[0008] 在上述方面的一個或多個示例中，所述驗證碼數(shù)據(jù)在發(fā)送到終端設(shè)備之前經(jīng)過加 密處理。
[0009] 在上述方面的一個或多個示例中，利用所述驗證碼信息的驗證碼數(shù)據(jù)中的所有數(shù) 據(jù)，生成自定義輸入選擇框可以包括：對所述驗證碼數(shù)據(jù)進(jìn)行解密處理；以及基于解密后 的驗證碼數(shù)據(jù)中的所有數(shù)據(jù)，生成自定義輸入選擇框。
[0010] 在上述方面的一個或多個示例中，所述驗證碼信息的數(shù)據(jù)結(jié)構(gòu)至少包含驗證碼圖 片數(shù)據(jù)字段和驗證碼數(shù)據(jù)字段，所述驗證碼圖片數(shù)據(jù)字段中容納驗證碼圖片數(shù)據(jù)，以及所 述驗證碼數(shù)據(jù)字段中容納驗證碼數(shù)據(jù)。
[0011] 根據(jù)本發(fā)明的另一方面，提供了一種用于驗證碼輸入的裝置，包括：接收單元，用 于接收驗證碼服務(wù)器響應(yīng)于終端設(shè)備發(fā)出的驗證碼信息獲取請求而返回的驗證碼信息，所 述驗證碼信息至少包括驗證碼圖片數(shù)據(jù)和驗證碼數(shù)據(jù)；驗證碼圖片生成單元，用于在接收 到所述驗證碼信息后，基于所述驗證碼圖片數(shù)據(jù)，生成驗證碼圖片，所述驗證碼圖片包含多 種類型的字符；驗證碼圖片顯示單元，用于在終端設(shè)備的指定位置上顯示所生成的驗證碼 圖片；監(jiān)測單元，用于監(jiān)測用戶是否進(jìn)行驗證碼輸入操作；自定義輸入框生成單元，用于在 監(jiān)測到用戶進(jìn)行驗證碼輸入操作時，利用所述驗證碼數(shù)據(jù)中的所有數(shù)據(jù)，生成自定義輸入 選擇框；彈出單元，用于在終端設(shè)備上彈出所生成的自定義輸入選擇框；以及驗證碼輸入 單元，用于基于用戶在所彈出的自定義輸入選擇框中的輸入選擇，將所選擇的字符輸入到 驗證碼輸入框中。
[0012] 在上述方面的一個或多個示例中，所述驗證碼數(shù)據(jù)可以由驗證碼原始數(shù)據(jù)構(gòu)成或 者由驗證碼原始數(shù)據(jù)和隨機(jī)字符混合而成。
[0013] 在上述方面的一個或多個示例中，所述驗證碼數(shù)據(jù)在傳輸?shù)浇K端設(shè)備之前經(jīng)過了 加密處理，所述裝置還可以包括：解密單元，用于對所述驗證碼數(shù)據(jù)進(jìn)行解密處理，以及所 述自定義輸入選擇框被配置為基于解密后的驗證碼數(shù)據(jù)中包含的所有數(shù)據(jù)，生成自定義輸 入選擇框。
[0014] 在上述方面的一個或多個示例中，所述裝置位于所述終端設(shè)備中。
[0015] 根據(jù)本發(fā)明的另一方面，提供了一種用于驗證碼輸入的系統(tǒng)，包括：終端設(shè)備，包 括如上所述的用于驗證碼輸入的裝置；以及驗證碼服務(wù)器，用于在接收到所述終端設(shè)備發(fā) 出的驗證碼信息獲取請求后，將所述驗證碼信息返回給所述終端設(shè)備，所述驗證碼信息至 少包括驗證碼圖片數(shù)據(jù)和驗證碼數(shù)據(jù)。
[0016] 利用上述方法、裝置及系統(tǒng)，通過在接收到終端設(shè)備發(fā)出的驗證碼信息獲取請求 而向終端設(shè)備返回驗證碼圖片數(shù)據(jù)和驗證碼數(shù)據(jù)，并且取代彈出系統(tǒng)自帶輸入法選擇框， 在終端設(shè)備上利用驗證碼數(shù)據(jù)生成自定義輸入選擇框并在終端設(shè)備上顯示以供用戶選擇， 可以提高用戶的驗證碼輸入效率，并且改進(jìn)用戶體驗。
[0017] 為了實現(xiàn)上述以及相關(guān)目的，本發(fā)明的一個或多個方面包括后面將詳細(xì)說明并在 權(quán)利要求中特別指出的特征。下面的說明以及附圖詳細(xì)說明了本發(fā)明的某些示例性方面。 然而，這些方面指示的僅僅是可使用本發(fā)明的原理的各種方式中的一些方式。此外，本發(fā)明 旨在包括所有這些方面以及它們的等同物。
【附圖說明】
[0018] 根據(jù)下述參照附圖進(jìn)行的詳細(xì)描述，本發(fā)明的上述和其他目的、特征和優(yōu)點將變 得更加顯而易見。在附圖中：
[0019] 圖1A和圖1B示出了圖形驗證碼的示例；
[0020] 圖2示出了根據(jù)本發(fā)明的實施例的用于驗證碼輸入的方法的流程圖；
[0021] 圖3示出了從驗證碼服務(wù)返回的驗證碼信息的數(shù)據(jù)結(jié)構(gòu)的示意圖；
[0022] 圖4示出了驗證碼輸入界面的一個示例的示意圖；
[0023] 圖5示出了所生成并顯示的自定義輸入選擇框的一個示例的示意圖；
[0024] 圖6示出了用戶在自定義輸入選擇框中進(jìn)行輸入選擇后的輸入結(jié)果的示意圖；
[0025] 圖7示出了根據(jù)本發(fā)明的實施例的用于驗證碼輸入的系統(tǒng)的方框示意圖；以及
[0026] 圖8示出了圖7中示出的用于