위젯 구성

앱에서 선택한 콘텐츠 또는 데이터를 표시하도록 위젯을 구성합니다.

구성을 사용해야 하는 경우

사용자가 위젯 선택 중에 또는 길게 터치를 통해 위젯을 구성하도록 허용하세요. 위젯 환경에서 맞춤설정이 얼마나 중요한지 고려하여 맞춤설정을 언제 제공할지 결정하세요.

  • 설정을 선택하지 않아 위젯이 비어 있거나 맞춤설정이 중앙에 있는 경우 위젯 배치 중에 구성 워크플로를 직접 엽니다.
  • 위젯에 기본값이 선호되거나 사용자가 콘텐츠를 보기 전에 선택할 필요가 없는 경우 위젯에 초기 구성 화면이 필요하지 않습니다. 이 경우 배치 후 사용자가 구성에 액세스하도록 허용하세요.

직접 사용자

이메일 앱과 같이 콘텐츠 카테고리가 여러 개인 앱에 맞춤설정 가능하고 한눈에 볼 수 있는 환경을 제공하는 구성 단계를 제공하는 것이 좋습니다.

그림 1: 사용자가 위젯을 구성하고 표시할 폴더를 선택할 수 있습니다.

구성을 사용해야 하는 경우

사용자가 위젯 선택과 홈 화면에 표시되는 사이 또는 길게 터치를 통해 위젯을 구성하도록 허용합니다. 위젯 환경에서 맞춤설정이 얼마나 중요한지 고려하여 맞춤설정을 언제 제공할지 결정하세요.

  • 설정을 선택하지 않아 위젯이 비어 있거나 맞춤설정이 중앙에 있는 경우 위젯 배치 중에 구성 워크플로를 직접 엽니다.
  • 위젯에 기본값이 선호되거나 사용자가 콘텐츠를 보기 전에 선택할 필요가 없는 경우 위젯에 초기 구성 화면이 필요하지 않습니다. 이 경우 배치 후 사용자가 구성에 액세스하도록 허용하세요.

직접 사용자

사용자에게 구성을 안내하고 명확한 의견을 제공합니다. 앱에 이미 구성 흐름이 포함되어 있는 경우 인앱 구성 환경을 미러링할 수 있습니다. 1~2개의 화면으로 최소화하는 것이 좋습니다.

권장사항

위젯 추가로 이어지는 옵션을 통해 명확한 경로를 제공합니다.

예를 들어 왼쪽의 알람 구성 화면에서는 사용자가 알람 카테고리를 선택한 다음 위젯을 추가할 수만 있습니다. 카테고리를 탭하면 구성 단계가 닫히고 위젯이 추가됩니다. 구성이 완료되지 않은 경우 위젯 추가를 취소하지 마세요. 위젯 내에서 복원하거나 구성할 수 있도록 상태를 제공합니다.

금지사항

사용자를 막다른 길로 안내하거나 이 단계를 인앱 설정처럼 취급합니다.

이 예에서는 표시할 콘텐츠를 선택했음에도 불구하고 x 아이콘을 통해 구성 뷰를 닫으면 위젯이 추가된다는 점이 명확하지 않습니다.

사용 가능한 다른 사전 설정이 없는 경우 빈 상태를 포함합니다. 빈 상태는 사용자를 안내하기 위해 온보딩 또는 인증 알림을 표시할 수 있습니다.

위젯 디자인 맞춤설정

가능한 경우 원하는 기본 위젯을 제공하여 사용자가 맞춤설정 없이 빠르게 시작하거나 홈 화면에 위젯이 표시되는 방식을 이해하도록 지원하세요.

위젯 모양을 맞춤설정할 때 위젯 미리보기를 표시합니다.

그림 2: 맞춤설정 미리보기가 있는 위젯

고급 컨트롤에 단계적 공개를 사용하여 사용자가 맞춤설정을 빠르게 탐색할 수 있도록 지원합니다.

그림 3: 사용자가 맞춤 크기를 선택한 후 크기 슬라이더를 표시합니다.

변주곡

맞춤설정이 제한된 위젯의 경우 인기 있거나 고유한 구성을 위젯 선택기에 직접 표시합니다. 이렇게 하면 별도의 구성 화면이 필요하지 않습니다.

앱은 무제한의 위젯을 지원할 수 있습니다. 하지만 위젯 선택기는 중요한 작업과 유용한 변형만 표시하는 데 중점을 두어야 합니다. 선택기 미리보기를 6~8개 변형으로 제한 확인 화면을 통해 추가 변형에 액세스할 수 있도록 허용합니다.

권장사항

걸음수 위젯, 연속 기록 위젯과 같은 구성 가능한 옵션이 있는 고유한 위젯 사용 사례를 제공합니다.

금지사항

선택기에서 가능한 모든 변형을 표시합니다. 대신 이를 구성 옵션으로 표시합니다.

레이아웃

구성 화면을 빌드할 때 레이아웃 기본사항 권장사항을 따르거나 스위치, 체크박스, 전환 버튼이 있는 목록 레이아웃과 같은 Material Design 구성요소를 활용하세요. 위젯 레이아웃을 고품질로 만드는 방법에 관한 자세한 내용은 위젯 품질을 참고하세요.