아이나비와 아틀란의 유저 인터페이스(UI: User Interface)는 핵심 골격에 있어서는 서로 공통적인 부분이 있는가 하면, 각자의 아이디어와 개성이 담긴 부분에 있어서는 당연히 상이한 부분도 지니고 있습니다. 먼저 기본 UI부터 살펴보겠습니다.

▶ 기본 UI의 비교

아이나비는 좌측 아래에 주메뉴로 들어가는 메뉴 버튼을 배치해 놓고 있으며 그 위로 GPS, 방위, 사용자위치 등록, TPEG 버튼과 축척 표시 라벨을 배치해 놓고 있습니다.

초기의 아이나비는 수직 방향 버튼 배열이 한 줄이었으나, 점차 기능성이 강화되면서 현재의 두줄 배열을 갖게 되었습니다. 두 번째 줄에는 DMB 버튼(기종에 따라 나타나지 않는 경우도 있음)과 테마존 버튼, 맵매칭 버튼과 안전운행 등록 버튼이 배열되어 있으며, 경로 탐색을 하면 경로 주변검색 버튼도 표시됩니다.

화면 우측으로는 GPS 수신시 시계가 표시되어 주행 중 현재 시간을 확인할 수 있으며, 우측 하단으로는 현재 사용자 위치의 행정구역이나 도로명칭이 나타납니다. 만약 지도 화면을 터치한 경우라면 화면 우측으로 지도 확대/축소 버튼 및 3D건물표시 On/Off 버튼이 나타나며, 우측 하단으로는 출발지/목적지/경유지를 설정할 수 있는 버튼 및 경로 탐색 버튼이 나타납니다.

아이나비가 사용 빈도가 높은 버튼들을 화면 왼쪽에 배치해 놓은 것은 차량 내 네비게이션의 거치 위치가 운전석 오른쪽이라 했을 때, 가능한 손을 적게 뻗으면서도 원하는 조작을 할 수 있도록 배려한 것이라 볼 수 있습니다.

이에 비해 아틀란의 기본 UI는 다음과 같습니다.

왼쪽 화면 아래에 메인메뉴로 진입할 수 있는 메뉴 버튼이 배치된 것은 아이나비와 동일하지만 그 바로 옆에 상황에 따른 단축메뉴를 표시하는 \'핫메뉴\' 버튼이 자리하고 있습니다.  아이나비에서는 대부분 버튼들이 화면 왼쪽에 자리하고 있지만, 아틀란에서는 주요 버튼들이 대부분 화면 우측에 배치되어 있습니다.

화면 우측에는 방위, 지도표시모드, 축척, 교통정보, DMB 버튼이 자리하고 있으며, 상태 표시줄과 연결된 라인으로는 멀티컨트롤 버튼과 GPS 감도 표시 버튼이 배치되어 있습니다. 비주얼 컨트롤 버튼은 시계 표시 여부와 화면 밝기, 음량 등을 설정할 수 있도록 합니다.

우측 하단으로는 현재 위치의 행정구역과 도로명을 표시할 수 있는 상태표시줄이 있는데 이곳에는 주행 시간과 거리 또한 표시됩니다.

아이나비의 대부분 버튼이 화면 좌측에 표시되어 운전석 기준으로 보다 쉽게 누를 수 있도록 배려하고 있는 반면, 아틀란은 버튼들을 화면 우측에 배치함으로 손에 의해 화면이 가려지는 현상을 최소화하는 개발 정책상의 차이를 보이고 있습니다.

이는 아틀란이 업계 최초로 제공하고 있는 듀얼 맵 기능과도 연관이 있는 것으로서 버튼을 누르고 화면 내용을 확인하기 위해 다시 손을 떼어야 하는 것이 아니라 그대로 손을 둔 채로 연속적 상호 반응을 지속할 수 있도록 하기 위한 배려를 담고 있는 부분이기도 합니다.

이번에는 아틀란이 국내 업계에서는 최초로 발표한 듀얼맵의 UI를 살펴보겠습니다. 일반 싱글맵에서 듀얼맵으로의 전환은 "지도표시모드" 버튼을 눌러 원하는 듀얼맵 모드를 선택함으로 가능합니다.

