이나비 마하2 AIR 포스팅 이후로 근 한달만에 인사드리는 럭키천기입니다. 오늘의 포스팅 내용은 이번에 새롭게 변신한 아이나비 SE 지도 디자인의 이야기입니다.

 

이번 2013 7월 업그레이드를 받아보시면, 지도의 느낌이 확! 아주 확! 바뀐 부분이 뙇! 보이실겁니다. 제가 예전에 말씀드렸던 내용 기억하시는지요? 2012 10 15일에 아이나비 AIR 맵디자인 포스팅에서 이렇게 적었었습니다.

 

이렇게 보니, 아이나비 SE지도가 상대적으로 못나게 비교되어 사용자분께서 불만을 표출 하실 수도 있을 것 같습니다. “지도가 못났어! 못나도 너~~~~~~~~~~~~~~~~무 못났어! 바꿔줘! 안바꿔줘? 안바꿔준다 이거지? 브라우니! 물어! 물어!” (….앙대!! 버틸 수가 없다!) 알겠습니다. 아이나비 SE지도도 개선을 고려하겠습니다. 다 같은 아이나비인데, 차별할 수는 없지요…”

 

, 그래서 그 이후로 아이나비 SE지도에 대한 대대적인 디자인 리뉴얼을 진행하였습니다. 그리고 비로소 2013 7월에 장장 9개월의 기간에 걸친 인고의 기간을 거쳐 빛을 보게 되었습니다. (마치 어려운 숙제를 마치고 홀가분해진 학생 같은 마음이군요 ㅎㅎ) 이번에 확 바뀐 SE지도! 예전과 비교한 이미지와 함께 일단 한번 봐주세요~ ^^  이미지 상단의 "◁◁", "▷▷" 버튼으로 이전지도와 리뉴얼된 지도를 비교하실수 있습니다.

 

 

 

 

어떠신가요? 훨씬 보기 편하고, 아름다워진 아이나비 SE지도가 느껴지시나요?^^ 지도레벨에 따라 도로나 POI정보가 이전과 달리 다소 적게 보이는 느낌이 드실겁니다.

그러나, 이렇게 개선한 이유는 실제로 내비게이션을 사용하는 자동차 환경에서 지도레벨에 따라 적절한 표출을 조절하지 않은 지도는 오히려 정보인지를 방해하고 시각적으로 더욱 복잡하여 사용성에 악영향을 주기 때문입니다.

또한, 일부 레벨은 도로의 선형에 안티알리아싱(쉽게 말해 외곽선을 부드럽게 하는 것)이 적용되지 않아 "지글지글"한 느낌이 들어 심미성이 저하되는 부분이 있었습니다. 이러한 부분들이 이번에 대폭 개선된 것입니다. 아웅.... 백문 불여일견이고, 백견 불여 일용 (럭키천기가 순간 떠올라 수정한 한자성어입니다.ㅎㅎ 백번의 설명이 한번보는거 보다 못하고, 백번 보는것 보다, 한번사용해보는것이 낫다는 뜻입니다.) 입니다. 이런건 직접 사용해보셔야 느낌이 확 옵니다. 해당 업그레이드를 지원하는 내비게이션을 가지고 계신 고객님께서는 어서어서 업그레이드 고고싱! 해주세요~ ^^

 

결과물만 보니, 보시는분 입장에서는 좀 바뀌었네?’라고 생각하실 수 있지만, 이러한 결과물을 내기 위해서 사실 큰 난관들을 극복해야 했습니다.

 

처음 계획은, 아이나비 AIR의 지도디자인 느낌을 아이나비 SE에 그대로 담으면 되겠다라고 생각했습니다.

 

그러나, 디바이스를 기반으로 하는 GUI디자인은  단말기 성능, 개발구조, 기타 기술적인 측면 등 디자인 외적인 요소에 상당한 제약을 받는 영역입니다. 현실환경은 그리 녹녹하지 않았지요, 예전에 아이나비 AIR 지도 디자인 포스팅 내용 중에 이런내용이 있었습니다.

 

안드로이드기반의 IPS LCD환경은 디자인하기 좋은 천국이라는 내용이지요. 이에 비해 아이나비 SE WinCE OS기반입니다. 안드로이드보다 훨씬x2 그래픽적인 지원이 열악한 OS입니다. 그리고 스마트폰 하드웨어 성능보다 훨씬 낮은 단말기 성능을 고려하여 하향 평준화하여 디자인해야합니다.

