다이얼러 UI를 맞춤 설정하여 브랜드 이미지를 반영하고 앱 전반에 걸쳐 일관된 디자인을 유지할 수 있습니다.
다이얼러를 사용자 지정하는 데는 다음 세 가지 작업이 포함됩니다.
| 일 | 설명 |
|---|---|
1) 전역 스타일 적용 | 다이얼러 사용자 인터페이스의 모든 뷰에 전역 스타일을 적용합니다. |
2) 다이얼러 보기 스타일 | 특정 다이얼러 보기에서만 표시되는 UI 요소에 선택적으로 사용자 지정 스타일을 적용할 수 있습니다. |
3) 레이아웃 수정 | 차량 내부 또는 지원되는 기능에 더 잘 맞도록 필요에 따라 다이얼러 레이아웃을 조정, 재배열 또는 변경하십시오. |
사용자 경험(UX) 관련 지침은 다이얼러 체크리스트를 참조하세요.
전역 스타일을 적용합니다
첫 번째 맞춤 설정 단계는 다이얼러의 모든 화면에 걸쳐 브랜드에 맞는 글로벌 스타일을 적용하는 것입니다.
자동차 제조업체는 다이얼러 UI의 색상, 텍스트 모양 및 기타 전반적인 요소를 브랜드에 맞게 스타일링하여 앱 전반에 걸쳐 일관된 사용자 경험을 제공합니다. (다이얼러 인터페이스 예시는 다이얼러 앱 페이지를 참조하세요.) 이 섹션에서는 다이얼러에서 전반적으로 사용자 지정할 수 있는 사항과 차량에 최적화된 스타일을 선택하기 위한 가이드라인을 설명합니다.
글로벌하게 스타일링할 수 있는 것은 무엇일까요?
자동차 제조업체는 여러 다이얼러 화면에서 다음과 같은 UI 요소를 맞춤 설정할 수 있습니다.
- 색상 팔레트
- 타이포그래피
- 리스트 항목 크기 조정
- 아바타 모양 및 크기
- 아이콘 모양
- 앱 바 모양
- 버튼 모양
- 대화 상자 표시
스타일을 변경할 때는 다음 지침을 염두에 두세요.
일반적인 스타일 가이드라인
다이얼러에도 UI의 다른 앱과 동일한 스타일링 규칙을 적용하고, 차량 내 환경에 최적화된 디자인을 선택하세요.
필요한 사항은 무엇입니까?
다음과 같은 일반적인 UX 요구 사항을 준수하십시오.
- 명암비
- 최소 글자 크기 및 터치 영역 크기
- 어두운 테마
- 터치 대상 간의 거리
이러한 요구 사항은 차량에 최적화되고, 한눈에 알아볼 수 있으며, 일관성 있는 사용자 인터페이스를 만드는 데 도움이 됩니다.
스타일 다이얼러 보기
전역 스타일을 적용한 후 다음 단계는 특정 다이얼러 보기에 선택적 사용자 지정 스타일을 적용하는 것입니다.
키패드 버튼처럼 특정 화면에서만 나타나는 일부 요소는 브랜드 및 차량 내부 디자인에 맞춰 스타일을 변경하면 더욱 효과적일 수 있습니다. 다이얼러 인터페이스의 예시는 다이얼러 앱을 참조하세요.
특정 보기에서 사용자 지정 가능한 항목은 무엇인가요?
다이얼러 화면 중 네 가지에는 자동차 제조업체가 맞춤형 스타일을 제공하고 싶어할 만한 화면별 요소가 있습니다.
| 보다 | 사용자 정의 가능한 요소 |
|---|---|
최근 | 통화 내역 아이콘 |
다이얼패드 | 키패드 버튼 |
통화 중 상태 화면 | 컨트롤 바 아이콘 |
대기 중 오버레이 | 스위치 아이콘 |
자동차 제조업체는 특정 사유가 있는 경우, 다이얼러 화면에서 텍스트 모양과 같은 전역 UI 기능의 스타일을 재정의할 수 있습니다.
다이얼러별 보기를 사용자 지정할 때는 전역 스타일 사용자 지정에 제공된 일반적인 스타일 지침을 염두에 두십시오.
레이아웃 수정
선택적으로, 자동차 제조업체는 특정 상황에서 다이얼러 레이아웃을 수정할 수 있습니다.
자동차 제조업체는 다음과 같은 일을 할 수 있습니다.
- 화면 크기에 맞게 레이아웃을 조정하세요.
- 특정 차량이나 지역에 맞게 레이아웃 요소를 재배열합니다.
- 지원하지 않는 기능을 비활성화하도록 레이아웃을 변경하세요.
단순한 조정 이상의 레이아웃 수정, 특히 기능 비활성화와 관련된 수정은 다이얼러가 정상적으로 작동하도록 신중하게 진행해야 합니다.
기능을 비활성화하거나 레이아웃 요소를 재배치하는 등의 수정 작업을 할 때는 일반적인 스타일 지침을 준수하고 나머지 다이얼러 기능이 예상대로 작동하는지 확인하십시오.
화면 크기에 맞게 레이아웃을 조정하세요
다이얼러 레이아웃의 기본 버전이 특정 차량의 화면 크기에 최적화되어 있지 않은 경우, 자동차 제조업체는 이를 조정할 수 있습니다.
화면 크기에 맞게 레이아웃을 조정하는 데는 두 단계가 필요합니다.
- 리소스 오버레이에서 전체 화면 높이와 너비 설정
- 다이얼러 화면의 각 요소와 터치 대상이 적절하게 분리되어 있고 쉽게 접근할 수 있도록 합니다.
레이아웃에 영향을 줄 수 있는 추가적인 스타일 고려 사항은 일반 스타일 가이드라인을 참조하십시오.
레이아웃 요소를 재배치합니다.
경우에 따라 자동차 제조업체는 특정 차량의 내부 구조에 맞게 레이아웃을 재배치해야 할 수 있습니다. 예를 들어, 스티어링 칼럼이 오른쪽에 있는 차량의 경우, 자동차 제조업체는 다이얼패드 보기의 레이아웃을 재배치하여 키패드를 화면 왼쪽이 아닌 오른쪽으로 옮길 수 있습니다.
레이아웃에 영향을 줄 수 있는 추가적인 스타일 고려 사항은 일반 스타일 가이드라인을 참조하십시오.
레이아웃을 변경하여 기능을 비활성화하세요.
자동차 제조업체가 레이아웃에서 다이얼러 기능에 대한 접근을 제거하여 기능을 비활성화하는 경우, 나머지 기능에 의도치 않은 영향을 미치지 않도록 해야 합니다. 앱은 이 섹션의 레이아웃 수정 지침을 계속 준수해야 하며, 운전 중 설정 접근 차단과 같이 차량 주행 상태에 따라 적용되는 사용자 제한 사항도 준수해야 합니다.
또한, 비활성화된 기능에 대한 모든 참조를 해당 기능을 참조하는 모든 레이아웃에서 제거하는 것이 중요합니다. 예를 들어, 즐겨찾기 연락처 보기를 지원하지 않으려는 자동차 제조업체는 앱 바에서 즐겨찾기 탭을 비활성화해야 할 뿐만 아니라 연락처 세부 정보 보기에서 즐겨찾기 토글 버튼도 숨기거나 제거해야 합니다.
UX 요구사항
이 목록을 사용하여 다이얼러의 스타일 및 레이아웃 사용자 지정이 모든 디자인 요구 사항을 충족하는지 확인하십시오.
각 맞춤 설정 영역에 대한 필수(MUST), 권장(SHOULD), 허용(MAY) 지침의 자세한 내용은 왼쪽 열의 링크를 참조하세요.
| 사용자 정의할 때 | 확인해 보세요 |
|---|---|
사용자 지정 스타일링:
| |
(크기, 배치 또는 특징) | 수정된 레이아웃:
|