태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


'다음지도'에 해당되는 글 2건

  1. 2012.04.04 [UI 디테일] 아이폰,아이패드의 네이버 지도, 다음 지도는 왜 구글지도 보다 느리고 답답해 보일까? (3) by 無異
  2. 2010.07.16 다음 지도앱 음성검색 - Primary Action by 無異
2012.04.04 18:38

[UI 디테일] 아이폰,아이패드의 네이버 지도, 다음 지도는 왜 구글지도 보다 느리고 답답해 보일까?

아이폰 아이패드에서 가장 유용하게 사용하고 있는 앱 중 하나가 지도입니다.
구글맵은 우리나라에서 길찾기도 안되고 지도 업데이트가 느려 POI도 잘 표시안되어 유용성이 떨어져 잘 쓰지 않습니다.
네이버지도와 다음지도는 서로 장단점이 있어서 어느 하나를 고르기가 어렵습니다. 다음 지도는 예전에 지도 자체의 컬러 스킴이 너무 안 예뻐서 쳐다도 보지 않다가 업데이트 후에 굉장히 미려해졌고 상세 지형,건물 정보도 네이버에 비해 잘 담고 있어서 자주 쓰게됩니다. (다만 개인적으로 힘줄 튀어 나온 것 같은 보라색의 고속도로 표시는 익숙해질만해도 여전히 부담스럽고 안타깝습니다. 노란색 도로에서 갑자기 툭 튀어나온 보라색 고속도로 표시는 정보 디자인 측면에서 최선의 선택을 했다기 보다는 단지 경쟁사와 다르기 위해 차선의 선택을 한 게 아닌가 생각되기까지 합니다.)

터치스크린 지도 드래그 시의 맵 타일 로딩 방식 차이

암튼 아이패드의 지도앱에서 위치를 이동하기 위해 드래그하면 네이버지도나 다음 지도는 터치를 떼야지만 맵타일을 업데이트합니다. 지도를 움직이는 동안 맵이 로딩되지 않은 영역은 텅빈 배경이 따라 움직이게 됩니다. 성능이 안좋은 싸구려 네비게이션에서 지도를 드래그할 때 이렇게 반응해서 답답했는데요. 좋은 아이패드에서도 같은 경험을 하려고 하니 갑갑합니다. 설마하고 구글지도를 살펴보니 제대로 드래그하는 동안에도 맵타일을 로딩하여 자연스럽게 지도를 이동할 수 있었습니다. 천천히 움직일때는 아마 이동 방향을 예측해서 미리 지도이미지를 캐슁하고 있지 않나 싶고요.



기술적인 문제는 아닌것 같고. 설마 맵 서버의 트래픽을 줄이려는것도 아닐테고요. 혹시나 통신비를 아껴주려는 사용자에 대한 배려라면 그렇게 도움이 될 것 같지도 않습니다. 
어떤 사연이 있는지 모르겠지만 다음 업데이트에는 네이버지도,다음지도도 사용자 경험을 위해서 드래그시에도 지도가 보이게 해주면 좋겠습니다.


추가: 이동 뿐 아니라 핀치를 통한 줌 아웃 시에도 화면 밖에 있던 영역의 지도가 표시되지 않습니다. 줌아웃을 하는 동안 불필요한 맵로딩이 발생할 수 있기는 하지만 타이머를 적절히 사용하면 됩니다. 바쁘게 새로운 기능 요구 사항을 반영하는 것도 중요하지만 이제는 찬찬히 인터랙션의 디테일에도 신경을 써도 좋을 단계까지 온 것 같습니다. 



[참고##UI 디테일##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 3
Ad Test...
2010.07.16 16:55

다음 지도앱 음성검색 - Primary Action


다음 지도 앱에 음성검색 기능이 추가되었습니다. 다음앱과 동일한 음성인식엔진을 사용하지만 체감하는 인식율은 더 높습니다. 지도 검색이라는 컨텍스트가 정해지니까 음성 매칭을 하는 말뭉치(corpus)도 POI정도로 한정하기 때문입니다.

아래 왼쪽이 다음 일반 검색, 오른쪽이 다음 지도 검색입니다. 지역 정보 키워드가 아닌것은 배제하여 유사한 발음으로 오인식될 수 있는 키워드도 줄어드니까 인식 성공률이 높아지겠죠.


(다른 그림 찾기 : 아이폰 UI컨벤션으로는 왼쪽에 취소버튼을 둡니다)




음성 인식 Best Matching Keyword

다음앱에서는 설정에서 음성 검색 후에 음성 분석 결과를 볼지 바로 검색결과를 볼지 선택할 수 있었는데, 이번 다음 지도에서는 선택없이 음성 분석 결과를 보여줍니다.
그런데 이 음성인식 결과의 표현 방식에 좀 문제가 있습니다. 이 UI만 보면 다음은 음성 인식율에 자신감이 없다고 고백하는것처럼 보입니다. (사실 좀 어이없는 매칭을 보여주는 경우가 많긴 했지만 :) 대부분은 제대로된 음성매칭결과를 보여줬습니다.)

primary action 디자인패턴이 제대로 적용되어 있지 않기 때문인데요. 모든  항목이 시각적으로 동일한 priority로 보여지고 있어서 의도했던 키워드를 선택하기가 쉽지 않습니다. 선택지가 많으면 인지적으로도 부담이 되니까 ( hick's law ) 선택할 확율이 가장 높은것을 딱 집어서 강조해주는 것이 좋습니다. 노란색으로 차이를 두긴 했지만 인지적 측면과 더불어 조작(버튼 누르기)도 쉽게 할 필요가 있습니다. fitts's law 는 포인팅 디바이스를 기반으로 하고있지만 터치인터페이스에서도 버튼이 크면 빨리 누른다는데는 변함이 없습니다.

이전 글 모바일검색 suggesiton UI 에서 제안했던것처럼 음성 매칭 결과도 리스트형태가 아니라 가장 추천하는 키워드는 크게 나머지는 버블로 비대칭적으로 표시하는게 어떨까 싶네요. 아직 기대 수준만큼은 아니지만 꽤 잘 맞는것 같으니까 좀 자신감을 가져도 되지 않을까요? :)






Primary Action 

검색결과 페이지의 페이징 버튼을 보면 다음은 검색에서도 사용자가 뭘 선택할지 자신이 없는것 같습니다. 로그만 분석해보면 1페이지를 볼때는 2페이지를 가장 많이 누르고 2페이지를 볼때는 3페이지를 가장 많이 누른다는걸 알 수 있을거에요. 내기해도 좋아요. 검색 결과 페이지에서 primary action은 다음 페이지( 현재 +1 )를 보는것입니다. 익숙했던것을 바꾸면 처음에는 고객이 조금 혼란 스럽겠지만 네이버는 잘 바꿨잖아요.


다음


네이버


구글


[참고##음성##]



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...