동작퍼포먼스를 고려해야 하는 것이죠, 또한 TN LCD 패널에 따른 색상표현의 퀄리티가 IPS패널에 비해 상당히 낮은 편입니다. 제약덩어리와의 싸움이지요 

 

                                                               출처: 이말년 씨리즈

 

그럼에도 불구하고! 목표를 완수해야만 했습니다. 최고의 결과물은 어렵더라도, 제약상황하에서 최선의 결과물을 도출하자는 목표로 디자이너뿐만 아니라, 개발부서의 담당자분들도 힘을 하나로 모았습니다

 

제약상황속에서도 최선의 디자인 결과물을 뽑아낼수 있는 대안을 제시하였고, 이에 각 부서의 담당자분들께서도 적극적으로 검토하고 최대한 반영해주셨습니다. 하나하나 난관을 극복하면서 새로운 지도의 모습이 형성되어 갔고, 결국 최선의 결과물을 도출할 수 있었습니다.  

 

자 그럼, 본격적으로 지도 디자인에 대해 상세하게 살펴보겠습니다.

 

아이나비 SE 지도디자인 리뉴얼의 컨셉은 다음과 같습니다.

 

 

 

예전의 아이나비 AIR의 지도디자인 컨셉과 맥락을 같이 하는 부분입니다^^

 

하지만, 색상체계는 다소 차이가 있습니다. 물론 아이나비 AIR가 기준이 되긴 했습니다. 그러나 차이가 있는 이유는 좀 전에 말씀드린 내용과 같이 스마트폰의 IPS LCD패널이 아니라, 아이나비 단말기의 TN LCD패널을 고려하여 시인성과 심미성을 확보하는 색상을 잡아내기 위해 많은 튜닝과정을 거쳤기 때문입니다.

 

**아이나비 AIR 아이나비 SE지도 비교.

 

아이나비 SE지도를 사용하시다 보면, 기존 버젼의 지도와 다른 색상을 체감하실수 있을겁니다~

 

또한 지도의 심볼 디자인 요소들도 리뉴얼 되었습니다. 위험지역, 도로노선아이콘, 브랜드POI심볼 일반종별POI심볼, 랜드마크심볼, 기본자차아이콘, 폰트, 텍스쳐가 새롭게 디자인 되었습니다.

 

**각 디자인요소 이미지.

 

 

어떠신가요? 참으로 많은 부분이 리뉴얼 되었지요?새롭게 바뀐 아이나비 SE지도를 경험하시면서기분 좋은 운전이 되었으면 좋겠습니다.^^  

 

이제 아이나비 SE 지도디자인에 대해 맺음말을 들어가겠습니다. 아이나비 SE지도는 SE버젼 1.0이 출시된 2008년 이후 5년만에 새롭게 리뉴얼 되었습니다. 내비게이션의 기본이 되는 지도’, 특히 2D지도에 대한 시스템을 재정립함으로서 아이나비 SE지도가 르네상스를 맞이했다고 볼 수 있습니다.

 

예전의 아이나비 SE지도 보다 젊고, 부드러워진 느낌으로 고객분들께 더욱 만족스러운 UX를 제공할 수 있을 것으로 기대합니다. 물론, 이번 지도디자인을 선호하시지 않는 고객분들이 있을 수 있습니다. 당장은 그렇게 느끼실 수 있습니다. 예전의 익숙했던 느낌과 다르고 낯설기 때문에 충분히 그러실 수 있습니다.

 

그렇지만, 한번 너그러운 마음으로 한동안만이라도 새로운 지도로 사용해 주시길 부탁드리겠습니다. 그럼에도 정말 마음에 드시지 않는다면, 환경설정에서 예전 느낌의 지도로 바꾸실 수 있습니다. 물론 정보체계(POI정보표출 빈도, 레벨별 도로레이어 등)는 새로운 지도와 동일합니다. 2D지도 디자인의 체계정립은 향후 아이나비 2D지도를 사용하는 고객분들께 더나은 디자인이 될 수 있도록 고도화할 수 있는 기반이 될 것입니다.

 

