미래의 차량 UI는 놀라울 것입니다

오늘날 대부분의 차량에서 UI 디자인 상태는 직관적이지 않고 구식이며 미학적으로 매력적이지 않다는 비판을 받습니다. 자동차 제조업체는 다른 산업이 표준으로 가정하는 디자인 품질을 구현하는 데 더디게 진행되었습니다. 그 결과 많은 디자이너들이 이 기회를 빌어 차량 UI의 미래가 우리의 운전 경험을 어떻게 바꿀지 추측했습니다.

자동차 산업에는 매일 더 많은 발전이 있습니다. 실제로 자동차 산업은 이전 세기에 본 것보다 향후 20년 동안 더 많은 변화를 예측합니다. 따라서 최첨단 디지털 디자이너는 이 중요한 산업에 관심을 집중해야 합니다. 그렇다면 차량 UI의 미래는 어떻게 될까요? 자동차와 우리의 관계를 근본적으로 바꿀 수 있습니까?

다음은 전 세계의 다양한 디자이너가 만든 아름답고 미래 지향적인 차량 HUD(헤드업 디스플레이), 대화형 UI 및 타사 앱 컨트롤러의 선별된 컬렉션입니다. 일부 디자인은 실제 제품에서 캡처되었으며 일부는 아직 개발 중입니다.

Tesla 모바일 제어 센터 프로토타입

놀라운 이유:

차 문을 잠갔는지, 불을 껐는지, 또는 이제 막 운전을 배운 십대 자녀에게 열쇠를 넘겨줬는지 궁금해하면서 편집증을 느낀 적이 있습니까?

이 모바일 앱 프로토타입을 사용하면 자리에서 움직이지 않고도 이 모든 것을 확인할 수 있습니다. 디젤 하이브리드가 있습니까? 아침 식사를 하는 동안 서리를 제거하기 위해 엔진을 시동할 수도 있습니다. 감각 피드백의 경우 직관적인 애니메이션과 전환을 통해 작업이 실행되고 완료되는 시점을 알려줍니다.

온보드 터치 컨트롤 UI

놀라운 이유:

이 UI는 터치 제스처를 사용하여 근육 메모리로 구동되는 범용 제어 모델을 살펴봅니다. 표면에 있는 손가락의 수와 움직임은 Apple의 iPad, 매직 마우스 및 기타 운영 체제에서 표준으로 삼은 대로 동작을 트리거합니다. 이 경우 움직임에 따라 값이 증가하거나 감소합니다.

UI를 사용하면 작은 컨트롤과 광범위한 아이콘 라이브러리를 모두 외울 필요가 없으므로 동일한 제스처 또는 그 변형을 사용하여 다른 범주 내에서 여러 작업을 수행할 수 있습니다.

여기에서 전체 사례 연구를 보고 프로토타입을 사용해 볼 수 있습니다.

Tesla 대시보드 인터페이스 개념

놀라운 이유:

유틸리티가 동일한 공간을 더 많이 공유하고 기능이 점점 더 상호 연결됨에 따라 차량은 더 똑똑해질 것입니다. 이러한 발전으로 인해 우리 앞에 놓인 데이터는 압도적이 될 수 있습니다. 우리의 전화 및 단일 기능 장치로 의도되었던 다른 모든 것이 그랬던 것처럼 말입니다. 우리가 보는 것과 보는 방식에 대해 어느 정도 통제할 수 있는 것은 당연합니다. AI와 기계 학습은 직관을 제어할 것이며 이 Bureau Oberhaeuser 프로토타입은 모든 것을 밝히는 데 탁월한 역할을 합니다.

여기에서 사례 연구를 보고 실제 작업을 볼 수 있습니다.

원격 차량 상태 테스트 및 제어

놀라운 이유:

차량에 문제가 있는 것 같을 때 렌치를 집어 들고 후드 아래에서 삐걱거리는 소리를 내는 것이 점점 더 어려워지고 있습니다. 모든 시스템이 전자화되고 컴퓨터화되고 깨끗해 보이도록 덮여 있기 때문에 결함이 있는 곳을 선점하는 것은 그리 직관적이지 않습니다. 이 모바일 프로토타입은 자동차의 상태 데이터를 이해하는 언어로 해석하여 해안에서 해안으로의 여행을 시작하기 전에 필요한 수리를 할 수 있도록 합니다.

