웹사이트 탐색 설계

오류 화면에서도 길을 잃지 않게 안내와 링크를 배치하는 법

존재하지 않는 주소에 도착한 이용자에게 상황을 설명하고 홈·주요 메뉴·검색으로 돌아갈 길을 주는 방법입니다.

애드온 편집팀

카페나 검색 결과의 오래된 링크를 따라온 이용자는 존재하지 않는 웹 주소에 도착할 수 있습니다. 이때 기술 코드만 보여 주거나 빈 화면으로 끝내면 원래 찾던 정보까지 포기하기 쉽습니다. 오류 화면은 문제가 생겼음을 짧게 알리고 탐색을 다시 시작할 선택을 제공해야 합니다. 홈, 주요 메뉴, 내부 검색 같은 경로를 무작정 나열하지 말고 이용자가 어떤 목적으로 들어왔을지에 맞춰 우선순위를 정합니다.

오류의 의미를 이용자 언어로 알리기

요청한 페이지를 찾을 수 없다는 사실과 일시적인 문제인지 주소가 바뀐 것인지 확인 가능한 범위에서 설명합니다. 원인을 모르는 상태에서 이용자의 입력 잘못으로 단정하지 않습니다. 긴 기술 메시지나 내부 오류 내용을 그대로 노출하기보다 지금 할 수 있는 선택을 가까이 둡니다. 이전된 핵심 문서가 분명하다면 새 주소로 안내하되, 모든 오류를 관계없는 인기 페이지로 보내지 않습니다. 잘못된 주소도 같은 오류 화면을 일관되게 보여 주는지 확인합니다.

복귀 경로를 목적별로 정리하기

첫 선택은 홈으로 돌아가기, 주요 범주 보기, 사이트 안에서 다시 찾기처럼 범용 경로로 구성합니다. 특정 카페 글에서 많이 들어오는 주소라면 원래 주제와 가까운 최신 안내를 추가할 수 있습니다. 링크 앞에는 어디로 가며 무엇을 찾을 수 있는지 써야 합니다. 여러 추천 링크가 서로 경쟁하지 않게 핵심 경로를 앞에 두고 참고 경로는 아래로 분리합니다. 검색창을 제공한다면 결과가 없을 때 또다시 빈 화면으로 끝나지 않는지도 함께 점검합니다.

유입 주소와 반복 오류 관리하기

오류가 발생한 주소, 들어온 경로, 선택한 복귀 링크를 나눠 기록합니다. 바로 나간 비율만으로 안내 실패를 확정하지 말고 실제로 옛 링크가 많은지, 원하는 문서가 삭제됐는지 봅니다. 반복 유입이 있는 이전 주소는 관련 페이지로의 안내를 검토하고 외부 게시물의 링크도 가능한 범위에서 고칩니다. 연결된 주요 메뉴가 변경되면 오류 화면의 문구도 다시 읽습니다. 목표는 오류를 숨기는 것이 아니라 이용자가 이유를 이해하고 유효한 탐색을 이어가게 하는 것입니다.

‘오류의 의미를 이용자 언어로 알리기’만 고쳤을 때 생기는 빈틈

예를 들어 ‘오류의 의미를 이용자 언어로 알리기’의 문장을 최신 기준에 맞게 수정했더라도 ‘복귀 경로를 목적별로 정리하기’의 안내 이미지나 ‘유입 주소와 반복 오류 관리하기’의 연결 주소가 예전 상태라면 독자는 서로 다른 답을 받게 됩니다. 이 경우 문장 하나의 완성도보다 ‘오류 화면에서도 길을 잃지 않게 안내와 링크를 배치하는 법’과 관련된 노출 위치를 먼저 목록으로 만드는 편이 효율적입니다. 본문에서 말한 〈요청한 페이지를 찾을 수 없다는 사실과 일시적인 문제인지 주소가 바뀐 것인지 확인 가능한 범위에서 설명합니다〉 항목을 구체화하면, 본문, 목록 카드, 문의 화면, 지도나 외부 채널 가운데 실제로 같은 정보를 쓰는 위치만 골라 수정 범위를 정합니다. ‘복귀 경로를 목적별로 정리하기’가 공통 기준을 참조하도록 연결하고 ‘유입 주소와 반복 오류 관리하기’에 변경 날짜를 남기면 일부 화면만 고쳐 생기는 차이를 다음 점검에서 빠르게 찾을 수 있습니다.

‘오류의 의미를 이용자 언어로 알리기’에서 ‘복귀 경로를 목적별로 정리하기’로 넘어가는 순서 점검

독자는 운영자의 작업 순서가 아니라 자신의 질문 순서대로 ‘오류 화면에서도 길을 잃지 않게 안내와 링크를 배치하는 법’을 읽습니다. 먼저 ‘오류의 의미를 이용자 언어로 알리기’에서 이 글이 자신의 상황과 관련 있는지 판단하고, 이어 ‘복귀 경로를 목적별로 정리하기’에서 선택이나 준비에 필요한 조건을 확인한 뒤, ‘유입 주소와 반복 오류 관리하기’에서 다음 행동을 정할 수 있어야 합니다. 본문에서 말한 〈요청한 페이지를 찾을 수 없다는 사실과 일시적인 문제인지 주소가 바뀐 것인지 확인 가능한 범위에서 설명합니다〉 항목을 구체화하면, 세 단계 중 하나가 다른 페이지에 있다면 링크 문구에 도착할 정보와 대상 범위를 함께 적습니다. ‘오류의 의미를 이용자 언어로 알리기’만 읽어도 결론을 확정할 수 있는 것처럼 보이거나 ‘유입 주소와 반복 오류 관리하기’를 보기 전에 과도한 개인정보를 요구하는 흐름은 없는지, 처음 방문한 사람의 화면 순서로 다시 따라가며 확인합니다.

‘복귀 경로를 목적별로 정리하기’의 이전 버전을 다시 찾을 수 있게 보관하기

‘복귀 경로를 목적별로 정리하기’가 수정될 때 이전 파일을 덮어쓰기만 하면 ‘오류 화면에서도 길을 잃지 않게 안내와 링크를 배치하는 법’의 설명이 왜 달라졌는지 확인하기 어렵습니다. 파일명이나 관리표에 수정 날짜와 버전, 변경한 사람을 남기고 ‘오류의 의미를 이용자 언어로 알리기’의 이전 문장과 새 문장을 비교할 수 있게 보관합니다. 본문에서 말한 〈요청한 페이지를 찾을 수 없다는 사실과 일시적인 문제인지 주소가 바뀐 것인지 확인 가능한 범위에서 설명합니다〉 항목을 구체화하면, 공개할 필요가 없는 내부 검토본은 검색 결과에 노출되는 위치와 분리하고, 실제 기준으로 쓰는 문서에는 현재 상태를 분명히 표시합니다. ‘유입 주소와 반복 오류 관리하기’에서 과거 안내를 인용해야 한다면 당시 기준임을 밝히고 지금 적용되는 정보로 이동할 경로를 함께 제공해야 버전 차이가 오해로 이어지지 않습니다.

전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

LOCATION

애드온 오시는 길

서울특별시 강서구 공항대로 194, 1동 6층 610·611호 (마곡동, 문영 퀸즈파크12차)