그리고, 이번 아이나비 SE지도 디자인 리뉴얼이 빛을 볼 수 있도록 힘써준 우리 팀원분들과, 관련부서의 개발 담당자분들께 진심의 감사를 드립니다.^^ 여러분들이 제약과 싸우며 최선의 결과물을 위해 노력해주셨기에 오늘의 아이나비 SE지도가 탄생할 수 있었습니다.

 

요즘 장마철이라, 비로 인한 크고 작은 피해가 많이 발생하고 있습니다. 장마철 피해입지 않도록 주위의 점검을 부탁 드립니다. 또한 저의 마무리 고정멘트 항상 안전운전!!”하시길 바랍니다.

그럼 다음 포스팅으로 다시 찾아 뵙겠습니다. 즐거운 하루 되세요~ ^^

 

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

 

 

 

 

 

 

 

 

 

 

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

댓글을 달아 주세요

  1. 김다현 2013.07.19 17:58 신고  댓글주소  수정/삭제  댓글쓰기

    깔끔하네요.. 수고하셨습니다.

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

      안녕하세요~ 김다현님, 좋은 말씀 감사드립니다~ ^^ 칭찬은 힘을 나게 합니다~ ^^

  2. 2013.07.25 10:36  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  3. 김광연 2013.07.26 03:51 신고  댓글주소  수정/삭제  댓글쓰기

    정말 웃긴게... 이번 SE 2DM 업데이트는 뭐 많은 변화가 있지만,
    사이트에는 모든 단말기에 적용되는 것처럼 해놓고 실상 보면 일부 최신 단말기만 적용이된다는거....
    정말 사람 놀리는 건지... 정말 붥 스럽네요.. 아이나비는..

    • 도란도란양 2013.07.29 13:53 신고  댓글주소  수정/삭제

      안녕하세요?
      김광연님, 반갑습니다.

      말씀하신대로 모든 단말에 적용되면 좋겠지만, 하드웨어 사양 때문에 적용되지 못한 제품들이 있습니다. ㅜ ㅜ
      개발자분들이 열심히 노력해서 만든 다양한 기능을 모든 사용자분들이 사용하면 좋을텐데..하는 아쉬움은 저 또한 마찬가지입니다. 열심히 노력해서 더나은 아이나비가 되도록 하겠습니다!!!

      감사합니다.

  4. 9 2013.08.18 11:14 신고  댓글주소  수정/삭제  댓글쓰기

    9월에도업그레이드하나요?
    아이나비es300제품은 이제사후지원 이끝난거고?이제관리도안해주는건가요.?(펌웨어패치라든가,펌웨어업데이)

    • 도란도란양 2013.08.19 17:41 신고  댓글주소  수정/삭제

      안녕하세요? 9님
      아이나비 ES300의 경우 최신 전자지도 업그레이드는 제공하고 있으나, 소프트웨어 업그레이드는 하드웨어 사양 문제로 제공하지 않고 있습니다.

      모든 분들께 제공 하면 좋으나, 소프트웨어 업그레이드로 오히려 내비게이션의 주요 기능인 길찾기에 불편을 겪으면 안되어 전자지도만 최신으로 제공하고 있습니다.

      양해 부탁드립니다.

  5. 김정래 2013.10.19 17:50 신고  댓글주소  수정/삭제  댓글쓰기

    아이나비에어카카오
    3d뷰도좀만들어주새요 ㅠㅠㅠ 2d지도이니 불편하네요 ㅠ

    • 럭키천기 2013.10.22 10:20 신고  댓글주소  수정/삭제

      안녕하세요~ 김정래님, 소중한 의견 감사드립니다.^^
      아이나비에어는 현재 지속적인 개선을 계획하고 있습니다.
      다소 만족스럽지 않으시더라도 이러한 노력을 감안해주시면
      감사하겠습니다~ 그럼 즐거운 하루되세요~ ^^

  6. 정성우 2013.10.24 13:43 신고  댓글주소  수정/삭제  댓글쓰기

    위에분들 처럼 아이나비 KL500에는 3DM지도가 적용되지만 아이나비 KL100은 왜 적용이 안될까요?
    물론 개발자분들은 하드웨어 부족이라고 하지만 KL100과 500은 CPU도 비슷한데 왜 이럴까요?

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

      안녕하세요~ 정성우님, 잘 지내셨어요? KL500과 KL100의 예를 잘 들어주셨는데요, CPU뿐만아니라 전체적인 하드웨어의 상황을 고려하여 상품에 대한 정책을 담당하는 부서에서 정한부분입니다. 제가 상품 정책의 결정된 상세 내용까지는 모르겠으나, 예상하기로는 좋은 기능을 모두 제공해 드리면 좋겠지만, 하드웨어의 안정성을 고려하지 않은 상태에서 좋은기능을 무리하게 적용하다보면 오히려 고객분들에게 불편을 가져다 드릴 수 있는 우려가 있었기에 그렇게 결정하지 않았나 싶습니다. 아무쪼록 제가 대신 너그러운 양해부탁의 말씀을 드립니다. 또한 정성우님의 아이나비에 대한 열정은 정말 놀라울따름입니다. 그정도 고수급 수준이라면, 굳이 아이나비 관련 책자가 필요없어 보입니다.^^ 아이나비에 대한 관심과 애정에 다시한번 감사드립니다~^^

  7. ㄱㅁ 2014.08.10 13:11 신고  댓글주소  수정/삭제  댓글쓰기

    아이나비에어카톡 미시령요금소에 하이패스생겼습니다 안내해주세요 그리고위성지도가 옛날꺼인가요? 위성지도최신지도가아니봐요.. 저희집이 인천논현동인대 아직도 공사할때 찍은사진이나봐요.. 한달에한번씩 새로위성사진업데이트해주세요..
    그리고이동식카메라안내안합니다.. 벌금물을뻔했습니다..
    어린이보호구역에 진입하면 속도계가 빨간색으로나오네요.. 이것때문에 카메라있는줄..
    그리고80카메라있었는데 79km에달리고있었는데 게속경고창뜨네요..안나와도되는데..
    그리고양양일출로 에과속방지턱 이있는데 안내안합니다.. 안내해주세여 그리고양양 강선리이쪽 과속방지턱안내안합니다.. 강선골안길이요.. 안내해주세요.. 그리고최소경로하고 위성지형모드좀..
    그리고소리가작습니다 소리크게해주세요..
    그리고네비키는게 2번을눌어야하니 불편합니다..
    옛버전처럼한번에 들어가게해주세요..
    그리고키면지도나오게해주시고요
    그리고아이나비는탐색할때 교통정보를어떻게수집하나요?

    • 도란도란양 2014.08.14 15:12 신고  댓글주소  수정/삭제

      안녕하세요? ^ㅁ^
      ㄱㅁ님, 말씀하신 변경된 도로정보는 아이나비 홈페이지를 통해 수정지점을 등록할수 있습니다. 알려주신 내용은 제가 대신 수정지점으로 유관부서에 전달하겠습니다. 이후 확인 검증후 지도에 반영됩니다.
      http://www.inavi.com/Upgrades/EditPointSafeRoad/EditPointUseInfo
      전지지도는 1년에 6회 정기적으로 업그레이드 하고 있구요, 위성지도는 1년에 촬영 가능한 날이 많지 않아 최대한 최신의 이미지를 받을수 있도록 노력하고 있습니다. 아이나비의 교통정보는 DMB망을 통해 알려주는 TPEG 정보도 있구요, 실시간 교통정보인 TCON+도 있습니다.
      자세한 정보는
      http://blog.inavi.com/321
      글을 통해 확인하세요!!
      다른 궁금한 내용있으면, 언제든지 댓글남겨주세요!! 즐거운 연휴 보내세요~

