[정보디자인] 하이브리드 이미지검색 데모

2012. 2. 8. 13:56UI 가벼운 이야기
無異

정보디자인 - 하이브리드 이미지검색  에서 소개한 이미지 검색 UI 의 데모 페이지를 열어두었습니다.

특징은

1. 썸네일 방식과 미리보기(큰 이미지)를 결합한 UI를 사용합니다. 
특정 이미지를 찾아내려는 것 보다는 빠르게 검토해 보려는 사용 패턴에는 썸네일과 원본 이미지를 왔다갔다하는 번거러운 pogosticking 이 빈번합니다. 썸네일과 함께 적당히 큰 원본 이미지를 한꺼번에 보여줘서 빠르게 훑어볼 수 있도록 하였습니다. 개인적으로는 이런 행태의 이미지 검색을 더 많이 하고 있습니다.

2. 그리드 방식이 아닌 타일 방식의 이미지 정렬을 사용합니다.
이미지간의 여백을 줄여 시선의 움직임을 최소화하여 눈의 피로를 줄이도록 하였습니다.

3. auto paging을 사용합니다.
다음 페이지 버튼을 누르지 않고 스크롤만 하면 검색 결과를 계속 볼 수 있습니다.

4. iPad ready
PC, 아이패드 동시에 사용하도록 만들었습니다.


데모 페이지
http://lab.pxd.co.kr/imagesearch/?q=mobile%20ui%20pattern



리서치를 할때 많이 유용합니다. 아이패드에서 아이한테 동물이나 자동차 그림을 찾아줄 때도 좋았고요.
기존의 구글이나 네이버 이미지 검색과 비교해 보시고 사용경험을 공유 부탁드립니다.

실제 이미지 검색 결과는 구글이미지 검색을 이용하고 있습니다.

[참고##redesign##]