얼마 전에 네이버 이미지 검색 결과 디자인이 개편되었습니다. 네이버 이미지검색 개편 http://naver_diary.blog.me/150113580452 기존 방식에 비해 세가지 뷰가 추가 되었습니다. 텍스트 설명을 없애고 이미지에 집중하도록 한 "썸네일만 보기" 와 타일형태로 여백을 없앤 "크게보기" , 새창으로 이동하지 않고 별도의 프레임에서 더 크게 보는 "미리보기"가 새롭게 추가 되었습니다. 네이버 썸네일만 보기 정보요소의 중요도와 대비 처음 슬쩍 봤을 때 기본 화면인 "썸네일만 보기"는 텍스트 부가정보를 없애고 마우스 오버하였을때 썸네일이 확대되면서 부가 정보를 보여준다는 점에서 구글 이미지 검색 개편의 영향(이라고 쓰고...)을 받은 것 같았습니다. 검색을 하는 의도에 따라 다르겠지만 저는 ..

르네상스 이래 원근법은 2차원의 평면에서 3차원의 입체를 표현하기 위한 기교로서 널리 활용되었는데, 시각적인 효과면에서 볼 때, 근경-중경-원경에 따른 시각적인 깊이감을 줌으로써 시선의 흐름을 유도하여 작가의 의도대로 '화면을 순차적으로 읽을 수 있게'하는 효과를 가지고 있습니다. 이러한 '효과'는 근,현대회화에서 선형원근법 뿐 아니라 면적, 형태, 컬러, 명도 등의 다양한 요소를 통하여 그 효과를 증대, 발전시키고 있죠. (난해한 근 현대회화를 감상할 때 자연스럽게 시선의 흐름을 느끼면서 감상하는 방법을 연습해보시기 바랍니다!) 이러한 원리는 정보디자인에서도 적용될 수 있는데요, 화면에서의 정보를 효과적으로 전달하기 위하여 즉, 어떤 정보부터 보아야 하는지, 어떤 정보가 중요한 것인지, 어떤 정보가 부..

이전 글에서는 네이버의 디자인 개편을 통해 그린윈도우가 부각되었다고 칭찬을 하였는데요. 하지만 사실 여전히 답답하고 거북한 느낌이 듭니다. 이유는 세로로 배치한 그린 메뉴바의 존재감이 너무 커서 사용자의 시선을 블랙홀처럼 빨아들이기 때문입니다. 그린메뉴바가 그린윈도우보다 visual hierarchy가 훨씬 높아서 검색 키워드보다 카테고리에 먼저 시선의 흐름이 이동하게 되는데, 명백하게 잘못된 디자인입니다. Visual Hierarchy 대비를 통해 강조를 하는 방법은 뭔가를 더하는게 아니라 빼는 방법밖에 없습니다. 그린윈도우 브랜드를 밀기로 했다면, 가장 좋은 방법은 그린메뉴바를 죽이는 것입니다. 메뉴바의 색깔만 빼면 시선의 흐름이 자연스러워지고 선택 카테고리도 잘 보이게됩니다. 초록색이 너무 적어지니..

다음 지도 앱에 음성검색 기능이 추가되었습니다. 다음앱과 동일한 음성인식엔진을 사용하지만 체감하는 인식율은 더 높습니다. 지도 검색이라는 컨텍스트가 정해지니까 음성 매칭을 하는 말뭉치(corpus)도 POI정도로 한정하기 때문입니다. 아래 왼쪽이 다음 일반 검색, 오른쪽이 다음 지도 검색입니다. 지역 정보 키워드가 아닌것은 배제하여 유사한 발음으로 오인식될 수 있는 키워드도 줄어드니까 인식 성공률이 높아지겠죠. (다른 그림 찾기 : 아이폰 UI컨벤션으로는 왼쪽에 취소버튼을 둡니다) 음성 인식 Best Matching Keyword 다음앱에서는 설정에서 음성 검색 후에 음성 분석 결과를 볼지 바로 검색결과를 볼지 선택할 수 있었는데, 이번 다음 지도에서는 선택없이 음성 분석 결과를 보여줍니다. 그런데 이 ..