버튼

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

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

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

템플릿 지원

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

가이드

앱의 버튼을 디자인할 때 다음 조언을 고려하세요.

  • 기본 색상을 대체할 전경색과 배경색을 제공할 수 있습니다. 하지만 차량 OEM은 앱의 AAOS 버전에서 개발자가 제공한 색상을 사용할지 선택할 수 있습니다.

  • 기본 버튼을 지정할 수 있습니다.

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

예
버튼 디자인의 예

기본 버튼

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

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

시간 제한 버튼

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

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

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

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

예

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