키천기입니다. 본격적으로 여름이 다가오고 있네요. 더운 여름에 건강 유의하시기 바랍니다. 이번에 포스팅은 아이나비 마하2 AIR의 주행화면 GUI 변경과 이에 대한 아이나비 K11/R11 AIR의 상관관계 (이거 뭐야, 어려워.) 대한 소재로 얘기를 풀어볼까합니다.

 

아이나비에 대해 관심을 많이 가지고 계신 사용고객분들은 눈치를 채셨을겁니다.

 

오옷? 아이나비 마하2 AIR주행화면 GUI가 아이아비 리뉴얼버젼의 매립형 스타일인데? 아 그런데, 잠깐! 자세히보니 뭔가 또 달라진게 있어! 비슷하지만, 뭔가 다르다!”

 

, 그렇습니다. 뭔가 달라진게 있습니다. 먼저 이미지부터 보여드리겠습니다.

 

외형적으로 크게 달라진점은 상단바추가, 지도줌인/아웃(+/-)버튼변경, 목적지정보변경, 경로취소버튼 추가입니다. 이렇게 바뀐 이유가 무엇일까요? 오늘 설명해 드리겠습니다.

 

1차적으로는 아이나비 K11/R11 AIR와 상관관계가 있기 때문입니다. 플래그쉽 모델 아이나비 K11/R11 AIR아이나비 UX적인 측면에서 자사모델중 가장 최신의 UI입니다. 이것은 아이나비 2011리뉴얼버젼에서 다음 스텝의 UX를 제공하겠다는 의미인 것입니다. 이것에 대해 좀더 자세히 말씀 드리는 것은 이전 포스팅에서 얘기 하지 않았던 여러 소재들 중 하나를 꺼내는 연장선상이라 할 수 있습니다.

 

2차적인 이유로 들어가겠습니다. 아이나비 지도/주행화면 GUI의 변화는 아이나비 K11/R11 AIR 개발시기로 거슬러 올라갑니다. 안드로이드 ICS버전(아이스크림샌드위치) 기반으로 개발된 아이나비 K11/R11 AIR OS의 특성상 상단의 Combined Bar가 항상 존재하는 구조이고, 이러한 전제를 두고 아이나비 환경에 맞는 UI를 설계하였습니다. Combined Bar는 각종 시스템상태와 설정의 빠른 접근, UI flow의 컨텍스트(이전버튼, 홈메뉴, 이동등)를 관장하는 편리한 역할을 하지요. 이는 아이나비 K11/R11 AIR의 전체 UI에 범용으로 일관성 있게 적용되는 사항입니다. 지도주행화면도 예외는 아니었죠. 이러한 이유로 아이나비 K11/R11 AIR는 지도주행화면에 상단바가 존재하였습니다.

 

이에 따라 GUI적으로 공간의 제약이 발생하게 됩니다. 상단바의 자리가 차지하는 만큼 좌측 맵버튼이 배치되는 공간이 조정되어야만 했지요. 그럼 어떻게 공간제약을 해결 해야 할까요?

사실, 사용의 빈도를 고려하고 기존의 아이나비 UX의 누적된 익숙함을 고려하면 뺄 것이 없어 보입니다. 그렇다고 버튼을 작게하여 모두 배치한다면 터치사용성에 문제가 발생하겠지요. 우선순위를 고려한 고민과 논의를 통해 조정을 하였습니다. 바로 지도 축소/확대 버튼을 변경하는 것이었지요. 축소/확대버튼을 제거하고, 대신 버튼영역이 아니었던, 지도의 축척상태정보를 나타내는 레벨과 축적표시정보를 버튼으로 바꾸어 이를 누르면 지도/확대 기능을 사용할 수 있는 상세확장 UI에 축소, 확대버튼을 배치하였습니다.

 