타이어 공기압 및 기후 UI

놀라운 이유:

이동 중 타이어 공기압 점검을 수행할 때 이 인터페이스는 개별 공기압 범위와 정확히 얼마나 보충해야 하는지 알려줍니다. 이 인터페이스는 기본적으로 제공되어야 하는 기본적인 피드백을 제공합니다.

Hudway 증강 현실 헤드업 디스플레이

놀라운 이유:

운전자는 도로에서 머리를 숙여야 한다는 것은 말할 필요도 없지만 내장된 모바일 내비게이션 인터페이스는 운전자가 길을 찾기 위해 휴대전화를 볼 때 여전히 가끔 사고로 이어집니다. Hudway 앱을 사용하면 세컨드 스크린 경험을 앞유리에 쉽게 구현할 수 있습니다. Glass는 미래의 표면이며 이 탐색 앱은 해당 부동산을 활용하여 운전자에게 턴 바이 턴 음성 안내와 함께 모바일 확장을 제공합니다.

여기에서 사례 연구를 보고 실제 사례를 확인할 수 있습니다.

시티 가이드 카 플레이 애플리케이션

놀라운 이유:

이 UI는 대담한 모험가에게 적합합니다. 주변에 무엇이 있는지 빠르게 찾고 싶다면 이 앱을 사용하여 제한된 경로 내에서 여행의 자연스러움을 이끌어낼 수 있습니다.

애플 카플레이

놀라운 이유:

모두가 이 사람이 오는 것을 보았습니다. 이미 Apple의 모든 것을 갖추고 있다면 자동차에 Apple 제품을 주입하는 것이 더 나을 것입니다. Apple Carplay는 다음 단계의 두 번째 화면 상호 작용이며 앞으로 더 좋아질 것입니다.

디지털 대시보드 클러스터 디스플레이

놀라운 이유:

엔진 속도를 높이고 모든 악기에 불을 켜고 정교하게 조율된 마칭 밴드처럼 조화롭게 연주하는 것만큼 좋은 것은 없습니다. 소리와 지연된 시각적 상호 작용을 통해 주변의 모든 것에서 감각 피드백을 얻을 수 있을 뿐만 아니라 다음 차례가 다가오고 있거나 연료가 부족하거나 타이어 공기압이 부족할 때 직관적인 신호를 제공하는 마이크로 애니메이션을 제공합니다.

그러나 모든 아날로그 기능을 디지털 디스플레이로 대체할 때 오는 피로가 있습니다. 종종 수동 오버라이드가 없으므로 퓨즈가 터지거나 전자 장치에 장애가 발생하면 드라이브가 신속하게 집으로 돌아갈 것입니다.

Tesla Apple Watch UI 프로토타입

놀라운 이유:

웨어러블이 연결된 장치의 통합된 부분이 됨에 따라 관련 제품 에코시스템의 가장 기민한 부분을 제어해야 하는 의무에서 귀하의 핸드헬드가 완화될 수 있다는 것은 당연합니다. 이 프로토타입은 이것이 어떻게 손목으로 번역될 수 있는지 잘 설명합니다. 여기에서 프로토타입을 자세히 확인하십시오.

결론

이것이 오늘날 최첨단 차량 UX 디자인의 현황을 보는 방법입니다. 당신이 알고 있는 한계를 뛰어 넘는 다른 제품은 무엇입니까? 이 디자인 세트에 대해 어떻게 생각하세요? 토론에 참여하고 아래에 의견을 알려주십시오!

• • •

Toptal Design 블로그에 대한 추가 정보:

• UI 디자인 모범 사례 및 일반적인 실수
• 빈 상태 – UX에서 가장 간과되는 측면
• 단순함이 핵심 - 최소한의 웹 디자인 탐색
• 모바일 인터페이스에 대한 경험적 원리
• 가독성을 위한 디자인 – 웹 타이포그래피 가이드