PART_3. 인터렉션 디자인 (INTERACTION DESIGN)
*** 인터랙티브 모자이크 (Interactive Mosaic) ***
- 아주 작은 이미지들로 이루어진 일종의 이미지 맵으로싸 특정 이미지에 마우스를 대거나 클릭하면 이미지가 확대 되면서 해당 정보를 보여주는 기법
- 새로운기법은 아니지만 태그 클라우드 처럼 새로운 정보 탐색패턴을 지원한다는 점에서 주목할만 함
- 1000개정도의 이미지를 보여줄수 있지만 개수가 많을수록 정보의 정확성은 덜어지므로 서비스의 용도와 목적에 맞게 적절히 조정해야함
- 시각적 정보가 다소 부정확해도 한눈에 보고자 한다면 인터랙티브 모자이크 기법이 유용함
- 정보탐색의 기능성 측면보다는 시각적 흥미를 위한 감성 측면을 더 강조함
- 기법의 채백 여부는 정보가 어떤 속성을 지녔는지정보처리에 의해 무엇을 얻게 되는지에 따라 결정되어야함
- 원하는정보를 신속, 정확하게 탐색하는 목적지향적 과업보단 흥미와 재미 위주로 대양한 정보를 서핑하는 경험지향적 과업에 적합
- 일반적 사용자 과업은 메인페이지->리스트페이지->최종페이지 순으로 진행
- 메인과 최종 페이지는 다얀한 디자인이 존제하는데 리스트는 그렇지 못하므로 인터랙티브 모자이크 기법을 사용한다면 좀더 경험이 풍부해질수 있음
벤치마킹
http://www.coverpop.com/pop/pub
- 플래시를 이용한 인터랙티브 모자이크 기법의 다양한 사례를 제공
http://www.browsegoods.com
- 맵 방식의 미주얼 서치를 통해 상품 DB에 접근하는데 상품 DB의 배열은 인터랙티브 모자이크 기법을 따름
관련이론
자바 애플릿(java applet)
- HTML에서 독립적으로 동작하는 일종의 작은 프로그램으로 HTML에 직접 코딩하지않고 컴파일하여 생성된 클래스 파일을 HTML 문서로 호출해서 실핼
- 실행속도가 빠른편이며 소스를 보여주지않고 실핼
- PC에 완전히 다운받은 후 실행되므로 서버측 부하가 적음
출처: 웹2.0기획과 디자인(노주환)
*** 인터랙티브 모자이크 (Interactive Mosaic) ***
- 아주 작은 이미지들로 이루어진 일종의 이미지 맵으로싸 특정 이미지에 마우스를 대거나 클릭하면 이미지가 확대 되면서 해당 정보를 보여주는 기법
- 새로운기법은 아니지만 태그 클라우드 처럼 새로운 정보 탐색패턴을 지원한다는 점에서 주목할만 함
- 1000개정도의 이미지를 보여줄수 있지만 개수가 많을수록 정보의 정확성은 덜어지므로 서비스의 용도와 목적에 맞게 적절히 조정해야함
- 시각적 정보가 다소 부정확해도 한눈에 보고자 한다면 인터랙티브 모자이크 기법이 유용함
- 정보탐색의 기능성 측면보다는 시각적 흥미를 위한 감성 측면을 더 강조함
- 기법의 채백 여부는 정보가 어떤 속성을 지녔는지정보처리에 의해 무엇을 얻게 되는지에 따라 결정되어야함
- 원하는정보를 신속, 정확하게 탐색하는 목적지향적 과업보단 흥미와 재미 위주로 대양한 정보를 서핑하는 경험지향적 과업에 적합
- 일반적 사용자 과업은 메인페이지->리스트페이지->최종페이지 순으로 진행
- 메인과 최종 페이지는 다얀한 디자인이 존제하는데 리스트는 그렇지 못하므로 인터랙티브 모자이크 기법을 사용한다면 좀더 경험이 풍부해질수 있음
벤치마킹
http://www.coverpop.com/pop/pub
- 플래시를 이용한 인터랙티브 모자이크 기법의 다양한 사례를 제공
http://www.browsegoods.com
- 맵 방식의 미주얼 서치를 통해 상품 DB에 접근하는데 상품 DB의 배열은 인터랙티브 모자이크 기법을 따름
관련이론
자바 애플릿(java applet)
- HTML에서 독립적으로 동작하는 일종의 작은 프로그램으로 HTML에 직접 코딩하지않고 컴파일하여 생성된 클래스 파일을 HTML 문서로 호출해서 실핼
- 실행속도가 빠른편이며 소스를 보여주지않고 실핼
- PC에 완전히 다운받은 후 실행되므로 서버측 부하가 적음
출처: 웹2.0기획과 디자인(노주환)