SSOT Web UXUI 변경 요약
원본(297fc16)과 현재 데모를 같은 데이터 · 1920×1080 화면에서 비교했습니다. 빨간 번호는 아래 목록의 번호와 같습니다.
전체 레이아웃
왼쪽 사이드바를 없애고, 모든 화면을 「헤더 + 본문 + 오른쪽 패널」 구조로 통일했습니다.
- 1
메뉴 · 검색 · 계정을 상단 헤더 한 줄로 통일
원본: 왼쪽 사이드바에 메뉴
- 2
폴더 트리를 없애 본문 폭 확대
원본: 폴더 트리가 항상 펼쳐져 있음
- 3
오른쪽 패널을 고정하고, 패널 안만 따로 스크롤
원본: 스크롤하면 오른쪽 카드가 사라짐
- 4
결정 버튼을 패널 하단에 고정
원본: 결정 버튼이 첫 화면 아래 리뷰어 카드 안에 있음
기대어느 화면에서든 메뉴 · 검색 · 결정 버튼이 같은 자리에 있습니다.
홈
홈의 목적을 「문서 찾기」와 「내 할 일」 두 가지로 좁혔습니다.
- 1
제목 아래 큰 검색창
원본: 헤더의 작은 검색창만 있음
- 2
처리할 문서를 종류 배지(발행 가능 · 리뷰 요청 · 리뷰 기한)와 함께 표시
원본: 할 일 메뉴로 이동해야 확인 가능
- 3
내가 올린 문서의 리뷰 진행 상황 표시
원본: 없음
기대홈에서 바로 처리할 문서로 이동합니다.
문서 상세
리뷰어가 「읽기 → 판단 → 결정」 순서로 움직이도록 정리했습니다.
- 1
제목 옆 한 줄에 문서 작업 버튼 5개, 안내 상자 제거
원본: 제목 아래 버튼 3개와 파란 안내 상자
- 2
문서 상태를 본문 위 한 줄로 표시(리뷰 전 · v1 → v2 수정 · 승인 0/2)
원본: 안내 상자 · 신뢰도 카드 · 리뷰어 카드에 흩어져 있음
- 3
신뢰도는 점수와 막대만 표시하고, 상세는 화살표로 펼침
원본: 감점 요인과 날짜 5줄이 모두 펼쳐져 있음
- 4
문서 유형별 리뷰어 가이드 추가
원본: 없음
기대문서 상태를 한 줄로 파악하고, 읽은 자리에서 바로 결정합니다.
문서 상세 · 코멘트
코멘트를 리뷰어 영역 아래에 모아, 수정할 내용을 한곳에서 확인하게 했습니다.
- 1
코멘트 영역에 미해결 수 · 인용 문장 · 답글 표시
원본: 남긴 코멘트를 모아 볼 곳이 없음
- 2
본문의 강조 문장과 코멘트의 인용 문장을 일치시킴
원본: 강조 문장이 어느 코멘트인지 알 수 없음
- 3
해결된 코멘트는 기록 아이콘으로 분리
원본: 해결 · 미해결 구분 없음
기대작성자는 고칠 내용만, 리뷰어는 남은 쟁점만 확인합니다.
문서 상세 · 비슷한 문서와 발행
같은 내용의 문서가 두 개 생기는 것을 발행 전에 막습니다.
- 1
비슷한 문서와 겹치는 줄 수를 표시하고, 누르면 두 문서를 나란히 비교
원본: 없음
- 2
상태 줄에 「리뷰 완료 · 전원 승인 · 발행 가능」 표시
원본: 카드 테두리 색과 안내 문장으로 표시
- 3
[v1 발행]을 결정 버튼 영역의 주 버튼으로 배치
원본: 리뷰어 카드 안에 있음
기대중복 문서를 발행 전에 발견하고, 발행할 차례인지 바로 압니다.
문서 상세 · 리뷰 기한이 지난 문서
같은 경고를 세 번 보여 주던 것을 한 번으로 줄였습니다.
- 1
「리뷰 만료」 배지 하나로 표시
원본: 빨간 상자 · 경고 배지 · 「재검토 필요 (stale)」를 함께 표시
- 2
「리뷰 기한 50일 경과」
원본: 「다음 검토 2026-09-02 지남 · 50일 경과」
- 3
「리뷰 만료라 최대 59점」 한 줄
원본: 회색 상자 안의 긴 안내 문장
기대독자가 리뷰 기한만 보고 문서를 믿을지 판단합니다.
문서 목록
빈 화면이던 문서 목록을 문서를 찾는 화면으로 바꿨습니다.
- 1
폴더 영역(폴더별 문서 수)
원본: 빈 화면, 사이드바 트리에서만 탐색 가능
- 2
문서 유형 칩(기준 · 절차 · 현황 · 기록)
원본: 없음
- 3
상태 · 최근 변경 · 작성자 조건으로 필터링
원본: 없음
- 4
정렬 기준 선택(기본값: 최근 변경순)
원본: 없음
기대폴더 구조를 몰라도 유형과 상태 조건으로 필터링해 문서를 찾습니다.
할 일
시스템 용어를 사용자가 할 행동으로 바꿨습니다.
- 1
발행 가능 · 리뷰 요청 · 리뷰 기한
원본: 발행 · 검토가 필요함 · 재검토
- 2
카드에 요약 2줄 · 등록일 · 작성자 표시
원본: 제목과 경로만 있는 한 줄 목록
기대카드만 보고 무엇을 처리할지 압니다.
검색 결과
폐지 예정인 워크스페이스 필터를 없앴습니다.
- 1
리뷰 상태 칩 한 줄
원본: 검토 상태 칩과 워크스페이스 칩 두 줄
- 2
3열 카드로 한 화면에 더 많은 결과 표시
원본: 가로로 넓은 1열 카드
기대한 화면에서 더 많은 결과를 보고, 상태 조건으로 바로 필터링합니다.
화면 영역 코드만 수정 · 커밋하지 않음 · 기대 효과는 사용성 시험 전 가설