PART_1. 인포메이션 디자인 (INFORMATION DESIGN)
*** 마이크로 링크 (Microlink) ***
- 링크는 크게 하이퍼링크(Hyperlink)와 마이크로링크(Microlink)로 구분
- 하이퍼링크 : 페이지 또는 사이트 단위로 연결되는 링크
- 마이크로링크 : 페이지간의 연결이 아니라 페이지 내에서의 연결, 열려진 페이지에서 새로운 콘텐츠를 불러오는것(콘텐츠간의 연결)
- 마이크로링크의 등장은 정보의 최소단위가 페이지 단위에서 좀더 세분화되고 있음을 의미
- 마이크로링크는 기존 콘텐츠에 새로운 콘텐츠를 덧붙이는 방법과 기존 콘텐츠를 사라지게 하고 새로운 콘텐츠를 불러오는 방법의 두가지가있다.
- 마이크로링크는 클릭하면 페이지의 일부분만 바뀌기 때문에 페이지의 변화를 눈치채지 못할수 있다. 다라서 사용자에게 변화를 적절하게 인지시키기 위한 노력이 필요한데 콘텐츠의 로딩표기시 또는 로딩 모션(loading motion)이 그 예이다.
벤치마킹
http://www.tiddlywiki.com
- 제공되는 링크들은 외부링크(external link)를 제외하곤 모두 마이크로링크 방식이다. 링크를 클릭하면 현재 열려 있는 페이지에 링크와 연결된 콘텐츠 블록(content block)을 로딩 시킨다.링크 클릭이 많아지면 콘텐츠 블록 또한 누적되므로 페이지 스크롤이 길어진다.
- 이러한 단점을 해소하기 위해 콘텐츠 블록에 마우스를 대면 해당 콘텐츠 블록의 로컬 메뉴를 제공하고 있다. 이 로컬메뉴에는 '닫기' 또는 '다른 블록 닫기' 기능이 있는데 이것은 페이지 닫기와 같은 효과가있다.
관련이론
모양 항등성(Shape Constancy)
- 새로운 정보는 기존의 경험, 가정, 기대와 결합한다. 이때문에 사람들이 대상의 물리적 변화를 눈치채지 못하기도 한다. 이처럼 대상이 변화헸음에도 변하지 않은것처럼 인식하는 현상을 모양항등성이라 부른다.
- 사람은 사물을 눈으로 보는것이 아니라 마음으로 보는것이다.
출처: 웹2.0기획과 디자인(노주환)
*** 마이크로 링크 (Microlink) ***
- 링크는 크게 하이퍼링크(Hyperlink)와 마이크로링크(Microlink)로 구분
- 하이퍼링크 : 페이지 또는 사이트 단위로 연결되는 링크
- 마이크로링크 : 페이지간의 연결이 아니라 페이지 내에서의 연결, 열려진 페이지에서 새로운 콘텐츠를 불러오는것(콘텐츠간의 연결)
- 마이크로링크의 등장은 정보의 최소단위가 페이지 단위에서 좀더 세분화되고 있음을 의미
- 마이크로링크는 기존 콘텐츠에 새로운 콘텐츠를 덧붙이는 방법과 기존 콘텐츠를 사라지게 하고 새로운 콘텐츠를 불러오는 방법의 두가지가있다.
- 마이크로링크는 클릭하면 페이지의 일부분만 바뀌기 때문에 페이지의 변화를 눈치채지 못할수 있다. 다라서 사용자에게 변화를 적절하게 인지시키기 위한 노력이 필요한데 콘텐츠의 로딩표기시 또는 로딩 모션(loading motion)이 그 예이다.
벤치마킹
http://www.tiddlywiki.com
- 제공되는 링크들은 외부링크(external link)를 제외하곤 모두 마이크로링크 방식이다. 링크를 클릭하면 현재 열려 있는 페이지에 링크와 연결된 콘텐츠 블록(content block)을 로딩 시킨다.링크 클릭이 많아지면 콘텐츠 블록 또한 누적되므로 페이지 스크롤이 길어진다.
- 이러한 단점을 해소하기 위해 콘텐츠 블록에 마우스를 대면 해당 콘텐츠 블록의 로컬 메뉴를 제공하고 있다. 이 로컬메뉴에는 '닫기' 또는 '다른 블록 닫기' 기능이 있는데 이것은 페이지 닫기와 같은 효과가있다.
관련이론
모양 항등성(Shape Constancy)
- 새로운 정보는 기존의 경험, 가정, 기대와 결합한다. 이때문에 사람들이 대상의 물리적 변화를 눈치채지 못하기도 한다. 이처럼 대상이 변화헸음에도 변하지 않은것처럼 인식하는 현상을 모양항등성이라 부른다.
- 사람은 사물을 눈으로 보는것이 아니라 마음으로 보는것이다.
출처: 웹2.0기획과 디자인(노주환)