Focus

터치가 기본인 모바일과 달리 TV 서비스는 리모컨 4방향 키 사용을 기본으로 합니다.
TV 화면 내에서 포커스는 선택 가능한 구성 요소를 강조 표시하고 사용자의 현재 화면 위치를 나타내는 요소이며, 탐색의
출발점 역할을 합니다.

  • 사용자는 한 번에 하나의 상호 작용을 통해 이동할 수 있습니다. 4방향키를 통해 상하좌우를 이동할 수 있으며, OK 버튼을 통해 선택 또는 진입, 이전 키를 돌아갈 수 있습니다. 현재 위치에 대한 컴포넌트의 상태 표시를 포커스로 정의하여 표시합니다.

Types

  • 포커스가 표시되는 형태는 컴포넌트에 따라 다를 수 있습니다.
    그러나 일관성 있는 UX 경험이 되도록 요소별로 사용 원칙을 정의하여 디자인합니다.
    예를 들면 메뉴, 썸네일, 버튼 등의 요소들에 포커스가 갔을 때 전체적인 사이즈를 키우거나
    컬러 대비를 강하게 주어 선택을 강조하는 방법이 있습니다.

    포커스의 형태를 컴포넌트에 따라 적합한 효과로 단독 또는 혼합하여 사용할 수 있습니다.

명확한 포커스를 위해 형태를 혼합 사용하며, 비활성 상태일 경우는 명암대비를 통해 현재 위치를 쉽게 인식할 수 있도록 표현해야 합니다.

포커스가 눈에 잘 띄도록 명확하게 표현되어야 합니다.

Usage

포커스의 요소에는 기본 상태(Default, Focused, Pressed)가 있고, 추가로 (Enabled, Disabled, Selected)로 구성되어 있습니다.
TV 화면 내에서 위치를 쉽게 인식할 수 있도록 눈에 잘 띄도록 표현되어야 합니다.

Cards

Buttons

  • Types
  • Usage
    • Cards
    • Buttons