이는 예전에 있던 UI였으므로 사용고객이 크게 무리 없이 학습할 수 있을 것이라 예상했습니다. 그럼 주행중에 지도 축소/확대하려면 불편하잖아요!” 라고 말씀하실 수 있는데, 주행 중에는 원칙적으로 조작 금지인거 아시지요?^^” 그리고 아이나비의 최대 장점! 제스쳐 UI라는 멋진 대안이 있으므로 크게 불편하시지 않을 겁니다.

 

! 혹시 제스쳐UI를 모르시나요? 이 좋은 기능을 모르시는 분들을 위해 영상으로 보여드리겠습니다.

 

 

 

와우! 이런기능이 있었어?” 라고 새삼 감탄하시는 분들이 있으시겠지만, 이 기능은 예전부터 모든 아이나비에 기본탑재되어있는 기능입니다~^^ 많이 애용해 주세요~

  

다음으로 목적지/경로정보 버튼에 대해 얘기해보겠습니다.


아이나비 리뉴얼버젼의 경우 목적지/경로정보버튼이 우측 상단에 위치하였었습니다. 그러나 아이나비 K11/R11 AIR아이나비 주행화면 레이아웃에서는 하단바로 위치를 변경하였습니다. 이 변경안을 제시하였을 때 유관부서에서 우려의 목소리가 있었습니다. 상단에 위치한 정보를 하단에 위치하게 되면 사용고객들이 정보인지에 어려움을 겪지 않을까라는 것이었습니다.

이미 그 위치에 익숙해져 있을텐데 바꿔서 좋을것이 없을거라는 것이죠. 그러나 정보디자인관점의 이유에서 위치를 바꿔야만 한다고 생각했습니다. 목적지/경로정보버튼은 경로를 설정한 조건하에 항시 표출되는 고정정보입니다. 이 정보가 주행상황, 어플리케이션 동작에 따라 안내정보에 의해 위치가 이동하여 정보인지에 방해요소가 되는 것은 개선해야할 숙제였습니다. 쉬운 이해를 위해 예를 들어보겠습니다.

예시 이미지를 보시니 이해가 쉽게 되시지요? 이러한 이유로 인해 하단으로 배치를 한 것입니다. 목적지/경로정보정보를 하단으로 내리면서 추가적인 미션을 완료해야 했습니다. 바로 경로취소를 주행화면에서 빠르고 쉽게 할 수 있는 UI가 필요했습니다. 처음 접했을 때 고민이 컸습니다.

 

! 어디에다 슬기롭고 아름답게 배치하고 디자인하지?” 꽉차보이는 주행화면정보는 모두 한자리씩 자리를 차지하고 있었습니다. 거기에 끼어들 틈을 찾아야만 했지요. 경로취소라는 기능을 원천적으로 생각해보면, 목적지/경로정보와 연관된 정보임이 바로 떠올랐습니다.

그렇다면, 그룹핑해야했지요. 볼륨버튼은 좌측 맵버튼 부분으로 이동하고, 목적지/경로정보의 영역을 십시일반 위치를 디테일하게 조정하여 경로취소의 새식구가 자리잡을 수 있게 자리를 마련해주었습니다. 그리하여 현재의 주행화면 레이아웃이 형성이 된것이지요.

그런데, 이것도 사실 아이나비를 잘 아시는 사용고객이라면 제스쳐UI로 한방에 처리할 수 있는 기능입니다. 이것도 한번 보실까요 

 

 

 자 그러면 기존 하단에 있던 정보들이 충돌이 발생할 테니, 새로 이사를 해주어야겠지요 

방면 정보는 차로정보와 한셋트이고, 또한 차기턴정보와 공유하는 정보라는 것은 변함없는 전제 사항이었습니다. 하단바로부터 탈출시키되 차기턴정보측면에, 차로정보 상단에 배치하여 연관정보의 그룹핑이 유지될 수 있게 하였고, 현위치정보는 상대적으로 확인 빈도수가 낮은 목적지명과 위치를 공유하여 번갈아 표출하는 방식으로 변경되었습니다.

 