듀얼맵 모드는 2D+3D와 3D+2D 그리고 2D+2D가 가능합니다. 아래 화면은 듀얼맵 화면의 대표격인 2D+3D 화면의 예입니다.

왼쪽은 2D, 오른쪽은 버드뷰(3D)를 표시하는 2D+3D 화면을 기준으로 듀얼맵 화면의 기본적 UI를 살펴보면, 기본적인 버튼의 배치는 2D일 때와 비슷하지만, 왼쪽 맵 영역 우측에 나침반과 사용자POI버튼, 확대 및 축소 배율 버튼이 나타나는 특징을 갖고 있습니다.

2D맵 영역은 나침반 버튼을 눌러 좌우 위치에 상관없이 정복 방향 또는 차량 진행 방향을 선택할 수 있으며, 버드뷰 모드는 차량진행 방향이 3D화된 모드이므로 별도의 모드 전환은 지원하지 않습니다.

왼쪽 패널에 나타나는 사용자 POI 버튼은 미리 지정해둔 POI 종류(주유소/은행/병원/지하철역 등)의 표시 여부를 설정하는 것으로서 사용자가 자주 이용하는 POI 분류를 지도 상에 강제적으로 표시시킨다는 점에 있어서는 아이나비의 "정보화면설정" 기능과 유사하나, 아이나비가 1종만 지원함에 비해 대분류 14종 (세분류 161종)을 지원합니다.

아틀란이 제공하는 듀얼맵 화면의 효용성은 아무리 강조해도 지나치지 않을 정도의 편리함과 유용성을 지니고 있습니다. 동일 지역의 표시 방법을 2D와 3D로 달리하여 나란히 보여주는 것은 운전자가 자신의 절대 위치와 상대 위치를 단번에 파악할 수 있도록 하며, 양쪽의 배율을 달리해서 볼 수 있는 기능은 근거리 상세 정보와 원거리 상세 정보를 동시에 얻을 수 있음을 의미하기 때문에, 듀얼맵이 제공하는 효용성은 현위치와 가야할 길에 대한 직관을 보다 빠르고 정확히 제공한다는 점에 있어서 네비게이션 UI 개발사의 큰 획을 긋는 성과로 평가할 수 있습니다.

한가지 다행스러운 것은 이러한 듀얼맵의 막강한 장점이 다른 맵으로 점차 확산될 조짐을 보이고 있는 점입니다. 이미 지니와 루센은 레이싱맵과 요약맵이란 UI로서 비록 단순하지만 듀얼맵의 장점을 일부 반영한 기능을 제공하고 있으며, 아이나비는 그 후속맵이라 할 수 있는 "아이나비3D"에서 사실상 듀얼맵이라 할 수 있는 2D+3D 화면을 선보이고 있습니다.

▶ 경로 안내 UI의 비교

경로 안내시 나타나는 UI로는 가장 기본이 되는 터닝포인트 정보와 주행 차선정보, 방면정보, 잔여거리/소요예상시간 정보, 교차로 확대도, 패턴 교차로 그리고 경로 안내의 꽃이라 할 수 있는 실사3D 확대도(상세교차로)등이 있습니다. 먼저 기본 경로 안내 화면부터 살펴보겠습니다.

아이나비의 제반 경로 안내 정보는 버튼들 위치의 반대쪽인 오른편에 주로 표시됩니다. 우측 최상단에는 위의 스크린 샷에서 볼 수 있는 바와 같이 차선 정보 또는 목적지까지의 남은 거리/시간이 표시되며, 그 아래로는 표지판 방면 정보가 표시됩니다. 차선 정보는 매우 상세한 편이라 아틀란이 제공하지 못하는 포켓 차선이나 가변 차선 정보도 보여줍니다.

우측 화면 중앙부에는 GPS 위성 시간을 기준으로 한 현재 시간이 표시되며, 우측 하단에는 경로 안내 심볼과 남은거리가 표시됩니다. 경로 안내 심볼 바로 옆인 \'현위치 표시 섹션\'에는 목적지 명칭이 자동 전환되면서 표시됩니다.

경로안내 심볼은 기본적으로 1개가 표시되지만,터닝포인트 두개가 500m 이내의 거리로 인접한 경우에는, 차기(次期) 경로안내 심볼이 현(現) 경로 안내 심볼 왼쪽에 빨간색으로 나란히 표시됩니다.

