[번역] UX guidelines for all aspects of Android for Cars 🚙 (안드로이드 카 UX 가이드라인)

Design for Driving foundations

Android Automotive OS (AAOS)와 Android Auto 디자인 가이드

---

본 글은 구글의  Google design for driving의 General design guidance를 해석한 글입니다.
https://developers.google.com/cars/design/automotive-os

Design for Driving  |  Google Developers

 

---

 

먼저, 구글에는 두 개의 자동차용 안드로이드 시스템이 있습니다. 바로, 안드로이드 오토와 안드로이드 오토모티브 OS(AAOS)인데요, 이 두 가지의 스타일은 동일한 상호 작용 디자인과 시각적 디자인 원칙에 기초합니다. 그러나 이러한 시스템에 대한 스타일과 레이아웃 세부사항은 각 시스템의 고유한 컨텍스트에 따라 몇 가지 면에서 다릅니다. 

 

분류	Android auto	AAOS
Style context	- Google은 UI를 구축하고 제어함 - U전화기에서 자동차 화면로의 UI 투사 - UI는 모든 차량에서 동일한 모양과 느낌 - 스타일 세부 정보는 앱 브랜드 억양과 함께 Google 브랜드를 반영	- 자동차 제조업체들은 AAOS를 기반으로 UI를 구축 - UI는 차량 인포테인먼트 시스템에 내장 - UI는 각 자동차 모델에 맞게 커스터마이징 - 스타일 디테일은 앱 브랜드 억양이 있는 자동차 메이커 브랜드를 반영
Purpose of style and layout guidelines	- UI의 스타일 선택에 대한 생각 설명 - 앱 개발자가 선택할 수 있는 모든 디자인 선택의 참조 역할을 함	- 자동차 메이커를 위한 스타일 추천에 대한 사고 방식 설명 - UI에 맞는 사용자 정의 레이아웃과 스타일을 만드는 자동차 메이커를 위한 자세한 가이드 제공 - 앱 개발자가 선택할 수 있는 모든 디자인 선택의 참조 역할을 함
Key differences	- 구글 색상 - 더 큰 크기의 Google Sans 글꼴 - 차종에 따라 조정되는 구글 결정 레이아웃	- 자동차 메이커 색상 - 모든 유형의 표준 글꼴(로보토 또는 노토 산스) - 사용자 정의 레이아웃

 

---

 

 

1️⃣ Interaction principles

드라이버와 IVI 화면 간의 인터랙션은 간단해야 합니다.
Simple하고, 방해되지 않아야 하며, 운전자의 주의가 도로로 빠르게 돌아갈 수 있어야 합니다.

-

1. 정보를 최신 상태로 유지하고 한눈에 볼 수 있도록 유지
운전자가 도로에서 눈을 떼는 시간을 최소화하려면, 표시되는 정보를 한눈에 파악할 수 있어야 합니다.

✨ 작업 및 상태 한눈에 전달
- 운전자들은 화면을 힐끗 보고 작업이나 시스템 상태를 빠르게 이해해야 한다.
- 2초 이내에 내용을 읽을 수 있어야 하고, 빠르게 운전자의 초점을 도로로 되돌릴 수 있어야 한다.

 

✨ 즉각적인 응답 제공
- 사용자 입력 후 시스템 응답 시간이 0.25초를 초과하지 않도록 해야 한다.
- 콘텐츠를 로드하는데 2초 이상 걸리는 경우 스피너나 유사한 인터페이스 변화(Similar interface Change)로 장치가 응단 중임을 나타내야 한다.

 

✨ 시기적절하고 정확한 주행 정보 제공
- 정상 주행 조건에서 즉각적으로 주행 업무와 관련된 정보를 정확하게 보여준다.
- 오작동 또는 안전 상태를 실시간으로 표시한다.

 

---

 

2. Hands-on Driving 장려
안전 운전을 위해서는 운전자가 운전대를 최대한 잡고 있어야 합니다.

✨ 한 손 제스처 사용
- 제스처(예: 시스템과 상호작용하기 위해 손을 흔드는 동작)는 한 손만 사용해야 하며, 차량의 작동에 부정적인 영향을 미칠 수 있는 동작을 요구해서는 안 된다.

 

