UX Guidelines

Dock

독 메뉴는 서비스의 일부를 차지하는 고정된 위치에 위치한 메뉴입니다.
사용자에게 중요한 앱에 쉽고 빠르게 접근할 수 있는 방법을 제공합니다.

  • 사용자에게 항상 일관된 공간에서 메뉴에 접근할 수 있도록 해줍니다.
  • 각 메뉴 항목은 앱을 나타내며, 사용자가 해당 항목을 선택하면 해당 앱이 실행됩니다.

Anatomy

컴포넌트에 포함되는 요소에 대한 정의입니다.

  • 1. Container

  • 2. Icon

  • 3. App

  • 4. Divider

States

앱에 포커스된 상태일 때, 해당 앱은 사용자의 현재 위치를 나타내기 위해 시각적으로 강조됩니다.
앱의 유형에 따라 강조되는 형태가 다르게 표현됩니다.

  • 1. Focused

    사용자가 해당 앱에 포커스한 상태입니다.

  • 2. Selected

    사용자가 해당 앱을 선택한 상태입니다.

  • 3. Enabled

    사용자가 해당 앱에 포커스하거나, 선택하지 않은 일반적인 상태입니다.

Types

독 메뉴 내의 요소는 제공하는 기능에 따라 유형이 나뉩니다.

  • A. Search menu

    검색 기능을 사용할 수 있는 메뉴입니다.

  • B. App menu

    앱 유형의 메뉴입니다.

  • C. Icon menu

    B tv 내 기능을 사용할 수 있는 메뉴입니다.

Additional

독 메뉴가 닫혀있을 경우에는 심플 독을 통해 독의 존재를 간접적으로 보여줍니다. 심플 독 상태에서는 기능을 사용할 수 없고 독 메뉴로 진입한 이후에만 가능합니다.

  • Simple Dock

    화면의 가장 상단에 고정적으로 위치합니다.

  • Dock Loading

    독 메뉴가 로딩이 완료되지 않았을 경우 표현됩니다.

  • Anatomy
  • States
  • Types
  • Additional