이러한 아이나비의 UI 항목 배치는 "from~to~" 개념에 기초한 것으로 터닝포인트(from) 정보는 하단에, 방면(to)에 대한 정보는 상단에 배치한다는 기본 설계 방침에 기반하고 있습니다.

다음은 아틀란의 기본 경로 안내 화면입니다.

아틀란은 아이나비와는 반대로 좌측 상단에 주요 경로 안내 정보 박스(TBT(Turn By Turn) 박스)를 배치해 놓고 있습니다. 즉, 좌측 상단에 경로 안내 심볼과 남은 거리, 방면정보를 박스형으로 배치하고 있으며, 차기 터닝포인트에 대한 안내심볼과 남은 거리도 터닝 포인트간의 거리에 상관없이 항상 표시하고 있습니다.

우측하단에는 현재 주행 중인 도로의 명칭과 행정 구역, 주행 거리와 시간이 순차적으로 롤링(rolling)하며 표현됩니다.

아틀란이 길안내의 핵심이 되는 경로 안내 정보 박스를 좌측 상단에 배치하고 있는 것은 신문의 해드라인이 왼쪽 상단에서부터 시작하는 것과 같은 논리로서, 사람의 시선이 가장 먼저 가는 곳이 좌측 상단이란 분석에 근거한 UI 구성을 보여주고 있습니다.

그러면서도 현위치 정보는 우측 하단에 배치함으로 아이나비가 지금까지 추구해온 "from~to~"의 설계 철학을 포괄하면서도, "to~" 에 해당하는 정보를 좌측 상단에 집약시켜 표시함으로 시인성과 논리적 일관성, 실용성을 확보하는 신예 소프트웨어답지 않은 원숙한 UI 구성을 보여주고 있습니다.

한편, 위와 같은 기본 경로 안내 UI와 더불어, 길안내의 직관성을 극대화하기 위하여 두 소프트웨어는 교차로 확대도와 패턴교차로, 그리고 상세교차로(실사3D 확대도)를 제공하고 있습니다. 먼저 교차로 확대도부터 살펴보겠습니다.

교차로 확대도는 패턴이나 상세교차로를 적용할 필요가 없는 단순 좌/우회전이나 U턴 포인트 지점에서 표시되는 것으로 지도를 확대해서 보여주되 진행해야할 방향을 강조해서 보여주는 특징을 갖고 있습니다. 경로 정보가 표시되는 위치가 다르듯, 아이나비는 화면 오른쪽 영역에 아틀란은 왼쪽 영역에 표시하고 있습니다.

패턴교차로란 지하차도나 고가도로 진입, 고속화도로 진출입 방법 등 전형적인 패턴의 추출이 가능한 지점을 심플하게 그래픽화 한 것으로 아이나비는 자차 위치 표시 애니메이션을 부가하여 약 20여종(추정치, 상세 스펙 미공개)을 제공하며, 아틀란은 용량상 애니메이션 대신 위치 게이지를 부가하여 전국 7233곳의 교차로에서 추출한 140여개의 패턴 이미지를 제공하고 있습니다. 교차로 확대도와 마찬가지로 아이나비는 오른쪽, 아틀란은 왼쪽에 이를 표시합니다.

위의 스크리샷들 중 상위 두종의 패턴교차로를 보면 아이나비는 공히 우측 출구를 표시하는 동일한 패턴 이미지를 사용하고 있으나, 아틀란은 우측으로 빠져나간 후 기존 도로 위로 램프가 이어져 있는지, 아래로 이어져 있는지에 따라 패턴교차로 이미지가 구분되어 있는 것을 확인할 수 있습니다.

한편, 패턴교차로만으로 표현하기 힘들거나 이용도가 높은 구간의 현실감을 보다 극대화하기 위하여 현실속의 실사 이미지를 적용한 상세교차로(실사3D 확대도)를 두 맵 모두 제공하고 있는데, 옵션 설정에 따라 패턴 교차로처럼 화면 절반 영역에만 표시하거나 또는 전체 화면 영역에 표시가 가능합니다.

