듀오랩스 UI 패턴 컬렉션

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

두 버전을 선택해 필드별 변경 내용과 작성 맥락을 나란히 보여준다. 추가·삭제·수정 항목을 구분해 확인할 수 있다.

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

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

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

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

결정 기록을 검색하거나 상태별로 추리고, 근거와 담당자, 재검토 시점을 상세 패널에서 확인한다.

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

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

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

일별 활동 강도를 월간 격자로 비교하고 날짜와 지표를 선택해 세부 값을 탐색한다.

기간에 따른 항목별 순위 변화를 연결선으로 비교하고 지표와 시리즈를 선택해 경쟁 구도를 읽는다.

여러 시계열의 양·음 변화를 압축된 밴드로 겹쳐 보여주고 필요한 신호만 토글해 밀도를 조절한다.

개별 관측치를 겹치지 않는 군집으로 펼치고 값 범위를 조정해 분포와 이상치를 동시에 탐색한다.

개체 사이의 양방향 관계를 원형 연결로 시각화하고 선택한 개체의 연결 강도를 접근 가능한 목록으로 함께 제공한다.

시간에 따라 변화하는 여러 범주의 부피를 유동적인 레이어로 비교하고 시점과 범주를 선택해 값을 읽는다.

두 시점 사이의 상승·하락 폭을 항목별 선으로 연결하고 세그먼트 필터로 의미 있는 변화를 좁힌다.

예측 중심값과 상·하한 범위를 함께 표현하고 시나리오를 전환해 낙관·기준·보수 전망을 비교한다.

가입 시점별 잔존율을 표와 강도 색으로 비교하고 특정 코호트를 선택해 기간별 유지 흐름을 해석한다.

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

전체 시계열에서 시작과 끝 구간을 조정해 선택 범위의 평균과 변화를 집중 분석한다.

색상 정지점과 각도를 조정해 그라디언트를 만들고 결과를 미리보기로 확인한다.

기준 색을 바탕으로 색상 조합을 조정하고 선택한 조합의 대비를 확인한다.

파형 위에서 시작·종료·재생 위치를 조정하고 선택 구간의 길이를 정밀하게 다듬는다.

시각 레이어를 선택하거나 숨기고 순서를 바꾸면서 합성 결과와 계층 구조를 함께 편집한다.

제목, 정렬, 강조색, 레이아웃을 바꾸며 포스터 결과를 확인한다.

미디어 재생 위치에 맞춰 자막 큐의 시작·종료와 텍스트를 선택하고 수정한다.

호환되는 벡터 점 사이를 보간해 두 아이콘 사이의 중간 형태를 확인한다.

하나의 컴포넌트를 모바일, 태블릿, 데스크톱 폭으로 전환하며 레이아웃 변화를 비교한다.

입자, 격자, 빛 번짐의 강도와 조합을 조절해 배경 질감을 만든다.