위젯 독 UI 패턴

위젯 독(Widget Dock)은 여러 위젯(또는 실행 가능한 모듈)을 한데 모아 사용자가 탐색하고 실행하도록 돕는 보관함형 UI다. pxd 블로그는 모바일 홈 화면의 위젯 보관함, 데스크탑의 위젯 트레이, TV의 위젯 바, 게임의 인벤토리를 같은 문제—여러 개의 개별 항목을 어떻게 배치해야 찾기 쉽고 관리하기 쉬운가—를 푸는 유사한 UI 패턴으로 묶어 바라본다. 플랫폼마다 화면 크기와 조작 방식(터치·마우스·리모컨·컨트롤러)은 다르지만, 다수의 항목을 한 공간에 정리해 보여준다는 근본적인 설계 고민은 공통적이라는 것이다.

이 글은 구체적인 답을 제시하기보다 위젯 독을 설계할 때 검토해야 할 축을 질문 형태로 던진다. 배치 방향(가로/세로/두 줄/한 줄), 표현 방식(아이콘만/설명 텍스트 포함), 화면 점유 범위(전체 화면/일부 화면) 등은 상황에 따라 트레이드오프가 다르므로 정답이 하나가 아니라는 것이다. 그 대신 설계가 충족해야 할 기준 세 가지를 제시한다—사용자가 원하는 위젯을 직관적으로 찾을 수 있을 것, 찾은 위젯을 실제로 실행할 수 있을 것, 다량의 위젯을 보유해도 관리·정리가 쉬울 것.

핵심 내용

• 위젯 독은 모바일 홈 화면, 데스크탑 위젯 트레이, TV 위젯 바, 게임 인벤토리 등 플랫폼을 가로지르는 유사 UI 패턴
• 설계 변수: 배치 방향(가로/세로/줄 수), 표현 방식(아이콘/텍스트), 화면 점유 범위(전체/부분)
• 설계 기준 3가지: 직관적 탐색 가능성, 실행 가능성, 다량 보유 시 관리·정리 용이성
• 플랫폼별 조작 방식(터치/마우스/리모컨/컨트롤러) 차이에 따라 최적 레이아웃이 달라질 수 있음

관련 개념

• 안드로이드 위젯 디자인 — 위젯 독에 담기는 개별 위젯 자체의 크기·터치 영역·갱신 주기 설계 원칙
• UI 컴포넌트 용어 — 위젯·독 등 UI 구성 요소를 지칭하는 용어 체계

출처

• Widget Dock은 어떤 형태가 좋을까요? — 2009-10-22, 알 수 없는 사용자