이렇게 되면서 목적지정보는 어떤 주행안내 상황에서도 항상 고정된 위치의 정보역할을 할 수 있게 되었습니다. 또한 기존안내는 안전운행구간표출시 탐색옵션정보를 가리게 되는 구조였는데, 정보우선순위를 고려할때 가려도 큰 지장이 없는 정보라 할지라도 깔끔한 정리는 아니었기에 마음에 걸렸었습니다. 이러한 부분까지 자동적으로 해결되었습니다. 사실 목적지/경로정보버튼의 위치에 대해 아이나비 역사적으로 더 파고들면, 원래 위치로 금의환향(?) 한 것이라 볼 수 있습니다. 아이나비 SE 1.0의 주행안내화면에서 목적지/경로정보가 하단바에 위치해있었지요. 자 그때 그 화면 보실까요?

 

 

겉으로 볼때는 별거 아닌것 같은 GUI디자인이 사실 내부의 많은 고민과 테스트, 수정에 수정을 통해 나온 비하인드 스토리가 있습니다. 비단 아이나비 GUI디자인뿐만 아니라 이세상의 모든 디자인들이 많은 고민과 시행착오를 거치며 세상의 빛을 보는 거겠지요. 처음 서두를 던진 부분에 대해 마무리를 지려합니다.

 

래그쉽 아이나비 K11/R11 AIR에 탑재된 아이나비 마하2 AIR의 지도/주행화면 UX는 기존에 비해 개선된 버젼이고, 이후 출시 되는 모델 및 업그레이드가 가능한 버전에 대하여, UX적인 일관성을 구축해야할 필요성이 있습니다. (물론 최대한 허용하는 상황에서 말이죠.)

그래야 아이나비에 대한 사용고객분들이 기종을 변경후에도 아이나비 기종이 변경되어도 한번 익숙하게 경험이 베어있으면 편하게 사용할 수 있구나라고 느끼며, 아이나비UX에 대해 신뢰감을 가질 수 있을테니까요. 이것또한 아이나비UX가 추구하는 철학중에 하나라고 믿고 싶습니다.

 

아오이번 포스팅도 많이 길어졌네요. 이제 포스팅을 마무리 지어야겠습니다. 이번에 출시한 위성지도 탑재 내비게이션, “아이나비 마하2에어많이 성원해주시구요아이나비 K11/R11 AIR도 위성지도가 탑재되어 있는 플래그쉽 모델이니 많이 관심가져 주세요~^^

 

이제 무더운 여름이 다가오고 있습니다. 더운 여름철 차량관리에 신경써주시고, 무엇보다도 건강유의하시기 바랍니다. 또한 안전운행도 필수! 입니다. 그럼 다음 포스팅을 기약하며, 인사드리겠습니다. 즐거운 하루 되세요~

 

  

 

 

 

 

 

 

 

 

저작자 표시 비영리 변경 금지
신고
Posted by 도란도란양

댓글을 달아 주세요

  1. 뉴 SM5 차주 2013.09.23 09:37 신고  댓글주소  수정/삭제  댓글쓰기

    매립형 네비인 경우 하단 상태바가 잘 안보이는 경우가 아주 많습니다. 차선안내, 목적지 남은 거리, 도착 예정시간 등이 전부 하단 상태바에 있는데 이를 상단으로 올리는 옵션을 추가해주시면 고맙겠습니다.

    • 럭키천기 2013.09.23 11:17 신고  댓글주소  수정/삭제

      뉴 SM5차주님 안녕하세요~ ^^ 말씀주신 사항 참고하여 차후 기능개선시 가능여부를 검토해보겠습니다. 의견 주신점, 감사합니다~

키천기입니다. 거의 3개월이 넘어서 다시 인사를 드리네요~  여름에 찜통같던 더위는 언제 그랬냐는 듯, 날씨가 선선하다 못해 다소 쌀쌀하기 까지 합니다.

 

 

