홈페이지 리뉴얼을 준비할 때 화면의 분위기나 디자인부터 논의하기 쉽습니다. 하지만 문의 전환을 점검하려면 방문자가 첫 화면에서 서비스를 이해하고, 필요한 정보를 확인한 뒤, 상담 신청을 완료하는 흐름 전체를 살펴봐야 합니다. 다음 7개 구간은 이 과정에서 사용자가 멈추거나 이탈할 가능성이 있는 지점을 찾기 위한 기준입니다.
1. 첫 화면: 무엇을 하는 곳인지 바로 이해되는가
첫 화면에는 조직이나 서비스가 무엇을 하는지 요약하는 짧은 문구와 핵심 행동 유도 버튼이 함께 보여야 합니다. NN/g는 홈페이지 태그라인을 조직이 하는 일을 요약하는 짧은 문장으로 설명하며, 적절한 CTA가 즉시 보이지 않으면 사용자가 더 탐색하지 않고 이탈할 수 있다고 보고합니다.
내부에서 익숙한 슬로건이 방문자에게도 명확한 설명이 되는 것은 아닙니다. 첫 화면의 문구만 읽고도 ‘어떤 서비스를 제공하는 곳인지’를 파악할 수 있는지 확인해야 합니다. 동시에 상담 신청, 서비스 확인 등 사용자가 다음에 할 핵심 행동이 바로 보이는지도 점검합니다.
- 첫 문구가 추상적인 가치만 말하지 않고 서비스의 성격을 설명하는가
- 핵심 CTA가 첫 화면에서 쉽게 발견되는가
- 문구와 CTA를 함께 봤을 때 다음 행동을 이해할 수 있는가
2. 서비스 진입 경로: 사용자의 과업과 주제로 나뉘어 있는가
첫 화면을 통과한 방문자는 자신에게 맞는 서비스를 찾아야 합니다. 이때 내비게이션 라벨은 회사 내부의 분류 체계보다 사용자의 과업과 주제를 중심으로 구체적으로 작성해야 합니다. 각 항목의 의미가 겹치면 사용자는 어느 경로를 선택해야 할지 판단하기 어렵습니다.
NN/g는 사용자가 현재 과업에 가장 유망한 범주를 고를 때 ‘정보 향기’를 활용한다고 설명합니다. 또한 형식 중심의 최상위 내비게이션은 주제를 중심으로 탐색하는 사용자의 찾기 과정을 방해할 수 있다고 지적합니다. 리뉴얼 전에는 메뉴 이름만 보더라도 각 경로에서 무엇을 찾을 수 있는지 예측 가능한지 확인해야 합니다.
- 서비스 메뉴가 사용자의 목적과 주제를 중심으로 구성되어 있는가
- 서로 다른 메뉴의 의미가 겹치지 않는가
- 내부 용어나 형식명이 아닌 방문자가 이해할 표현을 사용했는가
3. 신뢰 정보: 문의 전에 필요한 판단 근거가 있는가
방문자가 문의를 남기려면 자신의 시간, 비용, 개인정보를 맡겨도 되는지 판단할 수 있어야 합니다. NN/g는 회사 정보, 전문성, 가격, 개인정보 요청 방식, 고객지원 정책 등을 웹사이트의 신뢰성을 평가하는 항목으로 제시합니다.
따라서 포트폴리오만 추가하는 것으로 신뢰 정보 점검을 끝내서는 안 됩니다. 회사 정보와 전문성을 확인할 수 있는 내용, 가격 관련 정보, 정책, 개인정보 처리 방식 등 문의 전에 필요한 자료가 존재하는지 함께 살펴봐야 합니다. 중요한 정보가 있어도 서비스 페이지와 문의 흐름에서 찾기 어렵다면 실제 판단에는 활용되기 어렵습니다.
- 포트폴리오와 회사·전문성 정보에 쉽게 접근할 수 있는가
- 가격 및 관련 정책을 확인할 경로가 있는가
- 개인정보를 왜 요청하고 어떻게 처리하는지 확인할 수 있는가
4. CTA: 버튼을 발견하고 결과를 예상할 수 있는가
CTA는 눈에 띄는 것만으로 충분하지 않습니다. 버튼이나 링크를 눌렀을 때 어떤 단계로 이동하는지 이해할 수 있어야 합니다. NN/g 연구는 적절한 CTA가 홈페이지에서 즉시 보이지 않을 때 일부 사용자가 정보 탐색을 포기했으며, 명확한 행동 유도 문구와 링크 설명이 다음 행동을 이해하는 데 필요한 정보를 제공한다고 설명합니다.
리뉴얼 시에는 CTA의 색이나 형태뿐 아니라 문구와 배치 맥락을 함께 검토해야 합니다. 서비스 설명을 읽은 후 문의하려는 사용자에게 CTA가 보이는지, 버튼 문구가 목적지를 설명하는지 확인합니다.
- 핵심 페이지에서 CTA를 즉시 발견할 수 있는가
- 버튼 문구가 사용자가 하게 될 행동을 분명히 설명하는가
- 필요한 경우 링크 주변 설명이 다음 단계를 이해하도록 돕는가
5. 문의 폼: 모든 질문이 상담에 꼭 필요한가
문의 폼의 입력 항목은 조직이 받고 싶은 정보가 아니라 서비스 제공에 필요한 정보를 기준으로 정해야 합니다. GOV.UK 서비스 매뉴얼은 필요한 정보, 사용 목적, 응답 대상이 명확할 때만 질문을 추가하도록 권고합니다.
모든 사용자에게 같은 질문을 한꺼번에 보여줄 필요도 없습니다. 특정 조건에 해당하는 사용자에게만 필요한 항목이라면 분기 질문을 활용해 관련 있는 질문만 답하게 할 수 있습니다. 리뉴얼 전 기존 폼의 각 항목에 대해 ‘왜 필요한가’, ‘누가 답해야 하는가’, ‘어디에 사용하는가’를 검토하면 불필요한 입력 부담을 구분할 수 있습니다.
- 각 입력 항목의 필요성과 사용 목적을 설명할 수 있는가
- 일부 사용자에게만 필요한 질문을 모두에게 요구하고 있지 않은가
- 조건에 따라 질문을 나누는 분기 구조가 필요한가
6. 모바일 입력: 작은 화면에서도 작성과 수정이 쉬운가
모바일 문의 폼은 데스크톱 화면을 축소하는 방식으로만 점검해서는 안 됩니다. Baymard는 입력 중 사라지는 인라인 라벨, 지나치게 분리된 입력칸, 맥락이 불명확한 라벨이 모바일 폼 완료를 방해할 수 있다고 보고합니다.
필드 라벨은 입력칸 위에 지속적으로 표시하고, 이메일·전화번호·숫자처럼 입력값의 성격에 맞는 모바일 키보드를 제공해야 합니다. 오류가 발생했을 때는 잘못됐다는 사실만 알리는 것이 아니라 사용자가 무엇을 어떻게 수정해야 하는지 구체적으로 안내해야 합니다.
- 입력 후에도 각 필드의 라벨을 계속 확인할 수 있는가
- 입력칸이 불필요하게 여러 개로 나뉘어 있지 않은가
- 입력 내용에 맞는 모바일 키보드가 열리는가
- 오류 메시지가 수정 방법까지 알려주는가
7. 신청 완료: 접수 이후의 절차가 안내되는가
문의 전환 여정은 전송 버튼을 누르는 순간 끝나지 않습니다. 사용자는 신청이 정상적으로 완료됐는지, 이후 무엇이 일어나는지 확인할 수 있어야 합니다.
GOV.UK 디자인 시스템은 완료 페이지가 거래 완료를 안심시키고 다음에 무엇을 기대해야 하는지 이해하도록 도와야 한다고 안내합니다. 따라서 완료 사실과 함께 다음 절차, 그 시점, 필요한 경우 확인할 수 있는 서비스 연락처를 명시해야 합니다.
- 상담 신청이 완료됐다는 사실이 분명히 표시되는가
- 다음 절차와 예상 시점이 안내되는가
- 추가 확인이 필요할 때 이용할 연락처가 제공되는가
리뉴얼 범위는 ‘페이지’가 아니라 ‘여정’으로 정해야 합니다
문의 전환의 누수는 특정 버튼 하나나 문의 폼 하나에만 존재하지 않습니다. 첫 화면의 설명이 모호하거나, 서비스 경로가 겹치거나, 판단에 필요한 신뢰 정보가 부족해도 사용자는 문의 단계에 도달하지 못할 수 있습니다. 반대로 폼을 제출한 뒤 완료와 다음 절차를 확인할 수 없다면 마지막 경험도 불완전해집니다.
따라서 리뉴얼 범위를 정할 때는 첫 화면, 서비스 탐색, 신뢰 정보, CTA, 문의 폼, 모바일 입력, 완료 안내를 하나의 연속된 흐름으로 점검하는 것이 좋습니다. 각 구간에서 사용자가 알아야 할 정보와 해야 할 행동이 분명한지를 기준으로 개선 우선순위를 정해보세요.
참고 자료
- NN/g, Presenting Company Information on Corporate Websites
- NN/g, Format-Based Navigation
- NN/g, Ecommerce UX: Trust and Credibility
- NN/g, Social Media User Experience
- GOV.UK Service Manual, Structuring Forms
- Baymard Institute, Audit Checkout Flow for Hidden Friction
- GOV.UK Design System, Confirmation Pages