아이나비의 경우 실사3D 확대도의 정확한 갯수는 현재 공개되지 않고 있는 반면, 아틀란은 업계 최대 갯수에 해당하는 4378개 (주야간 각각 2189개)를 제공하고 있습니다. 또한, 아이나비의 실사3D 확대도가 WQVGA(480x234)급 해상도를 기준으로 제작되어 WVGA(800x480)급의 고해상도에서 화면에서 화질이 감소되어 보이는 반면, 아틀란은 WVGA급 고해상도 화면에 네이티브하게 제작되어 있어 보다 디테일이 우수한 화질을 보여줍니다.

한편, 고속도로를 주행할 경우 나타나는 고속도로 전용 모드 UI는 주행 중인 고속도로의 명칭과 IC, JC, 휴게소 정보와 각 지점까지의 남은 거리를 표시한다는 기능적인 점에 있어서 공통적이나 UI의 디자인과 배치에 있어서는 상이함을 보여주고 있습니다.

위의 그림에서 볼 수 있는 바와 같이 아이나비의 고속모드는 풀스크린을 전제로 제작이 되어 있는 반면, 아틀란은 고속모드와 일반 지도가 화면을 절반씩 나누어 사용하는 듀얼맵 화면을 전제로 개발이 되어 있습니다.

아이나비는 각 IC,JC,휴게소 등에 대한 정보 패널을 동일 크기로 깔끔함을 추구하여 표시하고 있는 반면, 아틀란은 가까운 지점은 크게, 먼 지점은 작게 표현함으로 3D적인 원근감을 추구했다는 점도 이채로운 차이점입니다.

고속도로 모드 정보패널에는 공히 주유소 (브랜드별) ,  LPG 충전소, 차량정비소 등의 존재유무를 알려주는 아이콘이 표시되며, 아틀란의 경우는 추가적으로 현금지급기의 존재 유무도 표시합니다.

▶ 메뉴 시스템 UI의 비교

 아이나비의 메뉴 시스템은 새내기 사용자를 위한 "기본메뉴"와 중급 이상 사용자를 위한 "고급메뉴"로 구분되어 있습니다.

"기본메뉴"가 명칭, 주소, 주변, 테마의 4개의 검색 기능을 통해 목적지를 설정해서 바로 길안내를 받을 수 있도록 하는 선형 구조의 퀵(Quick) 메뉴라면, "고급메뉴"는 아이나비의 모든 부분을 구석구석 컨트롤 할 수 있는 계층적 메뉴 구성 (5개의 주메뉴로부터 42개의 부메뉴로 분기)을 제공합니다 (필자 주: 플랫폼에 따라 부메뉴 갯수는 다소 차이가 있을 수 있음).

아틀란은 새내기용 퀵 메뉴가 없는 대신 주메뉴와 핫메뉴(hot menu)의 두 개의 시스템을 제공합니다. 주메뉴는 아이나비의 고급메뉴처럼 아틀란의 모든 기능에 접근할 수 있는 고급 기능인 반면, 핫메뉴는 그때 그때 상황에 맞게 꼭 필요한 메뉴를 제공하는 지능형 가변 메뉴 시스템이라 할 수 있습니다.

아틀란의 주 메뉴는 5개의 주메뉴로부터 52개의 부메뉴로 분기해 들어갈 수 있도록 되어 있으며, 핫메뉴는 경로없이 주행하는 경우와 경로를 가지고 주행하는 경우에 따라 그에 알맞은 메뉴만 보여줄 수 있도록 고안되어 있습니다.

두 제품의 개별 메뉴 스샷에서 볼 수 있는 바와 같이 아이나비의 메뉴는 지도 화면 위에 각 버튼들이 오버레이(overay)되어 표시되는 방식임에 비해, 아틀란은 각 메뉴 단계가 전체 화면을 차지하는 대화 상자 형태로서 표시되도록 되어 있습니다. 아이나비도 최종적인 개별 메뉴 설정 부분에 가서는 대화 상자 형태를 갖고 있으나 메뉴 설정 중에도 비록 일부나마 배경이 되는 지도 화면을 볼 수 있다는 점에 있어서는 아이나비의 메뉴 표시 방식이 시각적으로 보다 세련되어 보이는 측면이 있다 하겠습니다.

또한, 네비게이션을 처음 구매한 새내기 사용자가 네비게이션에 채 친숙해지기 전에도 즉석해서 경로를 설정하여 길안내를 받을 수 있는 "기본메뉴" 시스템은 아틀란이 벤치마킹해야할 좋은 UI 구성이라 볼 수 있습니다.