키천기입니다. 본격적으로 여름이 다가오고 있네요. 더운 여름에 건강 유의하시기 바랍니다. 이번에 포스팅은 아이나비 마하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차주님 안녕하세요~ ^^ 말씀주신 사항 참고하여 차후 기능개선시 가능여부를 검토해보겠습니다. 의견 주신점, 감사합니다~



안녕하세요. 아이나비 제품디자이너 Whitemud 입니다
. ^^

지난 주 joony의 '아이나비 패키지디자인으로 말한다' 에 이어 제품디자인 이야기를 이어가고자합니다. 

얼마전  평소와 다름 없이 모범사원인척 하면서 불꽃 스케치에 몰두하고 있었습니다. (따르릉~) 
아이나비 스마트A
지식경제부 선정 굿디자인
에 채택되었다는 연락이었습니다.
*굿디자인은 상품의 외관, 기능, 재료, 경제성 등을 종합적으로 심사하여 디자인의 우수성이 인정된 상품에 GOOD DESIGN마크를 부여하는 제도입니다.

OH~ GOOOOOOOD!! 역시 나이가 먹어도 상타는거는 신나는 일 같습니다.^____________^

디자인 마저도 똑똑한 아이나비 스마트 A관련 디자인 컵셉과 특징, 디자인 과정 등등 관련 비하인드 스토리를 알려드리겠습니다.

 

                                  < 2011 Good Design에 선정된 스마트 A >

