알림 테마

안드로이드 오토모티브 OS(AAOS) 알림 시스템은 운전자에게 필수적인 정보를 제공하는 동시에 도로 안전을 최우선으로 고려하고 운전 중 주의 산만을 최소화합니다. 이 가이드에서는 차량 알림을 맞춤 설정하는 방법과 알림 작동 방식을 설명합니다.

설계 원칙

차량 내 알림은 한눈에 알아볼 수 있도록 하고 안전성을 고려하여 최적화되어 있습니다. 모바일 알림과 달리 차량 알림은 단순함에 중점을 둡니다.

• 조작 복잡성 감소: 운전자의 집중력을 도로에 유지하기 위해 길게 누르기나 복잡한 스와이프 동작과 같은 복잡한 조작 방식은 비활성화되었습니다.
• 주행 상태 인식: 시스템은 차량이 움직이는지 여부에 따라 콘텐츠를 자동으로 제한하거나 삭제할 수 있습니다.
• 세션 기반: 알림 목록은 매 주행 시작 시 초기화되어 현재 관련 정보만 표시됩니다.

알림 표시 방식

알림은 우선순위와 범주에 따라 크게 두 가지 채널을 통해 전달됩니다.

• 헤드업 알림(HUN): 현재 화면 위에 잠시 나타나는 중요 알림입니다. 수신 전화나 내비게이션 안내와 같이 시간이 중요한 정보에 사용됩니다.
• 알림 센터: 운전자가 놓쳤을 수 있는 알림 내역을 확인할 수 있는 중앙 허브입니다.

맞춤 설정

핵심 안전 기준을 유지하면서 브랜드 정체성에 맞춰 알림 환경을 맞춤 설정할 수 있습니다.

사용자 인터페이스 및 접근

운전자가 알림 센터에 접근하는 방법을 정의할 수 있습니다.

• 시스템 메뉴: 모바일 기기와 유사한 메뉴입니다.
• 독립형 화면: 시스템 또는 탐색 모음의 버튼을 통해 접근할 수 있는 전용 사용자 인터페이스입니다.

시각적 스타일링

차량의 디자인 언어에 맞춰 알림 카드의 모양과 느낌을 맞춤 설정할 수 있습니다.

• 글꼴 및 색상: 주간 모드와 야간 모드에 맞게 글꼴과 색상 팔레트를 조정합니다.
• 도형: 모서리 반경과 컨테이너 크기를 사용자 지정할 수 있습니다.
• 동작: 알림 카드의 도착 및 종료 애니메이션을 정의합니다.

우선순위 및 범주

시스템은 알림을 분류하여 표시 방식과 시기를 결정합니다.

• 차량별 카테고리: 차량 상태 알림을 위한 CAR_EMERGENCY, CAR_WARNING 및 CAR_INFORMATION 포함됩니다.
• 통신: CALL 및 MESSAGE 범주를 "재생" 및 "음소거"와 같은 최적화된 동작으로 처리합니다.
• 내비게이션: HUN으로만 단계별 길 안내를 제공하기 위해 NAVIGATION 범주를 사용합니다.

다음 단계

차량 알림 설정을 맞춤 설정하려면 다음 단계를 따르세요.

• 알림 카드 스타일 지정 : 글꼴, 색상 및 모양을 사용자 지정하는 방법을 알아보세요.
• 알림 센터 디자인 : 사용자가 저장된 알림에 액세스하고 상호 작용하는 방식을 구성합니다.
• 동작 상호작용 순서 지정: 알림 전환에 사용할 애니메이션을 정의합니다.

스타일 알림 카드

Google에 내장된 알림 카드는 운전자의 주의 산만을 최소화하면서 시의적절한 정보를 제공합니다. 글꼴, 색상, 모양 등 카드의 시각적 스타일을 맞춤 설정하여 안전 기준을 유지하면서 브랜드 아이덴티티에 맞출 수 있습니다.

알림 카드 종류

알림 카드에는 크게 세 가지 유형이 있습니다.

• 헤드업 알림(HUN): 현재 앱 위에 화면 상단(또는 화면 방향에 따라 하단)에 잠시 나타납니다.
• 알림 센터 카드: 알림 센터에 표시되는 지속적인 알림에 사용됩니다.
• 그룹 알림 카드: 여러 관련 알림을 하나의 확장 가능한 카드로 결합합니다.

카드 해부학

각 카드는 네 가지 주요 영역으로 구성된 유연한 컨테이너입니다.

1. 헤더: 앱 아이콘, 앱 이름 및 선택적으로 타임스탬프를 포함합니다.
2. 내용: 알림 제목과 설명 텍스트를 표시합니다(선택적으로 메시지 미리보기 포함).
3. 동작: 사용자 상호 작용을 위한 버튼을 최대 3개까지 추가할 수 있습니다(예: "응답", "음소거").
4. 큰 아이콘: 아바타 또는 탐색 기호를 위한 선택적 공간입니다.

