web-development-kb-ko.site

로그인 양식에서 비밀번호 뒤에 입력 필드를 갖는 것은 좋지 않습니까?

트위터에서 @ DanWilson 의이 글에 흥미를 느꼈습니다.

모든 웹 개발자 : 절대로 비밀번호 상자 뒤에 그리고 양식에 제출하기 전에 아무 것도 넣지 마십시오. 제출하려면 직접 탭해야합니다.

설명을 요청했을 때 그는 다음을 추가했습니다.

uI 패턴이 Username TAB Password TAB Enter Key이기 때문입니다.

누군가가 일화 일지라도 주장을 뒷받침하거나 모순한다는 증거를 나에게 지적 할 수 있습니까?

website-designformslogin
9
Patrick McElhaney

최상의 탭 상황과 일반적인 상황은 다음과 같습니다.

  • 입력 : 이메일
  • 입력 : 암호
  • 확인란 : 나를 유지하십시오 logged in (때로는 생략 됨)
  • 버튼 : submit (일부 상황에서 입력하는 것보다 스페이스 바를 사용하는 방법에 유의하십시오)

증거 :

  • Google (통합 로그인)
  • Yahoo (통합 된 로그인, Flickr, Delicious 포함)
  • 트위터 (또한 시각적 흐름이 탭 흐름과 어떻게 다른지 일관성을 유지하십시오!)
  • 페이스 북 (ibidem)
  • 바이두
  • 위키 백과
  • 링크드 인
  • 크레이그리스트
  • 내 공간
  • IMDB

주목할만한 차단기 :

  • MSN
  • 이베이

따라서 이러한 사이트를 통해 우리는 아마도 대부분의 웹 사용자를 포함하고 있으며 모두 내가 설명한 동작에 맞춰져 있습니다.

7
Folletto

이 패턴의 심각한 중단은 유용한 양식 디자이너가 비밀번호 후 및 제출 단추 앞에있는 탭 중지에 비밀번호 분실 링크를 두는 경우입니다. 이로 인해 페이지가 새로 고쳐지고 새 양식이로드 될 수밖에 없습니다. 그런 다음 되돌아 가면 보안 모범 사례에 따라 암호 필드 (처음 입력 한 암호)가 비어 있습니다.

디자이너와 개발자의 미학적 자유를 전적으로 존중하며 웹이 동종인 것처럼 보이기를 원하지 않지만 웹의 동작은 좋아야합니다.

댄 윌슨

6
Dan Wilson

자신의 경험에 대해 생각해보십시오. 사이트에 로그인 할 때 무엇을 하시겠습니까? 나, 나는 Dan이 말한 것과 정확히 일치 할 것으로 기대합니다-Username TAB Password TAB enter. "나를 기억하십시오"기능이이 기본 개념을 유지하는 것으로 나타났습니다. chase.com에서 "나의 사용자 이름 기억하기"확인란을 탭하려면 실제로 제출 버튼을 탭하여 확인란에 집중해야합니다. 나는 그것을 정말로 좋아한다는 것을 모르지만, 일반 로그인이 훨씬 빠릅니다.

그의 진술에 추가해야 할 한 가지 사항은 로그인 페이지에서 초기 포커스는 반드시 username 필드에 있어야한다는 것입니다. 페이지가 처음로드 될 때 포커스가 잘못 설정되거나 전혀 설정되지 않은 웹 사이트 수를 계산할 수 없습니다.

5
Charles Boyung

지배적 인 UX 패턴은 사용자 이름 탭 암호 탭 입력이라고 믿지 않습니다. 암호를 입력 한 후 왜 여분의 TAB + Enter가 발생합니까? 키 입력을 저장하고 비밀번호를 입력 한 후 Enter 키를 눌러 양식을 제출하십시오. Chase가 언급했듯이 로그인 양식의 경우 : Username TAB Password Enter.

Type = 'submit'대신 input type = 'button'을 사용하여 잘못된 제출 버튼이있는 양식이 더 공격적인 UX 페널티를 고려합니다. 이렇게하면 입력 만하면되는 양식을 제출하는 TAB + Enter 습관이 강화됩니다.

3
John Hodorowicz

"이 패턴을 사용하지 않습니다"라고 응답하는 것은 무의미합니다. 패턴이 지배적 인 패턴인지 아닌지 (그리고 샘플 크기가 이것을 나타내지 않음), 중요한 패턴이면 존중되어야합니다. 입력하기 전에 사용자의 10 %만이 탭을 누르지 만 사용자의 10 %를 간단하게 수정하기 위해 화를 내고 싶지는 않습니다.

1
DJClayworth

디자인에 비밀번호와 제출 사이에 무언가가 필요한 경우 로그인 양식의 경우 탭 순서를 변경하여 탭할 때 나쁜 경험 요소를 건너 뛸 수 있습니다. 다소 비슷한 https://www.bankofamerica.com/ 를 참조하십시오. 탭핑은 사용자/영역/제출됩니다. 체크 박스와 링크에 대한 링크를 얻으려면 탭핑을 계속하십시오.

나는 더 넓은 문제 (나를 위해)가 행동이 있어야 할 곳에 행동 방지 요소를 배치하고 있다고 생각한다. 제출 버튼이 정상적으로있는 취소/리셋 버튼 등 우리는 자동화 된 생물이기 때문에 약간의 변화에 ​​대해서는 거의 읽거나주의를 기울이지 않습니다.

1
Joshua Cyr

나는 존에 동의한다. 암호 필드에서 Enter 키를 누르거나 Enter 버튼을 클릭/탭한다고 생각합니다.

그러나 Tab을 누른 다음 Enter를 누르는 소수의 Windows 사용자에게는 Dan이 옳습니다. 암호 편집 필드와 Enter 단추 사이에는 아무 것도 없어야합니다.

Mac에서는 기본적으로 Tab을 누르면 다음 편집 필드 또는 목록 상자로 이동하기 때문에 Windows 사용자를 선정했습니다. 버튼으로 이동하지 않습니다. Linux 사용자에게 사과드립니다. 자세한 내용은 확실하지 않습니다.

1
Hisham