아이나비 스마트 A는 이렇게 만들어졌습니다.

아이나비 스마트A는 안드로이드라는 두뇌를 갖은 3D모델로 기존 윈도우가 들어간 모델들과는 다른 옷을 입혀주고 싶었습니다.  SMART 라는 이름에 맞게 샤프하면서도 단정하고그러면서도 감성
을 느낄 수 있도록 디자인 이미지를 구상 해나갔습니다.  


디자인 키워드 / 공간, 책에서 영감

 


 

아이나비 스마트A 디자인 생각으로 가득찬 어느날!! 
자동차 데쉬보드와 내비게이션 사이의 
공간이 눈에 들어왔습니다. - -+
빛과 그림자가 어울려져
있는 공간이라는 컨셉 이미지를 조금 더 구체화 시키고, 각진 형태의 에서 영감을 받아 선과 면의 구성을 재조합하여 지금의 디자인으로 나타났습니다.

 

                                                       < 스마트A 디자인 3D 렌더링 >



디자인 특징미니 멀리즘
*미니멀리즘은 단순함과 간결함을 추구하는 예술 문화적인 흐름입니다. '최소화'와 '최소한도'의 의미로 최소한주의를 예술로 승화하려는 디자인 스타~일입니다.

디자인 특징을 간단히 말씀드리면, 사각프레임을 강조한
미니멀리즘 디자인으로,  선과 면의 구성을 합쳐 얇으면서 단순하게 나타냈습니다. 뒷면의 평평한 면의 흐름이 자연스럽게 흘러서 전면 하단부까지 이어지는 형태로 되어있습니다. 전면 하단에는 간접조명 (Blue LED 라이팅) 효과를 적용하여 은은하고 부드러운 느낌을 주어 감성적인 이미지를 전달 할 수 있도록 디자인 되었습니다.

  

 


디자인 특징 / 사용성 & 안전성

운전자의 사용성을 고려하여 안드로이드키를 좌측에 4개 적용하였습니다. 운전자의 시각적 인지 및 사용 동선을 최소화한 것입니다. 주변의 밝기에 따라 LCD화면 밝기를 자동으로 조절하는 L센서(조도센서)는 후면에 적용하여 야간 및 터널 주행시 시야 확보로 운전자의 안전성을 고려하였습니다


비하인드 스토리

아이나비 스마트A Slim한 디자인을 효과적으로 나타내기 위해, 제품의 두께를 줄이는 것은 쉽지 않은 과정이었습니다. 개발단계 중에도 몇 번이고 얇게, 더 얇게…
Slim
함을 나타내기 위해 하드웨어, 개발 부서와 협업을 통하여 원하는 결과를 낼수 있었습니다. (짝!짝!짝!)

돌이켜보니 아이나비 스마트A를 디자인 구상을 하던 때가 벌써 작년 말이었네요.
지금도 저희 팀원들과 함께 새로운 제품을 위해 열심히 스케치 중입니다. 저 펜과 종이 위에서 탄생되는 아이나비의 새로운 디자인을 기대해주십시요. ^^


 

 



 

 

아이나비 홈페이지, 정확하고 확실한 아이나비 제품 정보아이나비 Mall, 본사 직영 온라인 프리미엄 스토어아이나비 핫 플레이스, 내비게이션,블랙박스,자동차 실시간 정보 교환 커뮤니티아이나비 페이스북, 친구만 맺어도 최신 이벤트 정보 공유

 

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

댓글을 달아 주세요



아이나비 디자인을 담당하는 1인으로서 프로젝트마다 제품마다 디자인 컨셉과 그 아이디어를 도출하는 일은 가장 힘든 일 중에 하나입니다. 아이나비에는 제품, 그래픽, 패키지 등등 다양한 분야의 디자이너들이 열심히 노력하고 있습니다.

 


