Designing Apps for Driving
Pleos Connect는 모빌리티 환경을 위한 소프트웨어로 다양한 고객, 차종, 국가, 브랜드에 따라 최적화된 경험을 제공합니다. Pleos Playground에서 제공하는 가이드를 사용하여 자동차 경험에 최적화된 앱을 디자인해보세요.
기본 디자인 원칙
사용성과 안전성 (Easy & Safe)
- 운전 중 시각적, 인지적 부담을 최소화하여, 쉽고 명확한 정보 전달을 통해 사용성과 안전성을 확보합니다.
- 운전 중 동영상, 애니메이션 이미지, 텍스트 자동 스크롤과 같이 운전자의 시선을 유도하면 안 됩니다.
- 앱 조작은 한 손만으로도 가능해야 하며, 양손을 모두 사용하게 해서는 안 됩니다. 단순한 조작만을 요구해야 합니다. 운전자의 손이나 발을 움직이는 동작을 유도해서는 안 됩니다.
일관성 (Consistency)
- 아이콘, 용어, 상호작용 패턴은 일관되게 제공되어야 합니다.
- Pleos Connect에서 제공하는 디자인 가이드를 활용하여 기본 탑재된 UI와 일관성을 유지하여 사용자의 학습 부담을 줄입니다.
즉시성 (Glanceability)
- 한눈에 확인할 수 있는 정보를 제공하고, 단순한 조작만을 요구하세요.
- 운전자는 짧은 시간(1~2초) 내에 정보를 파악해야 하므로, 핵심 정보만 노출하고 불필요한 요소는 배제합니다.
- 사용자 입력 후 시스템 응답 시간이 0.25초를 초과하지 않아야 합니다. 응답이 지연되거나 시간이 필요한 경우에는 시각적으로 응답 중인 상태를 알리세요.
주행 안전을 고려한 상호 작용 원칙
차량 내 인터페이스의 사용성은 운전자의 안전과 직결되는 중요한 요소입니다. 흔들리는 주행 환경에서도 한 손으로 직관적이고 안정적으로 조작할 수 있도록, 주행 환경과 상호작용 원칙을 종합적으로 고려한 인터페이스 설계가 필요합니다.
시선 분산 최소화 (Minimize Distraction)
- 일반적인 주행 상황에서 관련 정보를 즉각적이고 정확하게 표시합니다. 중요 정보는 운전자의 시야 내에서 HUD, 클러스터, OSD 등을 활용하여 자연스럽게 전달되어야 합니다.
- 주행 중에는 움직이는 이미지 또는 동영상, 애니메이션이 출력되지 않아야 합니다. 움직이는 이미지는 운전자의 시선을 유도할 가능성이 매우 높아 위험합니다.
- 주행 중에는 운전에 방해될 수 있는 이미지 노출을 최소화합니다. 단, 다음과 같은 경우에는 이미지를 표시할 수 있습니다.
- 사용 중인 화면 배경에 콘텐츠 컨텍스트용 정적 이미지를 한 개 표시할 수 있습니다
예시 : 앨범 아트, 광고주 기업 로고
- 앱은 콘텐츠 탐색 창에 아이콘을 표시할 수 있습니다.
- 내비게이션 앱은 차선 안내나 교차로 안내를 위해 이미지를 표시할 수 있습니다.
- 사용 중인 화면 배경에 콘텐츠 컨텍스트용 정적 이미지를 한 개 표시할 수 있습니다
명확한 정보 구조 (Information Hierarchy)
- 운전자는 운전 동작을 최우선으로 해야 하므로 운전에 관련된 작업에 우선순위를 부여하고, 운전 중 필요한 정보는 가장 직관적인 위치에 배치합니다.
예시 : 내비게이션 경로 안내는 미디어 제목보다 우선권을 갖습니다.
- 주행 상태를 구분하여, 정차와 주차 시에만 접근 가능한 엔터테인먼트, 세부 설정 메뉴 등을 구분하여 제공합니다.
- 주행 중 앱의 요소가 자동으로 움직이도록 해서는 안 됩니다. 반드시 사용자의 조작에 의해서만 실행되고 움직일 수 있도록 하세요.
- 주행 중 주의 분산을 최소화하기 위해 시각, 오디오 정보의 우선 순위를 고려해야 합니다. 운전에 중요한 오디오 정보에 우선순위를 두어야 하며, 사용자는 언제든지 볼륨을 음소거 수준으로 완전히 낮출 수 있어야 합니다.
예시 : 내비게이션 경로 음성 안내가 출력되면, 미디어 볼륨을 최소화하거나 일시정지해야 합니다.
터치 조작 최적화 (Touch Optimization)
- 터치스크린 조작을 최소화하고, 음성 명령 및 물리 버튼과 연계한 인터랙션을 지원해야 합니다.
- 게임 플레이, 인터넷 서핑, 손 또는 발 조작이 포함된 피트니스 활동 등 불필요하고 잠재적으로 위험하거나 주의를 산만하게 하는 활동을 유도해서는 안 됩니다.
- 운전 중 터치 조작은 정확성이 떨어질 가능성이 크므로, 버튼 간 충분한 간격을 확보하여 잘못된 조작을 최소화해야 합니다.
- 버튼 크기는 최소 125 × 125 mm 이상으로 설정하여 직관적인 터치가 가능하도록 해야 합니다.
- 반응 영역(Touch Target)은 버튼보다 약간 넓게 설정하고 반응 영역이 서로 겹치지 않도록 4 mm 이상의 공간을 확보하여 사용자의 터치 입력이 다소 벗어나더라도 올바르게 인식되도록 합니다.
인터페이스 디자인 가이드
색상 및 대비 (Color & Contrast)
- 중요한 정보는 강한 대비로 표현하되, 과도한 색상 사용은 피합니다.
- 배경색과 글자색 간 충분한 대비(Contrast)를 확보하여 명확하게 보이도록 합니다. 아이콘, 텍스트 및 기타 이미지의 대비율이 4.5:1 이상이어야 합니다.
글꼴 및 가독성 (Typography & Readability)
- 장문의 텍스트는 최소화하고, 단순한 아이콘과 짧은 문장으로 전달합니다.
- 영어로 된 단일 메시지 또는 텍스트는 120자(영문 기준) 또는 24 단어(영문 기준) 이하여야 합니다.
- 일본어 단일 메시지 또는 일본어 텍스트는 30 자(영문 기준) 이하여야 합니다.
- 한 줄의 텍스트는 80자(영문 기준) 이하여야 합니다.
- 문장 또는 단락은 텍스트 3줄을 넘지 않아야 합니다.
- 차량 내 화면 크기와 사용자 간 거리를 고려하여 적절한 글꼴 크기를 유지해야 합니다.
- 중요 정보(예: 속도, 내비게이션 안내, 경고 메시지 등)를 표시하는 기본 텍스트는 높이 5 mm 이상, 보조 텍스트는 최소 3 mm 이상으로 설정하여 주행 중 빠르게 인식할 수 있도록 합니다.
아이콘 및 터치 피드백 (Icons & Feedback)
- 국제적으로 통용되는 직관적인 아이콘을 사용하며, 텍스트 라벨과 함께 제공하여 이해도를 높입니다.
- 터치 시 진동 피드백(Haptic Feedback)이나 음성 피드백을 제공하여 조작의 정확성을 높입니다.
알림(Notification)
- 알림은 중요한 정보를 간결하게 전달해야 합니다.
- 앱은 운전자의 필요와 관련된 경우에만 알림을 표시해야 합니다.
- 알림을 통해 광고를 표시하 거나, 광고주 이름 또는 제품 이름 외의 텍스트 기반 광고를 표시해서는 안 됩니다.
유연성 및 확장성 고려
야간/주간 모드 지원
주간/야간에 따른 조명 환경에 따라 UI 밝기와 대비를 자동 조정하여 가독성을 유지합니다.
음성 인터랙션 강화
Pleos Connect는 Gleo AI를 통해 음성 인터랙션을 지원합니다. 앱 설계 시 음성 인터랙션을 적절히 활용하여 사용성과 주행 안전을 높일 수 있는지 검토합니다.
음성 기반 통신 시스템은 핸즈프리로 말하고 들을 수 있어야 합니다. 핸즈프리 음성 인터페이스는 음성 대화를 시작, 종료 또는 중단하는 작업은 수동으로 실행할 수 있습니다.
OTA 업데이트
앱 업데이트가 용이하도록 OTA(Over-the-Air) 방식을 고려하고, 지속적인 유지보수가 가능하도록 설계합니다.
확장성 고려
- Pleos Connect는 다양한 국가에서 제공되므로, 다국어 지원에 적합한 UI를 설계합니다.
- Pleos Connect는 여러 차종의 다양한 디스플레이를 지원합니다. 따라서, 다양한 해상도와 화면 비율에 유연하게 대응할 수 있도록 확장성을 고려하여 설계합니다.