스타일링 가이드라인

다음 섹션에서는 스타일링 가이드라인을 설명합니다.

타이포그래피

시스템의 타이포그래피 배율에 맞춰 글꼴과 크기를 사용자 지정할 수 있습니다. 다양한 조명 조건에서도 잘 보이고 읽기 쉬운 명확한 글꼴을 사용하십시오.

• 본문: 주요 제목은 일반적으로 32dp(본문 1)입니다.
• 보조 텍스트: 일반적으로 보충 정보를 위한 24dp(본문 3)입니다.
• 글꼴: Roboto가 표준이지만, OEM 업체는 맞춤형 브랜드 글꼴을 구현할 수 있습니다.

색상과 높이

가독성과 대비를 확보하기 위해 주간 모드 와 야간 모드에 대해 서로 다른 색상 값을 정의하십시오.

• 카드 배경: 뚜렷한 회색 계열 색상을 사용하세요 (예: 낮에는 회색 868, 밤에는 회색 900).
• 텍스트 및 아이콘: 주요 정보에는 불투명도가 높은 흰색(88% 이상)을 사용하고, 보조 정보에는 불투명도가 낮은 흰색(60~72%)을 사용하십시오.
• 강조 색상: 앱의 브랜드 색상을 보조 아이콘이나 특정 작업에 적용하여 사용자가 출처를 쉽게 파악할 수 있도록 합니다.

모양과 간격

UI 디자인 언어에 맞춰 카드의 물리적 경계를 사용자 지정하세요.

• 모서리 반경: 기본 표준값은 8dp(R2)이지만, 더 둥글거나 각진 모양을 원할 경우 이 값을 조정할 수 있습니다.
• 여백: 카드 가장자리와 내부 요소 사이에 일정한 여백(표준 16dp 또는 24dp)을 유지하십시오.

화면 적응 및 드라이브 상태

알림 레이아웃은 다양한 화면 크기(표준, 와이드, 슈퍼 와이드)에 맞춰 조정되어야 합니다.

• 주행 상태: 차량이 주행 중일 때는 인지 부하를 줄이기 위해 메시지 미리보기를 숨기거나 긴 텍스트 문자열을 잘라내는 것을 고려하십시오.
• 동작: 표준 도착 및 퇴장 애니메이션(예: HUN의 경우 아래로 슬라이드, 퇴장 시 스와이프)을 사용하여 시각적 피드백을 제공합니다.

알림 센터를 디자인하세요

운전자는 안전 지침을 준수하기 위해 한눈에 쉽게 확인할 수 있고 상호 작용이 간소화된 이 중앙 허브를 통해 알림을 보고 관리할 수 있습니다.

핵심 기능

메시지 및 미리 알림과 같이 즉시 표시되지 않는 알림은 알림 센터에서 확인할 수 있습니다. 하지만 내비게이션 안내나 통화 중인 메시지와 같이 즉시 전송되지 않는 알림은 알림 센터에 저장되지 않으며, 이러한 알림은 헤드업 알림(HUN)으로만 표시됩니다.

• 세션 기반: 목록은 매 드라이브 시작 시 자동으로 지워져 콘텐츠의 관련성이 유지됩니다.
• 우선순위 기반: 알림은 중요도(예: 긴급 알림이 먼저)에 따라 정렬되고, 그 다음으로는 최근 발생 순서대로 정렬됩니다.

사용자 지정 옵션

알림 센터를 브랜드 이미지에 맞춰 맞춤 설정하면서 안전 기준을 준수할 수 있습니다.

1. 접근 방법

시스템 UI에 따라 사용자가 알림 센터에 액세스하는 방법을 정의할 수 있습니다.

• 아래로 스와이프하여 알림을 표시하는 방식: 사용자는 화면 상단에서 아래로 스와이프하여 알림을 표시합니다.
• 전용 화면: 사용자는 시스템 상태 표시줄이나 탐색 표시줄에서 알림 아이콘(일반적으로 종 모양)을 탭합니다.

2. 시각적 스타일

브랜드 디자인 언어에 맞춰 다음 시각적 요소들을 맞춤 설정할 수 있습니다.

• 색상 팔레트: 주간 모드와 야간 모드에 대해 서로 다른 배경색과 강조색을 정의합니다.
• 타이포그래피: 헤더, 제목 및 본문 텍스트에 사용할 글꼴 종류, 굵기 및 크기를 설정합니다.
• 형태: 알림 카드와 전체 컨테이너의 모서리 곡률을 조정합니다.
• 레이아웃: 여백, 패딩 및 알림 카드 사이의 세로 간격을 사용자 지정할 수 있습니다.

상호작용 모델

운전자의 주의 산만을 최소화하기 위해 상호 작용 모델은 필수적인 작업으로 제한됩니다.