제가 아이나비 S/WR가 변했다 #3편에서 "요즘 정신없이 바쁩니다. 그 이유는 '삐----(방송에서 편집음 처리 사운드)'때문입니다. 바쁜이유가 궁금하시겠지만, 그건 나중에 빵! 터뜨리기로 하구요..." 라는 내용을 보셨는지 모르겠습니다. 나중에 빵 터뜨린다는 내용 중 하나가 아이나비 에어입니다.

(하나 더 있긴합니다. 그것 또한 나중에.... 뭔가요? 인기 드라마 계속 보게 만드는 감칠맛 나는 예고편도 아니고... 꾸번 죄송합니다.)

 

럭키천기의 주특기인 삼천포로 빠지는 것은 이제 그만하구요.. 본격 아이나비 에어에 대해 얘기를 해볼까 합니다.

 

이번 포스팅은 아이나비 에어에 대한 디자인 비하인드 스토리 시리즈 중 안전운행구간경고안내(이하 일명 감속도우미로 제 맘대로 명명하겠습니다.)에 대해 말해볼까 합니다. 사실 아이나비 에어에 대한 비하인드 스토리는 순서가 있었으나 이동규 대리님이 선수를 치는 바람에(미워!) 순서를 부득이하게 변경하였습니다.

 

참고하세요! 귀성길의 필수품 '아이나비 AIR'의 숨겨진 기능!

 

 

사람을 중시하는 인문학적인 UX의 시도.

 

아이나비 사용자들이 안전운행구간에 대한 개선을 요구한 항목이 있었습니다. 그것은 안전운행구간에서 과속시 좀더 명확한 시각적 피드백을 해달라!”라는 것이었습니다. 이미 타사에는 각 사 나름대로 명확한 시각적 피드백을 주는 장치를 제공하고 있습니다. 하지만, 아이나비는 경고음만 제공하고 있었지요.

 

이 부분은 사실2년전부터 고민해왔던 사항이랍니다. 이미 타사가 제공한 방식이 보편화 되어있고 이를 차별화하여 제공할 수 있는 방안에 대하여 고민을 하고 있었습니다. 여러가지 시도를 해보았지만, 만족스러운 결과는 없었고 사장된 시안들이 여러개였습니다. 그 이유는 너무 강압적이고 부정적인 비주얼로 인해 거부감이 든다는 이유가 가장 컸습니다. 그렇게 묻히는 듯 했지요.

 

그런데 제가 어떤 포럼에 참석을 했었는데, 인문학적인 UX(사용자경험)에 대한 내용의 강연을 들었습니다. 그 순간 뭔가 뙇! 때리는 듯한 아이디어가 떠올랐습니다. 사람의 가치를 중요시 하는, 감성이 전달될 수 있는 그런 UX가 우리 아이나비 중 어디에 적용될 수 있을까 생각의 나래를 펼치다 보니 바로 이 감속도우미로 귀결되더군요.

 

운전은 사실 상당히 위험한 인간 활동 중 하나입니다. 큰 사고라도 나면 사람의 고귀한 생명을 잃게 되고, 사망한 사람과 관계된 가족, 친구, 연인 등 밀접한 지인에게도 큰 아픔과 슬픔을 주게 됩니다. 럭키천기가 포스팅 마무리를 항상 안전운행으로 마무리 하는 것도 이러한 이유입니다. 교통사고 중에서 과속으로 인한 사망사고 비중도 상당히 높지요. 이러한 사고가 발생하지 않도록 보조적으로 도와주는 것도 내비게이션의 역할일 것입니다.

 

이러한 역할을 거부감들지 않게 감성적으로 받아들여 자연스럽게 안전운행을 유도하는 것이 이번에 내비게이션 업계 최초로 제공되는 아이나비만의 감속도우미 입니다.

