logo

EMTOMEGA 블랙박스 UX/UI

EMTOMEGA Corporation

EMTOMEGA 블랙박스 프로젝트는 주행 중과 주차 중 상황에서도 운전자가 필요한 정보를 빠르게 확인하고 조작할 수 있도록, 차량용 디바이스 전반의 사용 흐름을 설계한 작업입니다.

3인치, 3.5인치, 10인치 디스플레이와 모바일 컴패니언 앱 등 화면 크기와 입력 방식이 다른 기기들을 대상으로, 상황에 맞는 기능 배치와 조작 구조를 기기별로 구분해 구성했습니다. 실시간 영상 확인, 이벤트 영상 저장, ADAS 알림 등 주요 기능은 우선순위를 재정리하고, 화면 흐름을 단순화해 운전 중에도 빠르게 접근할 수 있도록 설계했습니다. 또한 블랙박스 단말기에서 처리하기 어려운 상세 기능이나 콘텐츠 확인은 모바일 앱을 통해 보완할 수 있도록 역할을 분리했습니다.

사용 목적과 제약이 다른 각 기기의 특성을 반영해 화면 구성 및 기능 제공 방식의 역할을 명확히 하고, 전체 시스템 내에서 유기적으로 연결되는 사용자 경험을 완성한 프로젝트입니다.

More
Output
Device UX / Mobile App
Creative Fields
UX Design / GUI Design
Project Manager
이정기
Member
정하진, 이다혜, 전서영, 이예진, 윤수영
Next Project
LG Shield 홈페이지 구축
EMTOMEGA Black Box UX/UI Design

Overview

멀티 디바이스 환경에 최적화된 블랙박스 사용자 경험 설계

EMTOMEGA 블랙박스는 10인치와 3인치 기기별로 주행과 주차 등 상황에 맞춰 기능 흐름을 나눠 운전자의 부담을 줄였습니다. 단말기에서는 실시간 영상과 알림 등 핵심 기능을 빠르게,앱에서는 영상 저장·공유 같은 상세 기능을 편리하게 사용할 수 있도록 설계했습니다.

Magnus, 10인치 디바이스, Multi Device Enviorment with User Experience
Mobile App 모바일 어플리케이션Trinity & Cyclops 3.5인치, 3인치 디바이스

UX Concept

운전 환경에 최적화된
조작 흐름과 정보 피드백 설계

운전 중 시선을 오래 두지 않아도 핵심 기능을 빠르게 사용할 수 있도록, EMTOMEGA 블랙박스는 3가지 UX 컨셉을 바탕으로 일관된 조작 흐름과 화면 구조를 설계했습니다.
주요 기능은 물리 버튼과 홈 화면에 배치해 접근을 단순화했고, 이벤트 발생 시 시각적 알림과 핵심 정보 강조로 운전자가 바로 대응할 수 있게 했습니다.

주요 기능은 빠른 접근이 가능하도록 물리 버튼과 연계하거나 홈 화면에 배치자주 쓰는 기능과 시각 요소를 익숙한 위치와 패턴으로 유지상황별로 필요한 정보를 즉시 전달해판단과 반응을 돕는 설계
운전 환경에 최적화된 조작 흐름과 정보 피드백 설계

Device

실시간으로 주행 상황을 보여주는 라이브뷰

홈 화면에 실시간 주행 영상을 바로 표시하고, 운전 중 꼭 필요한 정보만 간결하게 보여주어 빠르게 상황을 파악할 수 있게 구성했습니다.
라이브뷰에는 즉시 진입이 필요한 핵심 기능 중심으로 컨트롤 버튼을 배치해, 최소한의 조작으로도 쉽게 사용할 수 있습니다.

필요한 순간을 빠르게 찾는 녹화 영상 목록

자동 저장되는 주행 및 주차 영상은 충격, 모션 감지, 수동 녹화 등 이벤트 유형별로 체계적으로 분류되어 저장 되며, 사용자는 이를 기반으로 보관 · 캡처 · 삭제 등의 관리 기능을 손쉽게 수행할 수 있도록 설계되었습니다. 이러한 구조를 통해 필요한 영상을 빠르게 식별하고 정리 가능하며, 저장 공간의 효율적 운영과 영상 보존의 중요도에 따른 관리까지 가능하도록 지원합니다.