✨ 핸즈프리 음성 인터페이스 허용
- 음성 기반 커뮤니테이션 시스템은 핸즈프리 스피킹과 듣기를 가능하게 하여야 한다. (Speech-based communication systems should permit hands-free speaking and listening.)
- 그러나, 음성을 시작할 때나, 종료할 때에는 수동으로 조정해야 한다.

 

✨ 음성 상호 작용 단순화
- 운전자의 주의를 분산시키는 것을 최소화하도록 다단계(multistep) 음성 상호작용을 주의 깊게 설계한다.

 

---

 

3. 운전 task의 우선순위
운전자가 수행하는 가장 중요한 작업은 운전과 관련된 작업이다. 다른 모든 작업은 부차적인 작업이어야 합니다.

✨ 운전자가 속도를 제어할 수 있도록 허용
- 상호 작용 시퀀스는 논리적 지점에서 중단 가능하고 다시 시작할 수 있어야 한다.

 

✨ 운전 관련 task의 우선순위 지정
- 주행 및 차량 안전 제어에 필요한 정보는 주행과 무관한 정보보다 우선되어야 한다.

 

✨ Non-driving 콘텐츠를 주의 깊게 고려하기
- 광고, 소셜 미디어 콘텐츠, 웹 페이지 콘텐츠, 책, 정기 간행물, 이메일 및 구독 등의 운전과 무관한 정보는 운전자의 방해를 최소화하는 것을 고려해야 한다.

 

✨ 사운드 우선순위 지정 및 운전 작업의 볼륨 조절
- 인터페이스는 주행에 중요한 오디오 정보에 우선순위를 부여해야 한다. (예를 들어 내비게이션 방향이 안내되는 경우 미디어 볼륨을 낮추거나 줄여야 한다)
- 사용자는 항상 음소거 레벨까지 볼륨을 완전히 조절할 수 있어야 한다.

 

---

4. 주의 분산 억제
다음과 같이 중요하지 않은 이유로 운전자의 주의를 도로에서 멀리 떨어뜨리지 마십시오.

✨ 위험하거나 주의를 산만하게 하는 작업 방지
- 게임, 수동으로 인터넷 서핑 또는 운전 중 안전하지 않은 손이나 발의 기동과 관련된 체력단련 활동 참여와 같은 불필요하고 잠재적으로 위험한 활동을 허용해서는 안 된다.

 

✨ 거침없는 움직임 피하기
- 비디오 및 자동 스크롤 텍스트와 같이 운전과 관련이 없는 동적 시각 정보를 표시하지 않도록 한다.
- 애니메이션을 사용하여 운전자의 상황 이해에 도움이 되도록 주의 깊게 고려한다.

 

---

 

2️⃣ Visual principles

일관된 UI와 운전자가 모든 시청 조건에서 식별할 수 있는 대형 터치 타겟으로 읽기 쉽고 한눈에 볼 수 있어야 합니다.

-

1. 콘텐츠를 읽기 쉽게 만들기
운전자가 화면상의 콘텐츠를 빠르게 검색하고 이해할 수 있도록 하려면 운전 중에 쉽게 읽을 수 있는 방식으로 콘텐츠를 표시해야 합니다.

✨ 읽기 쉬운 글꼴 표시
- 시각적으로 표시되는 기본 및 보조 텍스트는 글꼴과 크기에 대한 안드로이드 자동차 지침과 일치해야 한다.
- 기본 텍스트는 일반적으로 노래 제목이나 연락처 이름과 같은 의사 결정에 필요한 정보에 사용되며 32dp여야 한다.
- 보조 텍스트는 일반적으로 음악가 이름이나 통화 유형(예: "모바일")과 같은 지원 정보에 사용되며 24dp여야 한다.

 

✨ 글 길이 제한
- 로마자를 사용하는 텍스트 항목은 구두점과 공백을 포함하여 120자를 초과할 수 없다. (참조: 앞의 문장은 101자.)
- 일본어 텍스트 항목은 로마자, 가나 또는 한자를 합한 총 31자를 초과할 수 없다.

 