내가 좋아하는 사람, 사랑하는 사람이 걱정하는 마음으로 과속하지 말라고 얘기하면 그 사람을 위해서라도 자연스럽게 규정속도를 준수하겠지요. 사람마다 다르겠지만, 남편, 아내, , 아들, 남자친구,여자친구, 연예인 등등이 해당될 것입니다. 또한 반대적인 재미요소도 포함되어 있습니다. 싫어하는 사람의 사진을 넣어 그 사람이 보기 싫어서라도 속도를 줄이는겁니다.

 

<이미지출처>  싸이: YG ENTERTAINMENT 공식사이트, 구하라: 구하라 트위터

 

 

아이나비 에어는 여러가지 새로운 시도를 많이 해보자는 분위기였고, 이 아이디어를 실제 서비스로 출생시키기 위해 야심찬(?) 시뮬레이션을 제작해서 회의시 제안을 했습니다. 걱정과는 달리 반응이 재미있다는 긍정적 반응이었습니다. 이에 힘을 받아 개발팀에 요청(이라 쓰고 압박이라 읽는다.)했고 개발팀도 정말 긍정적으로 반영을 해주었습니다. 이자리를 빌어 개발자 여러분들께 감사를 드립니다. ^^

 

아직까지 아이나비에 인문학적인 UX 요소는 많이 부족한 상황이지만, 이런 깨알 같은 기능이 발판이고 시작이겠지요, 사용고객분들의 리뷰들을 보니 이 기능을 정말 많이 좋아하시는 것 같고 블로그의 스크린샷에 꼭 포함해주시는 대표기능이 된 것 같습니다. 디자이너의 의도대로 사용하시고 계신 모습들을 보며 내심 주관있게 추진하길 잘했다는 생각과 함께 상당히 기뻤습니다. (이거 뭐여, 내 자랑이 되었네. 적당히해! !)

 

<이미지출처> 이말년 웹툰 "이말년씨리즈"

 

다음편에도 아이나비 에어에 대한 비하인드 디자인스토리가 계속됩니다. 많은 기대! 부탁 드리구요, (기대가 크면 실망도 크니까요^^) 럭키천기의 마무리 멘트는 역시 눈이오나 비가오나 햇빛이 짱짱하나 안전운행입니다.

 

 

'아이나비에어' 이제는 말할 수 있다 GUI편_ #2 메인메뉴

'아이나비에어' 이제는 말할 수 있다 GUI편_ #3 맵디자인

 

 

 

 

 

 

 

 

 

저작자 표시 비영리 변경 금지
신고
Posted by 도란도란양

