지름길 링크(1999/10/09)

개인 홈페이지나 규모가 작은 웹 사이트에는 별로 해당하지 않는 말일 것입니다. 하지만 사이트의 덩치가 점점 커지게 됨에 따라서 사용자가 효과적으로 사이트를 검색할 수 있도록 interface 설계를 하여야 합니다. 그렇지 않고 interface를 전혀 고려하지 않고 만든 웹 페이지는 사용자를 미로 속으로 안내할 것입니다. 몇몇 링크를 눌러 보면 도대체 어디쯤 와 있는지 알 수가 없다면 그 사이트의 interface는 실패한 것입니다.

이런 기술적인 문제는 둘째로 하더라도 사용자를 자신의 사이트에서 빠져 나가지 못하게 "BACK" 단추를 무력화 시키는 경우를 볼 수 있는데 이것은 사용자는 곤경에 쳐하게 합니다. 사용자를 무시하는 처사입니다. 절대로 이렇게 페이지를 만들지 마세요. 빠져 나가지 못하게 하기 보다는 다시 오게끔 하는 것에 신경을 써야 합니다.

웹 페이지에서 잘 설계된 interface는 한 마디로 하면 사용자에게 가능한 많은 정보를 제공하는 것입니다. 적절히 배치한 링크, 이미지에 지정하는 ALT 속성, 페이지 전송상황을 보여주는 상태창 등등 가능한 모든 정보를 제공해야 합니다.

<A href="home.htm"><IMG SRC="home.jpg" alt="홈 으로 가는 링크입니다."></A>

페이지의 제목은 항상 지정해 주는 것이 좋습니다. 페이지 문서의 양이 크다면 여러 페이지로 나누던가 아니면 같은 페이지에 하부의 소제목도 같이 작성해 주는 것이 문서를 읽기가 편합니다. 그 페이지의 주제를 쉽게 알수 있게 하기 때문입니다. 그리고 페이지에 직접 작성하는 제목 뿐만이 아니고 <TITLE> 택도 꼭 신경을 써서 제목을 넣어 주어야 합니다. 어떤 사이트에서는 아예 이 <TITLE> 택을 지정하지 않거나 아무런 의미도 없는 제목을 넣어주곤 하는데 이것도 잘 사용해야 합니다. 브라우저의 가장 위에 있기 때문에 눈에도 잘 띄이는 공간입니다. 반드시 할용하세요. 그리고 이 <TITLE>은 다른 곳에서도 유용하게 사용할 수 있습니다.

또 하나 쉽게 생각하는 것은 새로운 창을 열 때에 입니다. 특정한 크기의 창을 여는데 status 요소를 같이 지정하지 않는 것입니다.

window.open("new.htm", "newWin", "width=200,height=200,status=1")

페이지의 링크에 관해서는 할 말이 많지만 가장 편리한 방법은 프레임 페이지로 구성하는 것입니다. 이것은 사이트를 관리하기도 편리합니다. 프레임을 사용하면 쉽게 문서를 추가하거나 삭제할 수 있 습니다. 프레임을 사용하지 않았다면 페이지의 추가, 삭제에 더 많은 신경을 써야 합니다. 이 프레임에 대해서는 싫어하는 사람도 많은줄로 압니다. 하지만 요즘의 인터넷 환경은 프레임을 지원하는 브라우저가 대부분이기 때문에 기술적인 문제는 많이 나아졌다고 생각합니다. 웹 페이지를 만드는 사람의 입장에서는 프레임 페이지로 인한 문제가 있을 수 있겠지만 웹 서핑을 하는 사용자의 입장에서 봤을 때, 프레임으로 구성한 페이지가 훨씬 편리했습니다. 저의 개인적인 견해이긴 하지만요..

프레임 논쟁은 두더라도 링크들을 배치할 때에는 더 많은 신경을 써야 합니다. 하위 페이지가 많다면 더더욱 그렇습니다. 하위 페이지에서 상위 페이지로 아니면 그 반대로 어떻게 연결을 시키느냐의 문제에서 가장 중요한 것은 일관성입니다. 일관성이 없는 링크의 구조는 페이지를 이동하기가 어렵습니다. 링크를 눌렀을 때, 몇 단계 위로 가는 링크냐, 한 단계 위로 가는 링크냐, 모든 페이지에 공통된 링크가 있느냐 아니면 가장 위의 문서 링크만 제공할 것이냐 등등 분명한 원칙을 정하고 사이트를 만들어야 합니다. 여기서도 가장 중요한 점은 일관성입니다.

이 일관성은 바로 몇 페이지만 보면 사이트의 이동 방식을 알 수 있게 합니다. 일관성이 없다면 사용자는 링크를 누르기 전에 항상 불안해 할 것입니다. "또 BACK 단추를 눌러야 할까.." 하고요..