반면, 아틀란의 "핫메뉴"는 아이나비에는 존재하지 않는 편리한 지능형 메뉴 시스템으로서, 반복되는 패턴형 동작임에도 매번 다단계의 터치 과정을 거쳐야 하는 아이나비의 "고급 메뉴" 계층적 구조에 비해, 마치 핫키처럼 그때 그때 상황에 필요한 기능에 단번에 액서스할 수 있다는 점에 있어서 일단 네비게이션에 익숙해진 사용자들에게 편리함을 선사하는 좋은 메뉴 시스템이라 하겠습니다.

또한, 핫메뉴 대신 아이나비의 사용자메뉴 처럼 핫메뉴에 나타나는 항목을 사용자가 임의로 지정할 수 있는 옵션도 제공하고 있습니다.

한편, 두 제품은 모두 정규 메뉴 시스템과는 별도로 독립 메뉴 항목들을 지니고 있습니다. 아이나비는 TPEG의 경우 기종과 서비스 제공사에 따라 별개의 UI를 갖는 별도의 메뉴 항목을 지니고 있으며, 아틀란은 시계 표시 유무나 종류 설정, 트립 정보등이 개별 메뉴로서 화면 상의 특정 버튼으로만 접근이 가능하도록 분리시켜놓고 있습니다.

▶ 멀티미디어와의 연동 UI 비교

아이나비는 기본 태생이 PDA 환경이다 보니 운영체제나 사용자가 설치한 개별 애플리케이션의 동작은 그 설치 주체에 일임하고 간섭하지 않는 독립형 연동 구조를 기본으로 하고 있습니다.

이러한 컨셉은 아이나비를 장착한 다양한 전용기기에도 그대로 이어져 아이나비 메뉴 시스템에서 전용기 차원에서 제공하는 MP3, 포토앨범, 차계부, 게임등의 기능을 직접적으로 제어하지 않는 대신, 기기에 따라 스위칭 메뉴 또는 단말기 메인 메뉴로 이동할 수 있는 기능을 통해 다른 부가 기능과의 멀티태스킹이 가능하도록 지원하고 있습니다.

다만, 아이나비와 더불어 매우 높은 사용 빈도를 지닌 DMB에 대해서는 일부 전용기에 있어 아이나비에서 직접 런칭(실행)을 시키며, PIP나 NIP 방식으로 연동할 수 있는 기능을 제공하고 있습니다.

이에 비해 아틀란은 기본 태생이 전용기 환경이다보니 단말기가 제공하는 메인메뉴와는 별도로 아틀란 자체가 단말기의 중심적 역할을 장악하여 부가기능들을 제어할 수 있는 연동구조를 지향하고 있습니다.

그에 따라 위의 그림에서 보는 바와 같이 아틀란은 멀티태스킹이 가능한 제반 부가 기능 - DMB, MP3, 포토 앨범 등을 아틀란의 메뉴 시스템을 통해 직접 제어할 수 있도록 합니다.

이는 사용자 입장에서 경우에 따라 보다 편리한 UI로 다가오는데, 예를 들어 네비게이션과 MP3 재생 기능을 동시에 사용하는 경우 아이나비는 MP3 조작을 위해서 프로그램 자체를 전환(switching) 해야 하지만, 아틀란은 자체 내에서 듀얼 화면을 통해 네비게이션 조작과 MP3 제어를 동시에 할 수 있는 잇점으로 반영됩니다.

단, 이러한 아틀란의 연동구조는 단말기 퍼포먼스가 허용되는 한계 내에서만 제공되며, 그 한계를 넘어서는 경우나 연동이 필요없는 부분에 대해서는 연동 기능을 제공하지 않습니다. 즉, CPU 과부하를 유발시킬 수 있는 네비와 동영상의 동시 동작이라든가, 아틀란의 UI와 연동 자체가 의미 없는 고스톱이나 노래방과 같은 부가 기능의 경우는 아이나비와 마찬가지로 단말기의 운영체제와 개별 어플리케이션에 그 실행과 제어를 일임하고 있습니다. 


p.s 반응보고 담에 또 이이서 시리즈로 올릴께요.