SSOT Web UXUI 변경 요약

원본(297fc16)과 현재 데모를 같은 데이터 · 1920×1080 화면에서 비교했습니다. 빨간 번호는 아래 목록의 번호와 같습니다.

01

전체 레이아웃

왼쪽 사이드바를 없애고, 모든 화면을 「헤더 + 본문 + 오른쪽 패널」 구조로 통일했습니다.

전체 레이아웃 지금
  1. 1

    메뉴 · 검색 · 계정을 상단 헤더 한 줄로 통일

    원본: 왼쪽 사이드바에 메뉴

  2. 2

    폴더 트리를 없애 본문 폭 확대

    원본: 폴더 트리가 항상 펼쳐져 있음

  3. 3

    오른쪽 패널을 고정하고, 패널 안만 따로 스크롤

    원본: 스크롤하면 오른쪽 카드가 사라짐

  4. 4

    결정 버튼을 패널 하단에 고정

    원본: 결정 버튼이 첫 화면 아래 리뷰어 카드 안에 있음

기대어느 화면에서든 메뉴 · 검색 · 결정 버튼이 같은 자리에 있습니다.

원본
전체 레이아웃 원본
02

홈

홈의 목적을 「문서 찾기」와 「내 할 일」 두 가지로 좁혔습니다.

홈 지금
  1. 1

    제목 아래 큰 검색창

    원본: 헤더의 작은 검색창만 있음

  2. 2

    처리할 문서를 종류 배지(발행 가능 · 리뷰 요청 · 리뷰 기한)와 함께 표시

    원본: 할 일 메뉴로 이동해야 확인 가능

  3. 3

    내가 올린 문서의 리뷰 진행 상황 표시

    원본: 없음

기대홈에서 바로 처리할 문서로 이동합니다.

원본
홈 원본
03

문서 상세

리뷰어가 「읽기 → 판단 → 결정」 순서로 움직이도록 정리했습니다.

문서 상세 지금
  1. 1

    제목 옆 한 줄에 문서 작업 버튼 5개, 안내 상자 제거

    원본: 제목 아래 버튼 3개와 파란 안내 상자

  2. 2

    문서 상태를 본문 위 한 줄로 표시(리뷰 전 · v1 → v2 수정 · 승인 0/2)

    원본: 안내 상자 · 신뢰도 카드 · 리뷰어 카드에 흩어져 있음

  3. 3

    신뢰도는 점수와 막대만 표시하고, 상세는 화살표로 펼침

    원본: 감점 요인과 날짜 5줄이 모두 펼쳐져 있음

  4. 4

    문서 유형별 리뷰어 가이드 추가

    원본: 없음

기대문서 상태를 한 줄로 파악하고, 읽은 자리에서 바로 결정합니다.

원본
문서 상세 원본
04

문서 상세 · 코멘트

코멘트를 리뷰어 영역 아래에 모아, 수정할 내용을 한곳에서 확인하게 했습니다.

문서 상세 · 코멘트 지금
  1. 1

    코멘트 영역에 미해결 수 · 인용 문장 · 답글 표시

    원본: 남긴 코멘트를 모아 볼 곳이 없음

  2. 2

    본문의 강조 문장과 코멘트의 인용 문장을 일치시킴

    원본: 강조 문장이 어느 코멘트인지 알 수 없음

  3. 3

    해결된 코멘트는 기록 아이콘으로 분리

    원본: 해결 · 미해결 구분 없음

기대작성자는 고칠 내용만, 리뷰어는 남은 쟁점만 확인합니다.

원본
문서 상세 · 코멘트 원본
05

문서 상세 · 비슷한 문서와 발행

같은 내용의 문서가 두 개 생기는 것을 발행 전에 막습니다.

문서 상세 · 비슷한 문서와 발행 지금
  1. 1

    비슷한 문서와 겹치는 줄 수를 표시하고, 누르면 두 문서를 나란히 비교

    원본: 없음

  2. 2

    상태 줄에 「리뷰 완료 · 전원 승인 · 발행 가능」 표시

    원본: 카드 테두리 색과 안내 문장으로 표시

  3. 3

    [v1 발행]을 결정 버튼 영역의 주 버튼으로 배치

    원본: 리뷰어 카드 안에 있음

기대중복 문서를 발행 전에 발견하고, 발행할 차례인지 바로 압니다.

원본
문서 상세 · 비슷한 문서와 발행 원본
06

문서 상세 · 리뷰 기한이 지난 문서

같은 경고를 세 번 보여 주던 것을 한 번으로 줄였습니다.

문서 상세 · 리뷰 기한이 지난 문서 지금
  1. 1

    「리뷰 만료」 배지 하나로 표시

    원본: 빨간 상자 · 경고 배지 · 「재검토 필요 (stale)」를 함께 표시

  2. 2

    「리뷰 기한 50일 경과」

    원본: 「다음 검토 2026-09-02 지남 · 50일 경과」

  3. 3

    「리뷰 만료라 최대 59점」 한 줄

    원본: 회색 상자 안의 긴 안내 문장

기대독자가 리뷰 기한만 보고 문서를 믿을지 판단합니다.

원본
문서 상세 · 리뷰 기한이 지난 문서 원본
07

문서 목록

빈 화면이던 문서 목록을 문서를 찾는 화면으로 바꿨습니다.

문서 목록 지금
  1. 1

    폴더 영역(폴더별 문서 수)

    원본: 빈 화면, 사이드바 트리에서만 탐색 가능

  2. 2

    문서 유형 칩(기준 · 절차 · 현황 · 기록)

    원본: 없음

  3. 3

    상태 · 최근 변경 · 작성자 조건으로 필터링

    원본: 없음

  4. 4

    정렬 기준 선택(기본값: 최근 변경순)

    원본: 없음

기대폴더 구조를 몰라도 유형과 상태 조건으로 필터링해 문서를 찾습니다.

원본
문서 목록 원본
08

할 일

시스템 용어를 사용자가 할 행동으로 바꿨습니다.

할 일 지금
  1. 1

    발행 가능 · 리뷰 요청 · 리뷰 기한

    원본: 발행 · 검토가 필요함 · 재검토

  2. 2

    카드에 요약 2줄 · 등록일 · 작성자 표시

    원본: 제목과 경로만 있는 한 줄 목록

기대카드만 보고 무엇을 처리할지 압니다.

원본
할 일 원본
09

검색 결과

폐지 예정인 워크스페이스 필터를 없앴습니다.

검색 결과 지금
  1. 1

    리뷰 상태 칩 한 줄

    원본: 검토 상태 칩과 워크스페이스 칩 두 줄

  2. 2

    3열 카드로 한 화면에 더 많은 결과 표시

    원본: 가로로 넓은 1열 카드

기대한 화면에서 더 많은 결과를 보고, 상태 조건으로 바로 필터링합니다.

원본
검색 결과 원본

화면 영역 코드만 수정 · 커밋하지 않음 · 기대 효과는 사용성 시험 전 가설