관제 화면에서 '읽는 공간'을 되찾았어요

질문 화면은 결과를 읽는 시간을 중심에 두고 다시 나눴어요

화면을 문서 목록, 브리핑 본문, 질문과 분석의 세 영역으로 나누고, 각 영역이 하는 일을 먼저 정한 뒤 공간을 맞췄어요. 오른쪽 영역에서는 답변에서 먼저 볼 상태와 근거 정보를 앞에 두고, 입력부의 반복 설명과 별도 안내 행을 줄였어요. 입력창과 버튼을 가까이 묶으니 답변을 읽을 자리가 넓어졌어요. 가운데와 오른쪽 헤더도 높이와 제목 위치를 맞춰, 문서와 분석을 오갈 때 매번 새 구조를 해석하지 않아도 되게 했어요.

배치를 정리한 뒤에는 질문 범위 문제가 남아 있었어요. 화면은 질문이 전체 브리핑을 대상으로 한다고 안내했지만, 실제로는 왼쪽에서 고른 날짜에 묶여 있었어요. 문서 날짜를 바꾸면 진행 중인 질문을 따라가지 못했고, 날짜를 고르지 않으면 질문을 보내기도 어려웠어요. 그래서 왼쪽은 날짜별 문서를 읽는 곳, 오른쪽은 브리핑 전반을 묻는 곳이라는 역할을 실제 동작에도 적용해, 문서를 바꿔도 이미 보낸 질문이 이어지게 했어요.

확인은 실제 브라우저에서 완료된 답변이 있는 상태를 열어, 버튼이 줄바꿈되거나 카드가 잘리는지, 화면 전체가 함께 밀려 움직이는지를 살피는 방식으로 했어요.

상단에는 늘 볼 정보만 남기고 도구는 메뉴로 옮겼어요

관제 화면 상단에서는 서비스 전체를 옮겨 다니는 탭과 특정 영역의 도구부터 구분했어요. 세 가지 주요 화면을 바꾸는 탭은 한곳에만 두고, 같은 진입점이 다른 줄에 반복되지 않게 정리했어요. 운영 도구는 메뉴 안으로 묶되, 테마 전환이나 로그아웃처럼 자주 찾는 행동은 바로 닿을 수 있게 남겼어요.

갱신 안내에는 늘 같은 자리를 줬어요. 갱신 중인지, 정상인지, 확인이 필요한지가 그 자리 안에서만 바뀌고, 자세한 내용은 메뉴에서 읽도록 했어요. 실제 화면에서는 메뉴를 열기 전후의 높이와 본문 위치를 비교하면서, 사용자가 읽던 행이 제자리에 남는지를 가장 중요한 확인으로 삼았어요.

모바일을 고치다가 데스크톱까지 바꾼 적도 있었어요

한 번에 맞게 끝나지는 않았어요. 모바일에서는 질문을 중심에 두고 문서는 필요할 때 열도록 요청받았는데, 그 흐름이 넓은 화면까지 적용됐어요. 큰 화면에서는 문서와 분석을 나란히 읽어야 하는데 작업 공간이 함께 줄어든 거예요. 처음에는 상단만 되돌렸지만 본문이 여전히 모바일 방식이라 요구를 회복한 상태로 볼 수 없었어요. 그래서 화면 크기별로 해야 할 작업을 다시 정리하고 본문 구조까지 분리해 확인했어요.

라이트 테마에서 검은 경계처럼 보인 선도 같은 원칙으로 다뤘어요. 여백이나 카드 테두리부터 바꾸는 대신 선을 만드는 요소를 찾았고, 실제 원인은 스크롤 영역의 색이 맞지 않은 데 있었어요. 첫 진입 기본 테마를 바꾼 기록과 후속 변경은 구분하고, 다른 테마로 전환하는 기능은 그대로 유지했어요.

확인 범위는 작업마다 달랐어요. 세 영역 배치와 답변 카드, 기존 대화 조회는 확인했고, 주요 메뉴 정리와 일부 후속 수정은 운영 배포까지 확인했어요. 후속 헤더 정렬은 작업 환경의 확인 단계에 머물렀고, 그 확인을 위해 운영에 새 질문을 만들지는 않았어요. 전체 브리핑 질문이 실제로 끝까지 완료되는 흐름은 별도 운영 확인이 필요하고, 모든 중간 시안이 운영에 반영된 것도 아니에요. 긴 답변과 여러 카드가 쌓인 상황의 밀도, 태블릿의 높은 상단과 좁은 폭의 읽기 밀도는 실제 이용에서 계속 살펴볼 부분으로 남았어요.