SPARKFUL
閲覧しようとしているページの翻訳が完了していません。現在対応中のため、もうしばらくお待ちください!

Blog

Insights from the SPARKFUL teams

阻擋機器人的神奇驗證碼系統

Decill Changuser-interface-design
name

常在網路上到處瀏覽的朋友一定對「驗證碼」這種東西不陌生,通常會出現驗證碼的場合不外乎就是為了安全性的考量,為了防止駭客利用自動化程式做暴力式的登入嘗試,防止自動化程式在留言板討論區等的洗版行為,或是頻繁存取導致伺服器崩潰等等情況,而設立的安全性確認措施。

簡單來說,驗證碼的存在只有一個任務:「確認你是真人還是機器人!」

驗證碼的正式名稱叫做「自動區分計算機和人類的圖靈測試」(Completely Automated Public Turing test to tell Computers and Humans Apart,簡稱 CAPTCHA),簡單的來說,就是做一個「人類可以回答,但是電腦無法回答的問題」。

但是俗話說得好:「道高一尺,魔高一丈。」既然它的工作是防堵駭客與自動化程式,想當然也是許多駭客企圖破解的目標之一,破解以及防堵似乎永遠沒有停止的一天。

驗證碼系統大拚比,黏功、動態、圖片、中文都是一招

現在最常見的驗證碼系統不外乎就是 reCAPTCHA 了(目前為 Google 所有),基本上 reCAPTCHA 是一個免費的服務。而值得一提的是,這套系統利用讓使用者輸入驗證碼的方式,來幫助傳統文字典籍數位化的進行,主要是《New York Times》以及一些 Google Books 上的書籍)。

系統每次都會出現兩組字符讓使用者輸入,一組是真正的驗證碼,而另外一組是需要數位化的文字(使用者並不知道那組是驗證碼),當使用者輸入兩串字符並且答對驗證碼的時候,系統就藉以認為需要數位化的文字是被人類所正確辨識的。

所以,大家可是在無意間參與了古籍的數位化工作呢!

除了 reCAPTCHA 以外,其他比較完善的 CAPTCHA 系統也都會擁有語音輔助,以方便視障人士使用。

還有一種常見的叫做 KCAPTCHA,主要特徵是將所有的文字都「黏」在一起,讓電腦難以判讀各個字母。

雖然很誇張,但是的確出現過動態圖檔的 CAPTCHA,對於電腦來說,想辨識出來可以說是不可能的任務啊!

Paypal 標籤雲式的驗證碼也可以算是一個經典。

最近中國的網站常常可以看到許多創新的驗證碼系統,例如像下面這種與圖片結合在一起的驗證碼,達到了電腦難以判讀的前提,而對於人類來說,辨識起來是一點也不困難!

或是跟廣告做結合的策略也是相當有創意。

驗證碼只有英文嗎?利用中文字的驗證碼也是很有效果,畢竟中文字的文字辨識技術比起英文字符要來得難許多。不過缺點可能就是對於看不懂中文字的族群不夠友善、而且中文在手持裝置上輸入更耗時。

驗證碼已經夠討厭了,別再讓使用者看不懂!

雖然驗證碼對於系統安全管理的存在上有其必要性,但是對於使用者而言,驗證碼從來不是一個受歡迎的東西。

首先,不管使用者想要做什麼事情,要求使用者填額外的一串字,絕對不是個令人開心的行為。

再者就是大部分的驗證碼系統實在太容易出現令人難以閱讀的字符了,尤其是出現英文字符的 I、i、l、L、o、O 以及數字 0 等等時。當一次次的回應使用者驗證碼輸入錯誤,可是會讓人想翻桌的。畢竟在大部分的情況下,做出讓電腦看不懂的文字,那麼對於人類來說常常也不會容易閱讀到哪裡去。

結合圖片或是中文的驗證碼系統雖然改善這點,但是網路流量相對提升、安全性以及資料庫是否充足等,也是需要克服的缺點呢。


(參考資料:CAPTCHA、reCAPTCHA;封面圖片:sebastiankippe, CC Licensed)

Decill Chang
Decill Chang
Principal Designer
A しばいぬ lover.
divider
関連記事
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...もっと記事を読む
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...もっと記事を読む
name

讓設計跟著指尖走:觸控設備上的互動效果

對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按...もっと記事を読む