패스키는 온라인 계정을 만들고 비밀번호를 사용하지 않고도 계정에 로그인할 수 있게 하는 새로운 기술입니다. 더 편리하고 안전하지만 많은 사용자에게 익숙하지 않습니다 이 가이드라인은 사용자 환경을 개선하고 사용자가 패스키를 효과적으로 사용하는 데 도움이 되는 콘텐츠 디자인을 만들어 이러한 문제를 극복하는 데 도움이 됩니다.
패스키를 익숙한 개념과 연결하기
패스키는 새로운 개념이므로 콘텐츠 디자인 시 가능한 경우 생체 인식이나 비밀번호와 같은 익숙한 개념, 시각 요소, 경험과 연결합니다. 패스키라는 용어는 사용자를 교육하고 패스키를 일반적인 용어로 만들기 위한 단계이므로 UI에서 명시적으로 패스키라는 용어를 사용하는 것이 좋습니다.
Google의 연구에 따르면 많은 사용자가 생체 인식을 보안과 관련 있는 것으로 나타났습니다. 패스키에는 생체 인식이 필요하지 않지만 (예: 패스키를 기기 PIN과 함께 사용할 수 있음) 생체 인식과 연결하면 더 친숙해지고 보안 이점에 대한 사용자 인식을 높일 수 있습니다. 예를 들어 Google 계정에서 패스키는 지문, 얼굴 스캔 또는 기타 기기 화면 잠금과 같이 패스키를 사용할 수 있는 익숙한 보안 환경 사이에 일관되게 배치되어 있습니다.
![패스키 메시지가 강조표시된 Google 계정 페이지의 스크린샷 - '이제 패스키를 사용하면 지문, 얼굴 또는 화면 잠금을 사용하여 본인임을 인증할 수 있습니다. 자세히 알아보기'](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/g-sign-in-biometrics.png?authuser=8&hl=ko)
사용자층과 관련된 이점을 강조합니다.
사용자에게 패스키를 소개할 때는 사용자의 요구사항 및 선호도에 직접 부합하는 실용적인 이점을 강조하세요.
고유한 사용자 이름과 비밀번호를 기억할 필요가 없는 속도, 사용 편의성, 익숙한 화면 잠금 기능의 사용 편의성 등 사용자층의 공감을 불러일으키는 이점을 강조하는 명확하고 간결한 언어를 사용합니다.
사용자층마다 우선순위가 다를 수 있으며 잠재고객과 가장 관련성이 높은 이점을 강조할 수 있도록 메시지를 맞춤설정하세요.
Google 계정의 패스키 UX는 효과적인 것으로 입증된 속도와 편의성을 강조하며 이와 유사한 이점이 사용자의 공감을 얻을 수 있습니다.
예를 들어 플랫폼이 전자상거래 서비스인 경우 편의성과 속도가 가장 매력적일 수 있습니다.
또 다른 예로는 민감한 정보를 처리하는 은행이나 서비스가 있으며, 이 경우 패스키가 제공하는 향상된 보안을 강조하는 것이 사용자에게 매력적인 판매 포인트가 될 수 있습니다.
사용자에게 가장 가치 있는 것이 무엇인지 신중하게 파악하고 이러한 이점을 강조하는 메시지를 작성하세요.
!['간단한 로그인'이 강조표시된 Google 계정 페이지의 스크린샷.](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/g-simplify-your-sign-in.png?authuser=8&hl=ko)
!['패스키로 더 빠르게 로그인'이라는 제목의 카드가 있는 TrailBlazer 방문 페이지](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/trailblazer-sign-in.png?authuser=8&hl=ko)
![모바일 은행 앱의 스크린샷](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/tri-bank-example.png?authuser=8&hl=ko)
![사용자에게 패스키를 사용하여 더 빠르고 안전한 비밀번호를 사용하라고 제안하는 팝업](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/passkey-pop-up.png?authuser=8&hl=ko)
모든 단계에서 패스키에 관한 유용한 정보 표시
패스키 관련 작업의 경우 운영체제 (OS) 대화상자를 트리거하기 전에 앱 UI에서 사용자에게 명확한 메시지를 표시합니다. 패스키 OS 대화상자가 완료되거나 닫힌 후 작업의 결과 상태를 표시합니다. 예를 들어 패스키를 만들 때 OS 대화상자를 트리거하기 전에 명확한 '패스키 생성' 메시지를 사용하고 이후에 성공 메시지를 사용합니다.
!['패스키 생성됨'이라는 성공 메시지가 표시된 Google 계정 페이지](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/g-passkey-created.png?authuser=8&hl=ko)
이렇게 하면 웹사이트와 OS가 패스키를 사용하여 함께 작동하는지 확인하고 사용자가 패스키를 만들고 사용하는 프로세스에 더 익숙해질 수 있습니다.
패스키에 관한 유용한 정보를 클릭 뒤에 숨기지 않고 기본적으로 사용자 인터페이스에 표시합니다. 예를 들어 패스키가 생성된 후에도 계정 설정에서 패스키가 무엇이고 어디에 사용되는지 설명하는 텍스트를 유지합니다.
!['패스키를 사용하면 지문, 얼굴, 화면 잠금 또는 하드웨어 보안 키를 사용하여 Google 계정에 안전하게 로그인할 수 있습니다. 공유 기기에서 패스키를 만들지 마세요. 자세히 알아보기'](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/passkey-messaging.png?authuser=8&hl=ko)
패스키를 만드는 데 사용할 정보
패스키는 사용자 이름과 표시 이름으로 구성됩니다.
사용자 이름은 계정에 로그인할 때 사용자를 식별하는 데 사용됩니다. 이메일 주소를 사용자 이름으로 사용하면 사용자가 모든 패스키를 삭제하거나 서비스에 액세스할 수 없게 된 경우 이 이메일 주소를 계정 복구 방법으로 사용할 수 있습니다. 전화번호를 사용하는 등 다른 계정 복구 방법이 사용자에게 더 흔한 경우 계정 또는 패스키 생성 중에 이러한 방법을 옵션으로 포함하면 향후 문제를 방지하는 데 도움이 됩니다.
표시 이름은 사용자가 사용자 인증 정보 목록에서 올바른 패스키를 찾는 데 도움이 될 수 있는 읽기 쉬운 이름입니다. 사용자가 이해하기 쉬운 방식으로 친숙한 이름(예: 닉네임)을 사용하면 됩니다.
이 목록에서 엘리사 베켓은 표시 이름, elisabeckett@gmail.com은 사용자 이름이며 패스키 아이콘이 있습니다.
![왼쪽에는 일반적인 파란색 사람 및 열쇠 아이콘이 있는 회색 버튼, 오른쪽에는 '엘리사 베켓', 이메일과 '패스키'라는 단어가 차례로 표시됨](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/passkey-user-ui.png?authuser=8&hl=ko)
계정 설정에서 패스키를 기본 옵션으로 설정
사용자의 계정 설정 내에서 사용자 이름, 비밀번호, 2단계 인증과 같은 다른 인증 항목을 제시하는 것과 동일한 방식으로 패스키를 표시합니다. 예를 들어 설정에 있는 다른 로그인 옵션에 H2 제목으로 라벨이 지정된 경우 '패스키'에도 H2 제목으로 라벨을 지정합니다.
!['2단계 인증'과 '비밀번호' 사이의 옵션으로 '패스키'가 표시된 'Google에 로그인하는 방법'이라는 제목의 Google 메뉴](https://developers.google.cn/static/identity/passkeys/ux/communicating-passkeys/images/g-passkey-heading-select.jpg?authuser=8&hl=ko)
패스키 콘텐츠 원칙 자세히 알아보기
FIDO Alliance 사용자 경험 실무 그룹은 사용자 연구를 수행하고 콘텐츠 원칙 가이드라인을 제작했습니다. FIDO UX 콘텐츠 원칙에서 자세히 알아보세요.