✨ 텍스트, 아이콘 및 배경에 대한 대비율 따르기
- 아이콘, 텍스트 및 기타 이미지의 대비율은 4.5:1 이상이어야 한다.
- 이 요건은 정보를 전달하는 모든 표시 품목에 적용된다.
- 여기에는 회전 입력 및 회전 입력에서 선택된 품목이 포함된다.

 

✨ 야간에도 둘러볼 수 있는 기능 제공
- 낮에 표시되는 콘텐츠의 극성은 양(밝은 배경의 어두운 텍스트) 또는 음(어두운 배경의 밝은 텍스트)
- 야간에 표시되는 콘텐츠는 음의 극성

 

---

 

2. 터치하기 쉽게 만들기
너무 작거나 가까이 있는 화면 표적을 터치하려고 하면 운전자가 쉽게 주의가 산만해지거나 실수를 할 수 있습니다.

 

✨ 적절한 크기의 터치 대상 표시
- 터치 대상은 최소 76 x 76dp 크기의 안드로이드 자동차 지침을 준수해야 한다.
- 특별한 경우, 폭은 상향 및 하향 차량 진동을 더 잘 수용하기 위해 높이를 위해 약간 희생될 수 있다(전체 면적을 동일하게 유지).

 

✨ 터치 대상이 겹치지 않도록
- 터치 대상은 서로 겹치지 않아야 한다.
- 확대/축소 옵션을 사용하면 대상을 분리하여 중복 문제를 완화할 수 있다.
- 가능하면 터치 대상 사이는 최소 23dp

---

3. UI 요소의 일관성 유지
드라이버가 화면 옵션을 빠르게 이해하려면 사용자 인터페이스가 명확하고 일관성이 있어야 합니다.

 

✨ 일관된 지도 아이콘, 용어 및 상호 작용 패턴 사용
- 아이콘과 용어는 그 기능에 대해 일관되게 일대일로 매핑되어야 한다.
- 마찬가지로 상호작용 패턴도 일관되고 예측 가능해야 합니다.

 

✨ 움직이는 동안 활성 및 비활성 기능 명확하게 보여주기
- 방해되는 미디어 콘텐츠를 어둡게 하여 허용되지 않는 기능과 명확하게 구별해야 한다.
- 또한 인터페이스는 주행 중에만 사용하도록 설계된 기능과 주행 중에만 사용하도록 설계된 기능을 구분해야 한다. (예를 들어, 운전 중에는 검색 상자를 숨겨야 한다.)

 

💡 Tra 생각
스마트폰 시대가 찾아오며, 구글 안드로이드가 스마트 폰의 정보 구조와 인터랙션 원칙을 정의하여 OS를 만들었기에 삼성과 LG 같은 제조 중심의 회사도 손쉽게 스마트폰을 생산할 수 있었다. 

내연기관차에서 전기차로의 대전환이 찾아오며, 많은 변화와 기회가 찾아오고 있다. 많은 신생 전기차 회사가 등장하며, 다양한 전기차가 등장하고 있다. 구글의 AAOS는 안드로이드 OS가 전했던 가치와 생산성과 동일한 방향일 것이라 생각한다. 신생 전기차 스타트업은 AAOS 등을 통해 자신들의 IVI(차량 내 인포테인먼트)를 구축할 수 있게 될 것이다.

기존 내연기관차가 하드웨어를 중심으로 구성되었다면, 전기차는 소프트웨어가 중심이 된다.  자동차는 점점 더 소프트웨어화 되어, 소프트웨어에 의해 동작되고, 제어되고, 스마트폰 앱처럼 쉽게 업데이트할 수 있게 되었다. 이러한 흐름 속에서 IVI는 차량의 인테리어 요소가 되기도 하는데, 테슬라에 이은 AAOS의 등장이 전기차 IVI에 큰 축이 될 것이라 생각된다.

+)
스마트폰의 안드로이드 OS와 비교하였을 때, 차량 내 디자인 원칙은 훨씬 더 다채로운 상황이 적용되어 있고, 특히나 주행 상황의 안전에 중심을 두어 작성된 점은 주목할 만하다.

---