PLATON

안내를 접어 두기 전에, 방문자가 꼭 읽어야 할 내용을 구분합니다

플라톤마케팅 사내 원고 회의 기록, 2023년 12월

안내 문장이 길다는 이유로 모든 항목을 접으면 첫 화면은 짧아집니다. 하지만 방문자가 열어 보지 않은 정보는 전달되지 않을 수 있습니다. 아코디언은 필요한 내용을 선택해 읽도록 돕는 장치이므로, 중요한 정보를 숨겨 화면 길이를 줄이는 용도로만 사용하지 않습니다. 접힌 상태에서도 어떤 안내가 있고 무엇을 열어야 하는지 이해할 수 있는지 확인합니다.

모두에게 필요한 정보는 먼저 드러냅니다

GOV.UK는 아코디언이 관련 정보의 개요를 보고 필요한 부분을 선택하는 데 도움이 되는지 사용자 검증을 하도록 안내합니다. 모든 이용자가 봐야 하는 내용을 아코디언에 넣지 말고, 접지 않은 콘텐츠부터 시험하는 방식을 제안합니다. 아코디언 구성 안내

병원 홈페이지라면 방문 전에 반드시 알아야 하는 공통 안내와 특정 상황에서만 필요한 설명을 구분해 볼 수 있습니다. 어느 정보가 공통으로 필요한지는 실제 운영 담당자가 확인합니다. 긴 문장 전체를 접기 전에 중복을 줄이고 제목으로 나누는 것만으로 읽기 쉬워지는지도 검토합니다. 내용을 접었다는 이유로 원고 정리가 끝난 것은 아닙니다.

노트북을 앞에 두고 자료를 설명하는 플라톤마케팅 구성원들
홈페이지 안내 구조를 검토하는 업무의 참고 사진입니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

제목만 읽어도 펼칠 항목을 고를 수 있어야 합니다

'기타 안내'라는 제목 아래에 주차나 출입구 설명이 들어 있으면 처음 온 방문자는 해당 항목을 열지 않을 수 있습니다. 제목은 펼친 뒤 보이는 내용의 범위를 설명해야 합니다. 한 항목에 서로 관련 없는 질문이 모여 있다면 제목을 길게 만드는 대신 내용을 다시 나눌지 검토합니다.

열기와 닫기를 나타내는 표시가 있는지도 봅니다. 장식용 화살표인지 조작 가능한 요소인지 알기 어려우면 방문자가 제목을 눌러야 한다는 사실을 놓칠 수 있습니다. 마우스로만 확인하지 않고 키보드로 제목에 도달해 펼치고 닫을 수 있는지 시험합니다. 펼친 상태의 안내와 실제 내용 표시가 맞는지도 대조합니다.

분류 / 모두에게 필요한 정보 먼저 구분 · 제목 / 펼치기 전에 내용 예측 가능하게 · 비교 / 관련 항목을 함께 읽을 수 있는지 · 검수 / 열기·닫기와 내용 접근 확인
플라톤마케팅 운영 제안 · GOV.UK Accordion 참고 · 2026-10-26

서로 비교할 정보가 함께 보이는지 확인합니다

항목을 열 때마다 이전 항목이 닫히는 방식이라면 내용을 기억하며 번갈아 읽어야 합니다. 한 항목만 읽으면 되는지, 여러 항목을 비교해야 하는지에 따라 적절한 동작이 달라질 수 있습니다. GOV.UK는 여러 영역을 동시에 보여 줄 수 있다는 점을 아코디언과 탭을 비교할 때 고려하도록 설명합니다.

가정으로 교통편과 주차라는 2개 안내를 비교하고, 방문 절차 1개를 추가로 확인한다면 총 3개 영역을 읽는 흐름을 시험할 수 있습니다. 이는 운영 검수 예시입니다. 관련 내용을 번갈아 열 때 위치를 잃는지, 필요한 정보를 동시에 볼 수 있는지, 펼친 내용 때문에 다음 제목이 화면 밖으로 이동했을 때 찾기 쉬운지 확인합니다.

항목 안에 또 접힌 항목을 넣으면 정보에 도달하기까지 더 많은 조작이 필요합니다. 꼭 필요한 구분인지 검토하고, 일반 제목이나 별도 페이지로 정리할 수 있는지 살펴봅니다. 항목 수가 많아졌다는 이유만으로 중첩 구조를 계속 늘리지 않습니다.

회의 테이블에서 각자 노트북 자료를 검토하는 플라톤마케팅 구성원들
접힌 제목과 실제 내용을 대조합니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

펼친 화면뿐 아니라 처음 도착한 상태를 검수합니다

담당자가 모든 항목을 열어 둔 캡처만 보면 내용이 잘 보이는 것처럼 판단하기 쉽습니다. 새로 방문했을 때의 상태부터 목적을 정해 정보를 찾습니다. 이전에 펼친 항목이 유지되는 구현이라면 첫 방문과 다시 방문한 상태를 나누어 기록합니다. 유지 기능이 있다는 사실만으로 원하는 부분을 찾기 쉽다고 결론 내리지 않습니다.

페이지 내 검색, 인쇄, 항목으로 직접 이동하는 링크도 사이트가 제공하는 기능에 맞춰 시험합니다. 접힌 내용이 어떤 방식으로 처리되는지는 구현과 사용 환경에 따라 확인해야 합니다. 특정 환경에서 검색으로 찾을 수 있었다는 결과를 모든 브라우저의 동작으로 확대하지 않습니다. 필요한 정보가 특정 조작 환경에서만 접근 가능하다면 해당 조건을 수정 요청에 남깁니다.

검수 결과는 '아코디언 적용 완료' 대신 방문 과제와 발견한 문제로 기록합니다. 어떤 정보를 찾으려 했고, 어느 제목을 열었으며, 필요한 내용에 도달했는지를 남기면 제목과 분류를 고칠 근거가 됩니다. 화면이 짧아진 정도보다 방문자가 안내를 찾아 이해하는 흐름을 기준으로 판단합니다.

출처 확인일: 2026-10-26. 본문의 항목과 수량은 설명용 가정이며 특정 병원의 실제 이용 결과가 아닙니다.

긴 테이블에 마주 앉아 논의하는 플라톤마케팅 구성원들
여러 항목을 읽는 흐름을 검수 기록에 남깁니다. 회의 참고 사진 · 플라톤마케팅 · 자사 촬영.

이 글과 이어지는 주제

이 글에 공감하셨다면, 상담 전에 다른 글도 한 번 보십시오. 저희와 맞는지 먼저 확인하시는 편이 서로에게 낫습니다.

카톡으로 물어보기
카카오톡 상담지금 바로 답변드립니다