인증코드 입력 방식

사이트 이용 중 종종 보게 되는 본인 인증 코드 입력하기 UI.
사용자로 하여금 주의 깊게 본 후 입력하도록,
또박또박한 폰트보다는 필기체나 흘림체류가 사용되는 경우가 많다.

불편함을 감수하더라도 인증을 하는 건 하겠는데,
적어도 사용자가 글을 읽는데 헷갈리게는 하지 않아야 하지 않나.


<예1>

사용자 삽입 이미지

J인지 I인지..


<예2>

사용자 삽입 이미지

이건 당췌 어떻게 읽으란겨..



이에 반해 아래는 우리글닷컴에서 사용하고 있는 방식.

사용자 삽입 이미지


읽기 편한데다 색상으로 입력될 내용만 강조하여
위의 두 예제에 비해 훨씬 읽어내기가 쉬움을 알 수 있다.

Comment List

  1. Favicon of http://moongsiri.tistory.com BlogIcon 딸기뿡이 2008.08.22 23:20 address / modify or delete / reply

    두번째 예는 저만 곤란함을 겪고 있는 게 아니었군요............... 지메일 비번 오류나서... 인증방식 한답시고 저렇게 예2로 나오는데..... 뭥미? 이 말이 절로 나오더라고요 에잇.......... 저는 저만 바보인줄 알았어요. 고마워요 엘렌님 흑흑~

    • Favicon of http://lnstory.com/tc BlogIcon 엘렌 2008.08.25 17:35 address / modify or delete

      고마우시다니 제가 더 고마웁죠.
      이렇게 동조(?)해주시니요~
      사소하지만 의외로 어려운 UI가 참 많아요, 그쵸?

  2. Favicon of http://blog.naver.com/anes117 BlogIcon JiNi 2008.08.23 00:44 address / modify or delete / reply

    첫번째껀 저도 종종 봤던 인증방식인데 입력하면서도 매번 긴감인가 하면서 입력하고 다음으로 넘어가면 맞구나 하게되는거구.
    두번째는.........처음보는거 같은데 보는순간 대략 난감하네여 이거 인증을 받으라는건지 말라는건지....
    복사해서 붙이기가 허용되기 전엔 절대 전 사용못할꺼 같네요...........ㅋㅋㅋ

    • Favicon of http://lnstory.com/tc BlogIcon 엘렌 2008.08.25 17:40 address / modify or delete

      사실 이 두번째꺼 보구선
      포스팅해야겠다 한거예요.
      진짜 어쩌라는건지, 했다니까요.
      봇을 막는 건 좋은데 그때문에 사용자를
      피곤하게 하는 건 옳지않아요!

  3. Favicon of http://830324.com BlogIcon 디노 2008.08.23 02:57 address / modify or delete / reply

    증말 이것때문에 짜증나는 경우가 많아요.

  4. 주성애비 2008.08.23 15:11 address / modify or delete / reply

    읽기 쉽게되어 있으면 그것보 봇이 깨고 들어오기때문에 조금 읽기 어렵게 사용한다고 합니다.

    • Favicon of http://lnstory.com/tc BlogIcon 엘렌 2008.08.25 17:42 address / modify or delete

      제대로 읽어보게 한 후 입력하는 거랑
      어렵게 해서 알아보기 힘들게해서 입력하는 거랑
      전 다르다고 봐요~
      로봇을 막는 거도 좋지만 이 때문에 유저가
      하려던 액션을 막게되면 벼룩이 잡으려고
      집 태우는거랑 다를 바 없을 것 같아요~ :)

  5. Favicon of http://wodory.com BlogIcon 하루에 2008.08.25 10:44 address / modify or delete / reply

    '빨간글자'라는 설명은 접근성 위반... 이라는 생각은 너무 삐딱한 것이겠죠 T.T

    • Favicon of http://lnstory.com/tc BlogIcon 엘렌 2008.08.25 18:13 address / modify or delete

      이런 무슨 말씀이신지 잘 이해가 안되어요
      한국을 떠나있는지 좀 되다 보니 그런걸까요? T.T

  6. Favicon of http://www.cyworld.com/omomomomomo BlogIcon omomo 2009.03.05 15:26 address / modify or delete / reply

    난 그게 젤 싫어...영문O인지 숫자0인지..구분 안되는거.
    그래서 요즘은 친절하게 "영문O는 코드에 포함하지 않습니다"를 써주거나
    한글로 인증코드 입력하는것도 생겼드라.
    받침 많~은 읽기도 난해한 글자들이지만.
    적어도 한글은 다른 글자와 헷갈릴 일이 없으니깐. ^ ^;;;
    역시. 한글이 젤 편해. ㅋㅋㅋ 보안면에선 어떤지 모르겠지만...

    • Favicon of http://lnstory.com BlogIcon [엘렌] 2009.03.18 23:55 address / modify or delete

      친절한 설명글도 좋은 생각이네요.
      이 글 쓴게 한참 전인데
      이제 쓰는거 보니 언니 이쪽 급 관심? 하하

  7. Favicon of http://main.catgarret.net BlogIcon 장화신은고양이 2009.04.29 19:50 address / modify or delete / reply

    사용자가 중심이 되어야 하는데,
    지능형 스팸로봇들이 인식하니깐 어쩔 수 없이 저렇게 알아보기 힘들게 표시돼는것 같아요.. ㅠ

|  1  |  ···  |  13  |  14  |  15  |  16  |  17  |  18  |  19  |  20  |  21  |  ···  |  82  |