• 찾아보기: 세로로 스크롤되는 목록을 통해 운전자는 알림을 확인할 수 있습니다.
• 응답: 최대 3개의 액션 버튼(예: "재생", "음소거", "답글")에 대해 큰 타격 영역을 제공합니다.
• 닫기: 사용자는 카드를 왼쪽이나 오른쪽으로 스와이프하여 목록에서 제거할 수 있습니다.

운전 제한

알림 센터는 인지 과부하를 방지하기 위해 차량의 주행 상태에 맞춰 조정되어야 합니다.

• 내용 잘림: 시스템은 사용자가 설정한 문자 제한에 따라 긴 텍스트 문자열을 자동으로 자를 수 있습니다.
• 요약 숨기기: 차량 주행 중에는 메시지 미리보기 또는 요약을 숨길 수 있습니다.
• 목록 길이: 운전 중 과도한 스크롤을 방지하기 위해 표시되는 알림 수를 제한할 수 있습니다.

디자인 체크리스트

• 높은 대비: 모든 조명 조건에서 텍스트와 아이콘이 접근성 표준을 충족하는지 확인하십시오.
• 터치하기 쉬운 디자인: 정밀한 손동작 없이도 쉽게 누를 수 있는 버튼과 카드를 디자인하세요.
• 일관된 브랜딩: 알림 센터와 헤드업 알림(HUN) 모두에 동일한 사용자 지정 규칙을 적용하세요.

동작 순서

자동차에서 움직임은 단순히 미적인 선택 이상의 의미를 지닙니다. 운전자의 시선을 도로에서 너무 오래 떼지 않고도 필요한 정보를 제공하는 기능적인 신호입니다. 자동차 제조업체는 알림 애니메이션을 맞춤 설정하여 차량 소프트웨어 환경의 나머지 부분과 자연스럽게 어우러지도록 할 수 있습니다.

자동차 운동 원리

• 정보를 전달하되, 주의를 산만하게 하지 마세요: 움직임을 사용하여 상태 변화(예: 새 메시지)를 알리되, 운전자를 놀라게 하지 않도록 너무 과하지 않게 표현하세요.
• 안전 제일: 애니메이션은 짧고 간결해야 합니다. 시선을 오래 집중시켜야 하는 지나치게 복잡하거나 탄력적인 전환 효과는 피하세요.
• 일관성: 알림 동작은 인포테인먼트 시스템의 나머지 부분과 물리적으로 일치해야 합니다.

주요 동작 패턴

이 섹션에서는 주요 동작 패턴을 설명합니다.

1. 헤드업 알림(HUN) 도착

중요 알림이 도착하면 슬라이드 동작을 통해 화면에 나타납니다.

• 상단 삽입 방식: 대부분의 시스템에서 표준 방식입니다. 카드는 위쪽 가장자리에서 밀어 넣어 삽입합니다.
• 힌트: 이 동작은 같은 가장자리에서 아래로 스와이프하면 알림 센터에 접근할 수 있음을 은근히 암시합니다.
• 맞춤 설정: 브랜드 스타일에 맞춰 진입 지속 시간과 특정 이징 곡선을 조정할 수 있습니다.

2. 스와이프하여 닫기

운전자는 알림 센터에서 가로로 스와이프하여 HUN 또는 카드를 해제할 수 있습니다.

• 시각적 피드백: 사용자가 카드를 드래그할 때, 카드는 사용자의 손가락 움직임에 1:1로 비례하여 움직여야 합니다.
• 종료 동작: 스와이프 동작이 닫기 영역을 넘어서면 카드가 화면 밖으로 빠르게 사라지고, 나머지 목록 항목들이 세로로 이동하여 빈 공간을 채웁니다.

3. 그룹 알림 확장

관련 알림(예: 그룹 채팅의 여러 메시지)은 공간 절약을 위해 하나의 카드로 축소되는 경우가 많습니다.

• 확장: 카드를 탭하면 세로로 확장되어 개별 메시지가 나타나야 합니다.
• 접힘: 운전자가 이전 작업으로 빠르게 복귀할 수 있도록 역방향 동작은 확장 방향보다 약간 빨라야 합니다.

타이밍과 완화

구글은 빠른 시작과 부드럽고 점진적인 마무리를 강조하는 머티리얼 디자인의 이징(easing) 기준을 따를 것을 권장합니다.

모범 사례

• 가독성을 최우선으로 고려하세요: 텍스트와 카드 배경 간의 높은 대비율을 확보하십시오.
• 일관성 유지: HUN 카드와 알림 센터 카드 모두에 동일한 모서리 반경과 간격 규칙을 사용하십시오.
• 미니멀리즘: 동작은 단순하게, 텍스트는 간결하게 유지하고, 한눈에 이해하기 어려운 복잡한 레이아웃은 피하십시오.