본문 바로가기

UX/웹 2.0 기획과 디자인

PART_2_9. 인터페이스 디자인 (INTERFACE DESIGN)

PART_2. 인터페이스 디자인 (INTERFACE DESIGN)

*** 카토그래피 인터페이스 (Cartography Interface) ***


- 사전적 정의는 지도나 지형모형, 지구의 작성, 표현, 교육 등의 이론과 기술에 관해 연구하는학문
- 'cartography' 대신 'map-making' 이란 용어를 사용하기도함
- 정보학이나 IT에서는 공간 데이터(spatial data)를 시각화하는 기법이나 방법으로 알려져있으며 'interactive data map'이란 용어를 사용하기도 함

- 우리가 경험하는 웹 사이트의 정보구조는 계층적이고 순차적인 트리구조(tree structure)와 리스트 구조(list structure)에 의존하고 있음
- 지도는 우리가 눈으로 보고 있는 실제 세계를 카토그래피에 의해 만들어진 시각적인 정보물

- 카토그래피의 진정한 가치는 정보구조를 실제 세계의 그것과 가깝게 개념화하고 시각화할 수 있음
- 냉장고의 내부 구조와 내용물을 정보로 표현하고자한다면, 우리가 감각과 지각 과정을 거쳐 두뇌에 기억된 냉장고의 내부구조와 내용물에 대한 실제 이미지를 차용하는것이 사용자 학습을 줄이고 익숙함을 제공할 수 있을것

- 카토그래피에 링코그래피(linkography)의 개념이 접목되면, 관계 및 맥락 정보가 더해져 커뮤니케이션 효과를 극대화할수 있음
- 카토그래피를 통해 정보의 절대적 가치와 의미를 표현하고, 링코그래피를 통해 정보의 상대적 가치와 의미를 표현 하는것
- 관계(relation), 연결(linkage)에 대한 정보를 효과적으로 전달할 수 있으며 전체 정보량을 한눈에 표현 할 수 있는 강점을 가지고 있음





벤치마킹

http://www.kartoo.net

- 검색결과를 웹 사이트 북마크와 주제간의 상호연결성 중심으로 표현하고 있음
- 지도의 등고선을 차용해 검색 정확도가 높거나 상호연결성이 높은 정보를 높은 등고선으로 표현해 정보구조를 직관적으로 표현했으며(cartography), 정보와의 관계(relation), 연결(linkage)에 대한 정보를 효과적으로 전달하고 있음
- 등고선이 갖는 의미를 제대로 표현하고 있지 못한 점과 관계 및 연결의 강도가 시각적으로 표현되지 않은것은 아쉬움

http://tetlaw.id.au/view/linkography

- 링크를 체계적으로 정리한 링코그래피 페이지를 별도로 제공





관련이론

링코그래피(linkography)

-디자인 개념의 도출 과정을 구조화하기 위해 디자인 과정을 시각적으로 표현해 상호연결성 및 상호관계성의 이해를 돕는 방법론
- 웹에서 링크를 체계적으로 정리하는 기법을 의미하기도 함









출처: 웹2.0기획과 디자인(노주환)