업무·협업

여러 참여자의 현재 위치와 선택 항목을 한 화면에 표시한다. 멤버별로 내용을 추려 보고 카드를 선택해 세부 상태를 확인할 수 있다.

단계별 검토자와 승인 상태를 관리하고 승인 또는 수정 요청으로 흐름을 진행한다. 병목 단계와 전체 진행률을 함께 보여준다.

작업 간 선후 관계를 그래프로 보여주고 선택한 작업의 선행 작업과 후속 영향을 함께 표시한다.

예상 작업량을 팀원별로 배분하고 가용량과 초과분을 계산한다. 증감 버튼으로 작업량을 조정할 수 있다.

안건별 타이머를 실행하거나 일시정지하고 다음 안건으로 이동한다. 남은 시간과 전체 진행 시간을 함께 보여준다.

역할별 전달 항목을 점검하고 누락된 산출물과 전체 완료율을 표시한다.

사용자 피드백에 태그, 우선순위, 처리 상태를 지정한다. 원문을 보면서 대기 항목을 정리할 수 있다.

팀원별로 어제 한 일, 오늘 할 일, 막힌 일을 공유한다. 반응과 필터로 필요한 업데이트를 추려 볼 수 있다.

장면 카드를 선택하고 순서를 이동해 영상·프레젠테이션의 흐름을 빠르게 재구성한다.

도시별 일출·일몰과 근무 시간을 원형 눈금으로 비교해 공통 업무 시간을 찾는다.

대기 항목의 우선순위와 진행 순서를 시각화하고 다음 처리·재정렬 동작으로 큐 변화를 실험한다.

콘텐츠 좌표에 번호 핀을 만들고 연결된 검토 댓글을 관리한다. 포인터 배치와 키보드 대안, 해결 상태와 답글 흐름을 함께 제공한다.

업무 카드를 효과와 노력의 두 축에 배치해 사분면별 우선순위를 정한다. 드래그, 방향키, 범위 입력으로 위치를 바꿀 수 있다.

행과 열이 만나는 시간 슬롯을 눌러 예약 시간을 고르는 컴팩트한 일정 선택기. 이미 찬 시간은 버튼 자체를 비활성화해 선택 불가 상태를 명확히 전달한다.

작은 작업 묶음을 시작 전·진행 중·완료로 나눠 보여주는 상태 보드. 카드를 누르면 다음 단계로 이동해 프로토타입에서도 흐름을 즉시 확인할 수 있다.

긴 글의 챕터와 현재 위치를 한쪽 레일에 함께 둔 에디토리얼 패턴. 문단을 선택하면 진행선과 활성 챕터가 자연스럽게 이동한다.

페이지 읽은 비율만큼 채워지는 상단 고정 바. rAF 스로틀로 가볍게.

큰 다크 패널에 소개 문구, 문의 버튼, 기능별 제공 상태를 배치한다. 모바일 1열, 태블릿 2열, 넓은 화면 4열로 항목을 재배치한다.

큰 편집형 제목 아래에 발견, 설계, 정착의 세 단계를 카드로 나열한다. 각 카드는 설명, 세부 항목, 관련 페이지 링크를 같은 위치에 정렬한다.

큰 편집형 제목 아래에 네 단계의 이름과 예상 시간을 선으로 구분해 나열한다. 동작 없이 도입 절차와 전체 흐름을 빠르게 읽는 데 집중한다.

회사 소개 문구와 세 명의 팀 카드, 자주 묻는 질문을 하나의 긴 섹션으로 구성한다. FAQ는 네이티브 details 요소로 동작해 별도 클라이언트 상태가 필요 없다.

"어떻게 진행되나"를 번호로 잇는 섹션. 데스크톱은 가로 + 사이 연결선, 모바일은 세로 + 왼쪽 세로선으로 자동 전환(마크업 변화 없음).

코드 블록·API 키 옆에 붙이는 클립보드 복사 버튼. 보안 컨텍스트가 아니면 execCommand로 폴백하고, 결과를 aria-live로도 알린다.

구성원의 사진, 이름, 역할을 카드로 보여주는 섹션. 사진이 없으면 이름을 바탕으로 만든 이니셜 아바타를 표시한다.