버튼

버튼을 사용하면 운전자가 취해야 할 작업에 액세스할 수 있도록 자동차에서 취해야 할 작업에 사용자가 액세스할 수 있습니다(예: 선택 확인 또는 이전 템플릿으로 돌아가기).

버튼에는 다음이 포함될 수 있습니다.

  • 아이콘만
  • 라벨만
  • 아이콘 + 라벨
예
작업 버튼의 예

템플릿 지원

다음 위치에서 버튼을 사용할 수 있습니다.

가이드

앱의 버튼을 디자인할 때 다음 권장사항을 고려하세요.

  • 전경 및 배경 색상을 제공하여 기본 색상을 바꿀 수 있습니다. 그러나 차량 OEM은 앱의 AAOS 버전에서 제공하는 색상을 사용할지 선택할 수 있습니다.

  • 기본 버튼으로 사용할 버튼을 지정할 수 있습니다.

  • 특히 공간이 제한된 탐색 템플릿에서 잘리지 않도록 라벨을 짧게 유지하세요.

예
버튼 디자인의 예

기본 버튼

메시지, 긴 메시지 템플릿(최대 2개의 버튼 포함)에서 기본 작업을 나타내기 위해 버튼 하나를 기본으로 태그할 수 있습니다.

기본 버튼은 가시성과 사용 편의성을 위해 앱 강조 색상으로 강조 표시됩니다.

시간 제한 버튼

사용자가 지정된 시간 내에 조치를 취하지 않으면 자동으로 실행되는 기본 작업과 연결된 버튼을 만들 수 있습니다(앱에서 맞춤설정 가능). 이 전략을 사용하는 샘플 흐름은 시간 제한 알림에 응답을 참고하세요.

사용자에게 카운트다운을 전달하기 위해 버튼은 기본 제공 진행률 표시기가 있는 타이머가 됩니다. 타이머 카운트다운은 버튼을 가로질러 이동하는 음영으로 표시됩니다.

자동차 앱 라이브러리는 버튼의 배경 색상을 기반으로 타이머 색상을 결정하고 충분한 대비를 보장하기 위해 필요에 따라 조정합니다.

시간 제한 버튼을 만들려면 기본 플래그를 할당합니다.

예

이 예에서 사용자가 음영 처리된 진행률 표시기가 버튼을 완전히 가로지르기 전에 기타 액션을 선택하지 않으면 탐색 또는 동의 작업이 자동으로 실행됩니다.