처리 완료 표시를 눌러야 하나요, 상태 태그와 버튼을 구분합니다
2026-10-26 · 플라톤마케팅 · 약 5분 읽기

문의 조회 화면에서 완료라는 글자가 둥근 색상 상자 안에 있으면 이미 끝난 상태인지, 눌러서 완료해야 하는 버튼인지 모호할 수 있습니다. 목록에서 같은 모양의 요소 중 일부만 클릭된다면 혼동은 더 커집니다. 상태 표시는 현재 상황을 설명하고, 버튼이나 링크는 사용자가 할 행동을 알려 주도록 역할을 구분해야 합니다. 색을 바꾸는 작업만으로 이 차이가 전달되는지 확인했다고 보지는 않습니다.
상태 이름이 뜻하는 업무 결과부터 정합니다
접수 완료와 답변 완료는 서로 다른 시점일 수 있습니다. 시스템에 문의가 저장된 상태를 처리 완료라고 표시하면 방문자는 답변까지 끝난 것으로 이해할 수 있습니다. 운영 담당자는 각 상태가 언제 부여되고 어떤 일이 끝났음을 뜻하는지 먼저 정리합니다.
GOV.UK 디자인 시스템은 태그를 상태를 나타내는 용도로 사용하고, 링크나 버튼처럼 상호작용 요소로 만들지 않도록 안내합니다. 이름도 행동을 요구하는 표현보다 상태를 설명하는 표현을 사용하도록 설명합니다. 상태 태그 구성 요소 안내 이는 해당 디자인 시스템의 설계 지침이며 홈페이지에서는 실제 업무 용어에 맞게 적용합니다.
화면 문구를 내부 처리 코드와 그대로 같게 만들 필요는 없습니다. 담당자에게 익숙한 코드가 방문자에게 뜻을 알려 주지 못한다면 이해 가능한 이름을 정합니다. 다만 이름을 바꾼 뒤에도 어떤 처리 결과를 표시하는지 추적할 수 있도록 매핑을 남깁니다.

읽는 표시와 누르는 기능을 따로 시험합니다
상태를 표시하는 상자가 실제 클릭 영역으로 등록돼 있는지 확인합니다. 일부 태그는 아무 동작이 없고 일부는 상세 화면을 여는 식으로 같은 모양에 다른 역할을 섞었는지 봅니다. 이용자가 무엇을 눌러야 하는지 알아볼 수 있는 별도 링크나 버튼을 검토합니다.
가정으로 접수 완료와 답변 대기라는 2개 상태를 확인하고 답변 완료 1개를 추가했다면 대조할 상태는 3개입니다. 이는 검수 예시이며 실제 운영 단계가 아닙니다. 각 상태에서 가능한 행동과 단순히 읽는 정보를 나누어 적으면 표시와 기능의 혼동을 찾기 쉽습니다.
키보드로 이동할 때 의미 없이 상태 태그마다 멈추는지도 확인합니다. 반대로 실제로 실행해야 하는 기능이 태그처럼 꾸며져 있어 조작 대상으로 식별되지 않는지 봅니다. 화면 모양과 코드의 역할이 일치하는지를 개발 담당자와 대조하고, 무엇을 실행하는지 설명할 수 있는 이름을 제공합니다.
필요한 상태만 남기고 다음 행동을 연결합니다
GOV.UK는 상태 종류가 많아질수록 이용자가 기억하기 어려울 수 있으므로 필요한 적은 수부터 시작하고 이용자 연구에 따라 추가하도록 안내합니다. 내부 업무의 세부 단계를 모두 방문자에게 보여 주기보다 이용자가 현재 상황을 이해하거나 행동을 결정하는 데 필요한 차이를 확인합니다.
답변 대기라면 사용자가 더 작성할 내용이 없는지, 보완 요청이라면 무엇을 어디서 수정해야 하는지 설명합니다. 태그 하나에 긴 지시를 모두 넣기보다 주변 설명과 실행 경로를 연결할 수 있습니다. 상태 이름과 다음 행동이 충돌하지 않는지 실제 화면을 따라가며 확인합니다.
같은 상태를 페이지마다 다른 이름으로 부르는지도 살펴봅니다. 목록에서는 검토 중인데 상세에서는 대기라고 표시된다면 같은 의미인지 다른 단계인지 운영 기준과 대조합니다. 단어를 통일하는 작업 전에 실제 데이터 상태가 같은지 확인해야 합니다.

갱신 지연과 목록·상세 차이를 검수합니다
시험 환경에서 상태를 바꾸고 목록과 상세 화면에 어떻게 반영되는지 봅니다. 상세 화면만 새 값을 보여 주고 목록은 오래된 상태를 유지할 수 있습니다. 각 화면의 갱신 조건과 확인 시점을 기록하고, 실제 반영되지 않은 상태를 완료로 보고하지 않습니다.
색상이 표시되지 않는 상황에서도 상태를 구별할 수 있도록 이름을 읽어 봅니다. 색에만 의미를 맡기는 문제와 버튼처럼 보이는 문제는 다르므로 각각 확인합니다. 작은 화면에서 긴 상태 이름이 잘려 서로 같은 말처럼 보이는지도 점검합니다.
상태가 없는 항목도 검수 대상입니다. 값이 없다는 이유로 자동으로 정상이나 완료로 처리하는지 확인합니다. 미확인, 적용 대상 아님, 처리 중 등의 의미는 실제 업무 규칙에 따라 구분하고 임의로 만들어 넣지 않습니다. 빈 값을 어떤 방식으로 보여 줄지 담당자와 맞춥니다.
완료 보고에는 상태의 업무 정의, 화면 문구, 가능한 조작과 갱신 결과를 남깁니다. 표시를 새로 꾸몄다는 사실보다 방문자가 현재 상황과 다음 행동을 구별할 수 있다는 근거를 기록합니다. 상태 태그는 누르게 만드는 장식이 아니라 정보를 짧게 전달하는 표시로 관리합니다.
출처 확인일: 2026-10-26. 상태 이름과 수량은 설명용 가정이며 실제 문의 처리 현황이나 서비스 운영 약속이 아닙니다.

이 글과 이어지는 주제