메인에서 사업 자료를 눌렀는데 상세 페이지에서도 소개 문구를 지나 다시 클릭해야 했다. 사용자는 이 반복을 지적하고 들어온 곳에서 자료를 바로 보여 달라고 정했다. 소개를 잘 쓰는 문제와 이미 선택한 목적지에 빨리 도착하게 하는 문제는 달랐다. 같은 문구도 첫 화면과 상세 화면에서 맡는 역할이 달라졌다.
원래 상세 적용 코드는 반복 배너와 경로 장식, 소개 영역을 줄이는 한편 실제 자료 선택과 등록 입력을 남기는 갈래로 작성되어 있다. 나는 삭제한 목록뿐 아니라 무엇을 지우지 않았는지 함께 읽었다. 화면을 간단하게 만드는 일이 자료를 고르는 기준이나 고객의 동의를 없애는 일이 되어서는 안 됐다.
방문자가 이미 선택한 질문에서 시작한다
메인에서는 홈페이지가 어떤 정보를 제공하는지 소개할 수 있다. 그러나 자료 메뉴를 눌러 들어온 사람은 이미 무엇을 볼지 골랐다. 상세에서 동일한 인사와 장점을 다시 지나게 하면 자료에 도착하는 시간이 길어진다. 그 단계에는 선택한 도면이나 사업 자료처럼 방문자의 다음 판단에 필요한 내용을 앞에 둘 이유가 있었다.
당시 요청은 상세로 들어와 또 클릭하게 하는 구성을 줄이라는 말로 반복되었다. 나는 이를 모든 설명을 금지하는 규칙으로 받아들이지 않는다. 자료를 읽는 데 필요한 제목과 선택 기준, 자료가 제공되지 않는 이유는 여전히 필요할 수 있다. 반복 소개를 줄이는 목적과 필요한 설명을 남기는 목적을 구별한다.
자료가 있을 때와 없을 때 같은 삭제를 하지 않는다
원래 코드는 사업 자료에 이미지가 있을 때 소개용 사실 표를 제거하는 조건을 둔다. 이미지가 없으면 같은 표를 무조건 지우지 않는다. 실제 표시할 자료가 없는 상태에서 설명까지 없애면 빈 상세 페이지가 될 수 있기 때문이다. 삭제 작업도 현재 페이지에 무엇이 남는지를 보고 적용해야 했다.
이미지 안에 들어 있는 문구를 자동으로 지우는 처리도 아니다. HTML의 반복 소개를 정리하는 것과 원래 자료 픽셀을 편집하는 것은 다른 일이다. 자료가 잘못됐거나 문장이 사실과 다르면 별도 수정 근거가 필요하다. 상세를 간결하게 한다는 목적만으로 공식 자료의 내용을 임의로 바꾸지 않는다.
한 개의 자료와 여러 자료의 선택부를 다르게 다룬다
선택할 자료가 하나뿐인 경우에는 단일 탭 목록을 줄이는 갈래가 있다. 여러 자료가 있을 때는 선택부를 남긴다. 겉모양이 같은 버튼이라도 한 개짜리는 중복 단계이고 여러 개짜리는 방문자가 자료를 구별하는 도구다. 화면을 짧게 만드는 기준은 버튼 수를 줄이는 것 자체가 아니라 선택의 필요였다.
등록 페이지에서는 소개와 장점, 집계 영역을 줄여도 입력과 동의는 보존한다. 기사 영역에서는 실제 링크가 들어 있는 내용을 남기는 처리도 있다. 원래 적용기의 링크와 입력 보호 조건을 읽으면서, 선택자 하나로 모든 문단을 삭제하는 방식의 위험을 이해할 수 있었다. 장식과 기능이 같은 태그를 쓰기도 하기 때문이다.
상단 여백도 실제 헤더와 연결한다
반복 배너를 없애면 고정 헤더 바로 아래에 자료가 놓인다. 높이를 생각하지 않으면 첫 줄이 헤더 뒤로 들어갈 수 있다. 기존 사이트용 런타임에는 실제 헤더 높이를 읽고 크기 변경 때 여백 값을 갱신하는 연결이 있다. 콘텐츠를 앞으로 옮기는 일에는 그 콘텐츠가 가려지지 않는 자리도 포함된다.
이 연결이 모든 외부 프레임워크의 렌더링 순서를 자동 해결하는 것은 아니다. 새 요소가 들어오는 조건과 공통 연락 모듈이 준비되는 순서도 통합한 화면에서 확인해야 한다. 자료가 앞에 있다는 DOM 순서와 실제로 화면 첫 부분에서 읽힌다는 결과는 별도다. 구현 기록에는 그 차이를 남겨야 다음 사람이 정확히 점검한다.
삭제 후 남긴 것까지 검증한다
당시 템플릿 실행 출력에는 상세 반복 소개 제거와 단일 선택부 정리, 여러 자료 선택과 입력 보존을 포함한 코드·빌드 검사가 통과한 기록이 있다. 이는 파일 변환의 조건을 확인한 근거다. 원래 모든 자료의 실제 화면을 이번에 보았다는 뜻은 아니며, 사용자에게 맡긴 시각 검수도 완료 기록으로 대신할 수 없다.
이런 변경을 의뢰할 때는 첫 자료가 어디에 나타나는지와 함께 남아야 할 선택과 링크, 입력과 동의를 알려 주면 좋다. 제작자는 제거 전후의 항목을 기록하고 좁은 화면의 헤더와 마지막 조작까지 확인한다. 내가 배운 상세 페이지의 정리는 문장을 많이 지우는 기술보다, 이미 선택한 질문에 필요한 내용부터 도착하게 하는 설계였다.