댓글을 달아 주세요

  1. 삼삼 2012.10.04 16:36 신고  댓글주소  수정/삭제  댓글쓰기

    아이나비 더 브릴리언트!

    • 럭키천기 2012.10.04 18:22 신고  댓글주소  수정/삭제

      삼삼님 칭찬댓글 정말 감사합니다~ 짧지만 강력한 댓글에 큰 보람을 느낍니다~ ^^ 삼삼님 즐거운 하루 되세요~

  2. 박미르 2012.10.05 03:57 신고  댓글주소  수정/삭제  댓글쓰기

    감속도우미는 사진으로 보니 색다르네요 위~~트있어요 ㅋ

    • 럭키천기 2012.10.05 09:45 신고  댓글주소  수정/삭제

      안녕하세요~ 박미르님, 박미르님도 아이나비 에어를 사용하고 계시다면 한번 감속도우미기능을 편집해보세요~ ^^ 운전중에 보는 느낌이 블로그에서 보는 느낌보다 더 새로울겁니다~^^ 좋은 하루 되세요~

  3. 에그 2012.10.05 10:40 신고  댓글주소  수정/삭제  댓글쓰기

    경로탐색이나..카메라 정보나 업데이트 잘해주세요..

    무겁게 만들지 말구요...ㅡㅡ;;; 쓸때 없는짓 하지말구요...

    기존 고객을 위해 몰 해줄것인가 부터가 시작이에요..

    어디에 인문학을 거들먹거리는지..ㅡㅡ;;

    무엇을 하기전에 고객에게 정말 필요한 기능인지 한번 더 생각해보세요..

    • 도란도란양 2012.10.05 14:04 신고  댓글주소  수정/삭제

      안녕하세요- 에그님
      반갑습니다. 아이나비에서는 항상 고객님께서 필요한 기능이 무엇인지, 그리고 어떻게 하면 효과적으로 표현하고 사용 할 수있는지를 고민하고 있습니다.

      에그님의 소중한 의견 감사드리며, 항상 노력하는 아이나비가 되겠습니다!!
      즐거운 주말 보내세요 ^^

    • 캉디드 2012.10.05 22:03 신고  댓글주소  수정/삭제

      고객이 무엇을.원하는지 알기위해 인문학이든 뭐든 기웃기웃해야죠. 변화하려는 노력을 하는 분들에게 웃으며 응원하는 아량을 보여주시면 좋지싶네요. 회사생활안해버셨는지요? 눈앞에 성과를 보여야하는 기업의 변화는 절대 싶지 않습니다. 학생이시면 나중에 느껴보시고 직장인이라면 다니시는 회사는 어떤가. 거기서 에그님은 무엇을 하시고 계신지 돌아보길 바립니다. 적어도 열정갖고 노력하는 사람에게 돌 던지지 마세요. 오해하실까봐 말씀 드리면 저 직원아닙니다. 아이나비 고객입니다.

    • 아직UZ 2012.10.12 11:28 신고  댓글주소  수정/삭제

      카메라 정보는 기본적으로 안전운행을 위한 보조수단이지 당신 과속하기 위한 도구가 아닙니다.

  4. 한준호 2012.10.05 12:25 신고  댓글주소  수정/삭제  댓글쓰기

    역시 여전히 열심히시군요! 이런 재미난 기능을 진행하게 되셨다니 정말 큰 일 하셨습니다!! 자랑이 아니라 거만을 떠셔도 될 것 같은데요? 하하 ^^ 이 기능이 티핑포인트가 되서 좀 더 친근한 아이나비가 만들어지길 진심으로 응원합니다! ^^

    • 럭키천기 2012.10.05 19:51 신고  댓글주소  수정/삭제

      와우~ 한준호 주임님, 생각도 못했는데, 칭찬댓글을 남겨주시다니!!! 감사합니다~ 잘 지내시죠? ㅎㅎ 한준호주임님 응원에 힘입어 아이나비 GUI디자인이 좀더 좋아질수 있게 노력을 해야겠지요. 하지만 갈길이 가시밭길이라.. ㅎㅎ 쉽지만은 않겠네요~ ㅠㅠ

  5. ㅇㅇㅇ 2014.11.10 16:44 신고  댓글주소  수정/삭제  댓글쓰기

    이동식카메라안내안하네요.. 안전운전하세요그빨간화면도안나오고요.. 그것때문에 걸릴뻔함...경고음도안나오고요.. 그리고행정구역도틀리네요..
    물치항에서속초항으로넘어가는데 속초시로나오네요.. 양양군으로고쳐주새요 그리고 설악해변강릉방향7번국도 80신호카메라로바꿔주세요..
    그리고데이터소모가넘큽니다.. 강원도에서인천오는길에70md...ㄷㄷ 문제점에 위성지도와재탐색..
    데이터소모작게해주세요..지도설정가서받아도소용없음.. 구간단속 시점하고종점하고안내밖에안하네요..평균속도측정해주새요.. 갤팝 아이나비쓰는중홈버튼눌러서 딴거하고 다시아이나비눌러는데 지도먹통.. 속도계만움직임..다시홈버튼눌렀는대 아이나비에어가종료되었습니다..이거빨리수정해주세요..



티스토리 툴바