오늘은 그 중에서 아이나비 패키지 디자인 과정을 소개 올릴까합니다 ^^
패키지 디자인은 마케팅 기획을 기본으로 자료조사  컨셉 도출 Color / Visual / Layout 디자인 시안 디자인 완성합니다.

하나하나 자세히 살펴보도록 하겠습니다.
제일 처음 진행하는 자료조사는 국내외 사이트들은 물론이고, 최신 트랜드, 타 제품 조사 등등 다방면으로 시장 조사가 이루어집니다. 


 

출처 : 트랜드 (http://trendbird.biz), (http://www.trendwatching.com)
        패키지 (http://www.thedieline.com), (http://packagingoftheworld.com)
        이미지 (http://www.gettyimageskorea.com/_intro/2012_calendar_53.php)



 


시장 조사 후에는 정확한 제품 컨셉을 도출합니다. 컨셉을 구성하는 Color / Visual / Layout으로 크게 구분하며, 또한 이 점에 근거하여 패키지디자인의 틀을 만들어 간답니다.


Color: 제품의 특징을 가장 임펙트 있게 표현할 수 있는 컬러선정

 

출처 : The guardian AD Campaign 2007
          아이트래킹 세미나 : 제품을 바라보는 시선의 움직임


Visual : 라이팅 효과 및 패턴을 응용, 공간감과 질감효과를 더해 더욱 실감나는 제품디자인 강조

 



Layout : 모델명과 Main, Sub copy의 위치와 제품의 가장 이상적인 View Positioning

 

출처 : World of Violence / Lorenzo Geiger / Experimental System
        Art initiative Tokyo / Hara Museum of Contemporary Art DaimierChrysler Foundation in Japan



이런 과정을 거쳐 다양한 시안들이 나오게 되는 것입니다. ^______________^


그럼 저희 실제 제품에 적용해 보도록 하겠습니다.

아이나비 SMART A의
패키지디자인의 경우,

남성적인 디자인과 엣지부분을 강조하였으며, 리얼스틸 소재의 느낌을 강조하고자 하였습니다.

더불어 앞선 안드로이드 OS 적용을 표현하고자, 사선의 모티브를 개발하여 정적인 각진 스퀘어를

좀더 역동적이고 진취적인 내비게이션의 느낌으로 표현하였습니다.


 

담당 디자이너로써 도란도란을 전개 하다보니, 재미있는 STORY가 아닌 STUDY가 된 것 같네요,,^^;;

패키지는 제품을 보호하고 구매자에 의해 일회성으로 버려진다고 생각하지만,

저희들은 실제 제품의 이미지와 컨셉을 패키지에서도 녹여 내야 한다는 생각으로 제품의 특징을 감성적이고 직관적으로 소비자에게 전달하려고 합니다.;)



다음엔 좀 더 재미있는 아이나비 디자인이야기로 만나뵐께요~



 


  

  

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

댓글을 달아 주세요

  1. yul 2011.11.04 16:57 신고  댓글주소  수정/삭제  댓글쓰기

    다들 박스 쓰고 근무하시는거 아니죠?? 재밌네요. 아이나비 직원들 ㅋㅋㅋㅋㅋ

  2. 뜸북새 2011.11.07 12:41 신고  댓글주소  수정/삭제  댓글쓰기

    박스 쓰고 근무하면 참 재미있겟구려 ㅋㅋㅋ

  3. 바라미 2011.11.08 01:55 신고  댓글주소  수정/삭제  댓글쓰기

    홈피에서 마땅히 글올리자리가 없어서 여기다.....올리면 전해지거나 그렇치않거나 겠죠? ㅎㅎㅎㅎ

    네비 화면에 시계를 다른 위치로 옮겨주세요 폰트를 가늘게 하더라도...
    안전운전이나 주정차금지 등 안내아이콘이 나올때면 시계가 없어지는것 수정 좀 해주세요.
    시내 주행때는 시계를 아예볼수없네요...

    • 도란도란양 2011.11.09 10:05 신고  댓글주소  수정/삭제

      안녕하세요^^ 바라미님

      소중한 의견 감사드립니다.

      저의 아이나비 홈페이지에 보시면
      고객만족센터- 온라인 상담받기(건의하기)를 이용해 주시면 되구요, 바라미님의 소중한 의견은 관련 부서에 전달하도록 하겠습니다:)

      좋은 하루 되세요~ㅎ



티스토리 툴바