더 넓고 정밀해진 AI ADAS 보조 알림

차선 이탈, 전방 추돌 등 위험 요소를 AI가 실시간 감지하고, 운전자의 시야를 방해하지 않는 위치와 형태로 필요한 순간에만 시각적으로 안내합니다.
경고의 타이밍과 표현 방식은 실제 주행 상황을 기준으로 설계되었습니다.

더 넓고 정밀해진 AI ADAS 보조 알림, 차선 이탈, 전방 추돌 등 위험 요소를 AI가 실시간 감지하고, 운전자의 시야를 방해하지 않는 위치와 형태로 필요한 순간에만 시각적으로 안내합니다.경고의 타이밍과 표현 방식은 실제 주행 상황을 기준으로 설계되었습니다.

기기별 조작 방식에 맞춘 설정 UI 설계

카메라 · 밝기 · 녹화 등 주요 설정을 쉽게 제어할 수 있도록, 입력 방식에 맞춰 UI를 다르게 설계했습니다.
3.5인치는 압력 터치 버튼으로 빠르게 전환하고, 10인치는 토글 · 슬라이더 등 직관적인 터치 UI를 적용해 주행 중에도 안전하고 편리하게 조작할 수 있게 했습니다.

기기별 조작 방식에 맞춘 설정 UI 설계

Mobile

더 익숙한 화면에서 제어하는 앱 기반 설정 연동

모바일 앱을 통해 기기 등록, 설정 변경, 업데이트 등을 간편하게 진행할 수 있으며, 앱에서 설정한 항목은 블랙박스 디바이스에도 자동으로 연동되어 즉시 반영됩니다.
화면이 작고 조작이 제한된 디바이스 환경을 보완하기 위한 설정 경험으로 설계되었습니다.

더 익숙한 화면에서 제어하는 앱 기반 설정 연동더 익숙한 화면에서 제어하는 앱 기반 설정 연동

EMT만의 운전 숙련도 기반
맞춤 추천 설정

AI ADAS는 별도 메뉴 진입 없이 홈 화면에서 바로조작할 수 있어, 설정 과정을 빠르게 마칠 수 있도록 설계했습니다. 앱 홈 화면에서는 입문자, 숙련자, 사용자 설정, 사용 안 함 중 선택 가능하며, 운전 숙련도에 따라 ADAS 활성화 여부와 관련 항목이 자동 구성되어있습니다.

EMT만의 운전 숙련도 기반 맞춤 추천 설정

UI Cencept

브랜드 아이덴티티를 반영한 UI 디자인

엠티오메가 블랙박스만의 브랜드 아이덴티티를 찾기 위해 리서치를 진행했고, 그 과정에서 주 고객층이 30대 이상이라는 점에 주목했습니다. 차분한 다크 테마에 한 가지 포인트 컬러를더해 절제된 세련미를 표현하고, 한정된 디바이스 화면에서도 정보가 명확하게 전달될 수 있도록 텍스트 대신 직관적인 아이콘을 중심으로 디자인했습니다.

Design Keyword & Concept

  • 컨텍스트에 맞는 레이아웃

    Contextual Layout

  • 시각적 계층화

    Visual Hierarchy

  • 공통 요소 사용

    Consistent Elements

  • 단계별 가이드와 명확한 구조

    Clear Structure

Structure & Module

10인치 블랙박스의 레이아웃을 운전자의 시선 흐름에 맞춰 좌에서 우로 이어지도록 적용하였으며, 주행 중 자주 사용하는 주요 기능은 터치하기 가장 편한 영역에 배치했습니다.

EMTOMEGA Black Box Design System

엠티오메가 디바이스의 일관된 비주얼을 제공하도록 디자인 가이드를 제작했습니다.

EMTOMEGA Black Box Design System
EMTOMEGA Black Box Design System
emtomega 홈페이지 화면