–
오늘은 서비스가 ‘보안’관련 내용을 다루는 ‘security page’ 사례와 더불어, 페이지 구성에 필요한 ‘체크리스트와 가이드’를 제공해주는 곳을 소개하고자 합니다. 정보가 없는 상태로 구성하기 가장 힘든 화면 중 하나인데, 잘 알려진 글로벌 서비스의 사례와 함께 우리의 환경에 맞는 내용에 따라 화면을 어떻게 구성하면 좋을지에 대한 정보를 얻을 수 있어 활용도가 높은 곳이라 생각합니다.
먼저, 체크리스트 기능을 살펴볼게요. 단계가 꽤 길지만, 20개 질문에 대한 답변을 우리 상황에 맞게 작성하면 구성에 참고할 가이드를 전달받을 수 있습니다. 저도 최근 ‘security page’에 대한 스터디가 필요해 구글링으로 이곳을 알게 되었고, 혹시 몰라 각 단계 별 질문과 선택지도 따로 복사해두었습니다. 앞서 말씀드렸던 것처럼 사례 자체를 쉽게 확보할 수 없는 내용이라 더 가치 있게 느껴지는 내용입니다.
각 과정에 대한 설명, 그리고 답변에 필요한 질문과 선택지를 확인할 수 있습니다. 이 내용이 왜 필요한지 살펴볼 수 있고, 선택지는 보안과 관련해 우리에게 필요한 범위를 확인할 수 있는 역할을 해주기에 더 유용하게 다가옵니다.
화면 아래로 전체 단계와 현재 단계를 알 수 있으며, 답변을 한 내용과 아닌 내용도 함께 확인할 수 있습니다. 또 과정이 길어 저장 후 다시 참여하는 기능도 제공됩니다. 한 번에 확인, 답변하는 과정이 부담스럽다면 해당 기능을 활용해 우리에게 필요한 가이드를 꼭 받아 활용하시면 좋겠네요!
제가 놀란 건, 이 사례들입니다. 노션, 슬랙, 쇼피파이 등 우리에게도 잘 알려진 서비스가 ‘security page’를 어떻게 활용하고, 구성하고 있는지 자세히 정리되어 있기 때문입니다.
이 페이지는 회원가입이나 온보딩 등 일정 흐름에 따라 확인할 수 있는 경우가 많아 직접 찾아보려면 은근히 발견하기 어려운데요. 서비스 성격에 따라 리스트로 먼저 볼 수 있어 우리와 유사한 케이스를 참고하기 좋습니다.
원하는 화면 사례를 클릭하면 상세 화면에서 더 자세한 정보를 살펴볼 수 있습니다. 저는 피그마를 선택했는데, 화면 이미지와 함께 어떤 인증 내용이 포함되어 있으며 화면 내 어떤 종류의 버튼이 담겨 있는지 알 수 있습니다.
또 페이지 구성에 대한 설명과 페이지로 바로 이동할 수 있는 링크도 확인할 수 있으며, 페이지에서 우리가 눈여겨봐야 할 내용이 무엇인지 깔끔하게 정리해 보여줍니다.
페이지 마지막에는 우리가 함께 살펴보면 좋은, 이 사례로 배워가면 좋은 체크리스트 역시 제공합니다. 앞서 살펴본 설문에 따른 가이드와 별개로 사례 별 체크리스트를 모아서 살펴보는 것 자체로 많은 도움을 받을 수 있습니다. 현재 20개의 페이지 사례를 확인할 수 있으니, 더 자세한 내용은 ‘링크’를 참고해주세요!
–
함께 활용해보세요!
–
