W20601

	여러분 안녕하세요. 지난 주 까지 웹 디자인에 있어서 그래픽적인 문제들에 대하여 다루어 왔습니다. 강의계획서에 의하면 이번 주는 그래픽 스타일의 문제에 대하여 강의하는 것으로 되어 있으나 전체적인 흐름을 고려하여 스타일의 문제에 대해서는 웹 디자인을 위한 인터랙션에 관한 강의를 한 후에 다루고자 합니다. 이번 주는 정보의 창인 컴퓨터 스크린 뒤의 보이지 않는 구조체계에 대하여 알아봅시다. 정보의 구성 (Information Structure) 일본의 검도스승과 제자의 이야기가 있습니다. 스승을 떠난 지 10년만에 돌아온 수제자의 허리춤에 칼이 없는 것을 보고 놀라 원인을 묻자 제자는 "스승님 이제 칼보다는 책이 이 세상을 지배하는 시대가 왔습니다." 하며 짐 속에서 책을 꺼내지요 그의 말은 이제는 힘의 시대가 가고 아는 것이 힘이 되는 시대임을 말하고 있습니다. 그 후 또 다른 10년이 지난 뒤 돌아온 제자는 이번에는 주머니에서 트랜지스터 소형 라디오를 꺼냅니다. 즉 정보의 시대임을 의미하는 것인데 이처럼 이제는 한사람이 얼마만큼 많이 아는가 하는 것보다는 어디에 가면 어떠한 내용이 있고 누가 무엇을 할 줄 아는가 하는 것을 아는 것이 힘이 되는 시대가 되고 있습니다. 많은 사람들의 특화된 지식들은 정보라는 형태로 오가며 큰 힘을 발휘하기도 하고 또한 여러 가지 정보를 통해 자본의 움직임을 미리 예측하여 더 큰 자본을 모으기도 합니다. 우리는 정보가치에 대해 간과해온 면이 있습니다. 저는 여행지에서 모르는 길에 대해 주위사람에게 별로 묻지 않는 편입니다. 그 사람을 귀찮게 하는 것 같기도 하고 또 지도를 보며 스스로 찾아내는 성취감을 맛보고 싶기 때문이기도 하지만 지쳐 있거나 급할 때면 모든 것이 귀찮은 법이지요. 반면 함께 갔던 친구는 뭐든지 물어보는 타입이었습니다. 필요한 상점이나 화장실을 찾을 때도 그는 서슴없이 물어보고 제가 지도 속에 얼굴을 파묻고 정신없이 문자와 씨름하는 동안 어디선가 알아와서는 앞장섭니다. 얄미워 보이면서도 덕분에 많은 시간을 절약할 수 있었습니다. 사실 지리에 대한 정보는 그것을 필요로 하는 사람에게는 무척 가치 있는 것입니다. 그것은 시간을 절약해 주고 불필요한 노동력의 낭비를 막아 줍니다. 그런데 이러한 정보가 길거리에서는 공짜라는 사실에 우리는 무척 당연한 것으로 여기는 경향이 있습니다. 이것은 그 정보를 제공한 사람이 그것을 위해서 따로 학습했거나 별도의 비용을 지불하고 습득한 정보가 아니기 때문에 우리는 이를 공유할 수 있다고 생각하는 것이지요. 그래도 내가 필요한 정보를 아는 사람이 마침 그때에 그곳에 있었고 그 근처의 지리에 해박할 것 같은 외모에 눈에 잘 띄는 옷을 입고 있었다면 가장 빠르고 편리하게 내가 필요로 하는 정보를 취할 수 있게 되고 이는 정보 취득자에게는 새로운 가치라고 말할 수 있습니다. 이렇게 정보를 빠르고 쉽게 찾을 수 있도록 그 위치의 구조를 정하고 그 내용을 미리 예측할 수 있도록 기호체계를 만들고 하는 것들을 정보디자인이라고 할 수 있으며 오늘날은 이러한 정보관리 체계 자체가 부가가치를 지니는 하나의 생산물이 되는 시대입니다. 웹과 같은 인터랙션 매체는 그 뒤에 수많은 페이지들이 줄지어 서 있는 것과 같습니다. 문제는 그들을 어떻게 배치시켜 필요할 때 빠르게 찾아 맨 앞 화면으로 올라오게 하는가 이며 이를 위해 이해가 쉬운 인터랙션과 인터페이스 디자인이 있어야 합니다. 그럼 이제부터 전체적인 정보의 구성방법에 대해서 알아보겠습니다. 정보의 구조적 단계 (Structure Level) 지난 주 까지 우리가 다루어 오던 것은 주로 웹 페이지 디자인에 관한 것으로서 문자, 사진, 색채 등 그래픽 디자인의 범주에서 크게 벗어나지 않은 것들이었습니다. 즉 웹 디자인의 평면 구성법에 관한 것이었다면 이번에는 그 뒤쪽의 전체구조(Information Architecture)에 대해서 논하고자 합니다. 우선 하나의 웹 컨텐츠의 구성을 살펴보면 첫 번째로 정보재료(Information Assets)의 단계. 정보디자인(Information Design)의 단계 그리고 이들 페이지를 효율적으로 배치하고 연결시키는 정보설계(Information Architecture)의 3가지 단계로 나눌 수 있습니다. 정보재료의 단계는 전통적인 예술의 형태에서 크게 벗어나지 않은 것으로 페이지의 구성재료가 되는 문자, 사진, 일러스트, 도표 등을 준비하는 것이며 우선 이들이 질이 좋은 웹 페이지의 기본 조건이 됩니다. 사람들에게 유용하지 않은 정보는 웹 상에 놓여질 이유가 없습니다. 많은 웹 방문자들이 인터넷 서비스료와 전화 사용료를 지불하며 누군가의 애인이나 애완동물 등의 사진을 보려 하지는 않을 것입니다. 즉 내용은 방문자들이 유용하게 사용할 만한 어떤 것이어야 하겠지요. 이와 더불어 잘 찍은 사진과 최적화 된 스캐닝 이미지, 인상적인 일러스트레이션 등은 컨텐츠의 질을 높혀 주는, 웹 디자인에 있어서 중요한 기초적 자료가 됩니다. 정보재료들은 한 페이지의 화면 안에 다양한 방법으로 구성되게 되며 이 과정은 정보디자인의 단계로서 정보를 분류하고 그룹을 지어서 여백과 함께 서로 조화롭게 그러면서도 기능적으로 구성하는 일련의 작업들이 됩니다. 이때 함께 고려되어야 할 사항이 그 뒤에 있는 정보의 종류와 양 그리고 전체 구조 등을 쉽게 인지하여 이를 하나의 대표이미지로서 의미전달성이 있어야 한다는 것입니다. 정보설계의 단계는 건물을 짓는 것과 마찬가지로 정보들을 의미와 기능에 따라 분류하여 몇 개의 방으로 나누고 그러한 방들은 어떻게 배치해야 할 것인가 하는 부분을 기능적으로 디자인하는 것입니다. 이때에는 우선 정보의 정의가 이루어 져야 합니다. 정보의 성격이 사전에 가깝다면 알파벳 순서에 따른 정리가 필요할 것이고 지도에 가깝다면 위치별로 확대해 들어가는 방식이 적합할 것입니다. 즉 정보설계는 정보재료들을 담고 있는 각 페이지들을 어떠한 규칙으로 구성할지를 전체적으로 이해하기 쉽도록 디자인하는 과정입니다. 정보 구조 모델 (Structure Model) 우리가 책을 처음 접했을 때는 우선 목차나 요약문, 또는 잡지와 같은 사진이 많은 경우에는 빠르게 페이지를 넘겨보는 방법으로 전체내용에 대한 정보를 얻으려 합니다. 그 후에 저자이름, 출판사, 가격 등은 어디쯤을 펼쳐보면 알 수 있는지, 각 페이지의 주석과 페이지 등은 어디에 위치하는지에 대한 이해가 있으므로 자연스럽게 각 페이지의 정보들을 옮겨 다니며 필요한 정보를 얻습니다. 책은 여러 장의 페이지가 일렬로 붙어있는 상태이므로 무척 선적인 구성을 가지고 있지만 임의로 어느 곳이나 한번에 펴볼 수 있다는 장점으로 정보의 전체 양과 구성에 대한 이해가 빠르고 다양한 방법의 정보검색이 가능하며 목차를 참고하여 필요한 페이지로 쉽게 이동할 수 있습니다. 최근에는 여러 가지의 에피소드를 선택적으로 이야기 전개를 해 나갈 수 있는 인터랙티브 소설이나 표제어들이 하이퍼링크(Hyperlinks: 내용중에 더욱 자세히 알고 싶은 용어에 대해 다른 페이지에 자세히 설명된 부분으로 뛰어넘어 연결시켜주는 방법)가 되도록 꾸민 아동용 사전도 볼 수 있습니다. 반면에 웹 디자인에 있어서의 페이지들은 책과는 달리 쉽게 훑어 볼 수가 없습니다. 각 페이지들이 화면에 나타나기 위해서는 전송속도에 따라 데이터가 들어오는 시간동안 기다려야 하며 한눈에 관련되는 페이지의 양을 가늠해 볼 수 있는 방법이 없으므로 사실 사용자는 정보의 전체크기에 대해 모호한 느낌을 가지게 됩니다. 그러므로 페이지들간의 구성체계를 잘 정리하여 이용자가 빠르게 그리고 실수 없이 원하는 페이지로 이동할 수 있도록 해 주는 구성체계가 필요하며 이에는 기존의 종이매체나 방송 매체에서 볼 수 있는 방법들이 응용된 여러 가지 모델들이 있습니다. 그 중에는 선적(Linear) 구조, 계층형(Hierarchical) 구조, 웹(Web) 구조가 가장 많이 사용되며 페이지 안에서 부분적으로 이동할 수 있는 매트릭스(Matrix) 구조, 겹침(Overlay) 구조, 위치확대(Spatial Zoom) 구조 등이 있습니다. 이들 모델들은 한가지 방법만으로 이루어지는 것은 아니며 서로 필요한 부분에 복합적으로 적용되는 경우가 대부분입니다. 이들 구성 모델들은 기존매체의 종류에 따라 그 적용되는 경우가 달랐습니다만 CD-ROM이나 Internet 등 멀티미디어 매체의 경우에는 모든 경우의 적용이 가능하여 필요에 따라 알맞은 모델을 복합적으로 사용하게 됩니다. 웹 네비게이션의 특징 웹 커뮤니케이션의 방법은 기술적으로나 그 방법에 있어서 기존의 매체와 비슷한 점을 가지고 있습니다. 우선 웹 커뮤니케이션은 브로우져(Browser)의 사용이 필수적이며 거기에는 "이전 페이지", "다음페이지" 의 두가지 간단한 네비게이션(Navigation) 버튼이 있으며 이는 책과 같은 순차적인 이동을 하도록 해 줍니다. 또한 페이지 안에서는 텍스트나 이미지에 별도의 주소를 적용시켜 하이퍼링크 시킬 수 있도록 되어 있어 관련 정보를 연속적으로 찾아 나갈 수 있도록 해 주는데 우리의 관심사는 이 하이퍼링크를 시킬 구조에 관한 것입니다. 웹 커뮤니케이션이 책과 비슷한 구조를 가지고 있으면서도 가장 다른 것은 앞서 설명한 바와 같이 페이지 이동에 상당한 시간이 걸린다는 것입니다. 그러므로 목차에 해당하는 첫 번째 인덱스 페이지(Index page)는 필요에 따라 그 안의 모든 연결 페이지들로 금방 이동할 수 있는 페이지 링크 버튼들이 필요할 것이며 연결될 페이지들의 성격을 미리 알 수 있도록 묘사하여 잘 못 움직였다가 돌아오는 일이 없도록 해야 할 것입니다. 또한 연결되어 있는 전체 페이지의 양과 구성상태를 예측할 수 있도록 편집하여 정보들을 하나의 덩어리로 판단할 수 있도록 하여야 합니다. 정보 설계상의 구조 자체를 인덱스(Index)페이지의 그래픽 모티브로 사용한 예. 이번 주는 웹 페이지의 효율적인 구성방식에 대해서 알아보았습니다. 웹을 위한 정보설계에 유의 해야할 기술적인 제약들은 점점 사라지고 있습니다. JAVA Script 나 Macromedia 사의 Shockwave기술 (디랙터을 저작도구로 하여 제작한 인터랙티브 무비를 웹상에서 볼 수 있도록 해주는 기술로서 브로우져에 관련 플러그인을 설치해야 사용할 수 있다.) 등이 사용되면서 웹을 통한 본격적인 인터랙티브 컨탠츠가 등장하고 있습니다. 웹 디자이너의 입장에서 보면 표현의 영역이 넓어진 것이지만 한편 그만큼 구조에 있어서 생각해야할 것은 많아지는 것입니다. 인터랙션에 대한 발상은 그 정보의 의미를 정확하게 해석하고 컴퓨터에 대한 일반지식이 없는 사용자 입장에서 생각할 줄 알 때 비로소 그 해결책이 보이기 시작합니다. 그 다음에 할 일은 그 구조체계와 화면의 링크상태, 스토리 보드 등을 스케치하여 그 타당성에 대한 기록을 하고 문제점을 고쳐나가는 것입니다. 또한 팀 작업을 하며 정보설계를 할 때 중요한 것은 관련 전문가와 함께 작업하는 것입니다. 교육용 컨텐츠면 교육학 전문가와, 아동용 컨텐츠면 아동학 전문가와, 공학관련 컨텐츠면 공학도와... 함께 설계할 때 그 분야의 전통적인 분류 및 구성 방법을 활용할 수 있으며 이는 특정 사용자 이해의 효율을 높힐 수 있는 방법이기도 합니다. 또한 그 구조를 잘 이해하도록 스케치하고 도표화 하여 작업자들간의 커뮤니케이션에 오해가 생기지 않도록 하는 것, 즉 공동작업자들 간의 인터랙티브 커뮤니케이션에 문제가 없는 것 자체가 그만큼 좋은 인터랙티브 컨탠츠를 만드는 기본 요소가 됩니다. 다음주에는 정보의 구조 속에서 올바르게 인터랙션 하기 위한 인터페이스 디자인에 대해 알아보도록 하겠습니다. 감사합니다. 끝

여러분 안녕하세요. 지난 주 까지 웹 디자인에 있어서 그래픽적인 문제들에 대하여 다루어 왔습니다. 강의계획서에 의하면 이번 주는 그래픽 스타일의 문제에 대하여 강의하는 것으로 되어 있으나 전체적인 흐름을 고려하여 스타일의 문제에 대해서는 웹 디자인을 위한 인터랙션에 관한 강의를 한 후에 다루고자 합니다.
이번 주는 정보의 창인 컴퓨터 스크린 뒤의 보이지 않는 구조체계에 대하여 알아봅시다.

정보의 구성 (Information Structure)

일본의 검도스승과 제자의 이야기가 있습니다. 스승을 떠난 지 10년만에 돌아온 수제자의 허리춤에 칼이 없는 것을 보고 놀라 원인을 묻자 제자는 "스승님 이제 칼보다는 책이 이 세상을 지배하는 시대가 왔습니다." 하며 짐 속에서 책을 꺼내지요 그의 말은 이제는 힘의 시대가 가고 아는 것이 힘이 되는 시대임을 말하고 있습니다. 그 후 또 다른 10년이 지난 뒤 돌아온 제자는 이번에는 주머니에서 트랜지스터 소형 라디오를 꺼냅니다. 즉 정보의 시대임을 의미하는 것인데 이처럼 이제는 한사람이 얼마만큼 많이 아는가 하는 것보다는 어디에 가면 어떠한 내용이 있고 누가 무엇을 할 줄 아는가 하는 것을 아는 것이 힘이 되는 시대가 되고 있습니다. 많은 사람들의 특화된 지식들은 정보라는 형태로 오가며 큰 힘을 발휘하기도 하고 또한 여러 가지 정보를 통해 자본의 움직임을 미리 예측하여 더 큰 자본을 모으기도 합니다.

우리는 정보가치에 대해 간과해온 면이 있습니다. 저는 여행지에서 모르는 길에 대해 주위사람에게 별로 묻지 않는 편입니다. 그 사람을 귀찮게 하는 것 같기도 하고 또 지도를 보며 스스로 찾아내는 성취감을 맛보고 싶기 때문이기도 하지만 지쳐 있거나 급할 때면 모든 것이 귀찮은 법이지요. 반면 함께 갔던 친구는 뭐든지 물어보는 타입이었습니다. 필요한 상점이나 화장실을 찾을 때도 그는 서슴없이 물어보고 제가 지도 속에 얼굴을 파묻고 정신없이 문자와 씨름하는 동안 어디선가 알아와서는 앞장섭니다. 얄미워 보이면서도 덕분에 많은 시간을 절약할 수 있었습니다. 사실 지리에 대한 정보는 그것을 필요로 하는 사람에게는 무척 가치 있는 것입니다. 그것은 시간을 절약해 주고 불필요한 노동력의 낭비를 막아 줍니다. 그런데 이러한 정보가 길거리에서는 공짜라는 사실에 우리는 무척 당연한 것으로 여기는 경향이 있습니다. 이것은 그 정보를 제공한 사람이 그것을 위해서 따로 학습했거나 별도의 비용을 지불하고 습득한 정보가 아니기 때문에 우리는 이를 공유할 수 있다고 생각하는 것이지요. 그래도 내가 필요한 정보를 아는 사람이 마침 그때에 그곳에 있었고 그 근처의 지리에 해박할 것 같은 외모에 눈에 잘 띄는 옷을 입고 있었다면 가장 빠르고 편리하게 내가 필요로 하는 정보를 취할 수 있게 되고 이는 정보 취득자에게는 새로운 가치라고 말할 수 있습니다.
이렇게 정보를 빠르고 쉽게 찾을 수 있도록 그 위치의 구조를 정하고 그 내용을 미리 예측할 수 있도록 기호체계를 만들고 하는 것들을 정보디자인이라고 할 수 있으며 오늘날은 이러한 정보관리 체계 자체가 부가가치를 지니는 하나의 생산물이 되는 시대입니다.
웹과 같은 인터랙션 매체는 그 뒤에 수많은 페이지들이 줄지어 서 있는 것과 같습니다. 문제는 그들을 어떻게 배치시켜 필요할 때 빠르게 찾아 맨 앞 화면으로 올라오게 하는가 이며 이를 위해 이해가 쉬운 인터랙션과 인터페이스 디자인이 있어야 합니다. 그럼 이제부터 전체적인 정보의 구성방법에 대해서 알아보겠습니다.

정보의 구조적 단계 (Structure Level)

지난 주 까지 우리가 다루어 오던 것은 주로 웹 페이지 디자인에 관한 것으로서 문자, 사진, 색채 등 그래픽 디자인의 범주에서 크게 벗어나지 않은 것들이었습니다. 즉 웹 디자인의 평면 구성법에 관한 것이었다면 이번에는 그 뒤쪽의 전체구조(Information Architecture)에 대해서 논하고자 합니다. 우선 하나의 웹 컨텐츠의 구성을 살펴보면 첫 번째로 정보재료(Information Assets)의 단계. 정보디자인(Information Design)의 단계 그리고 이들 페이지를 효율적으로 배치하고 연결시키는 정보설계(Information Architecture)의 3가지 단계로 나눌 수 있습니다.

정보재료의 단계는 전통적인 예술의 형태에서 크게 벗어나지 않은 것으로 페이지의 구성재료가 되는 문자, 사진, 일러스트, 도표 등을 준비하는 것이며 우선 이들이 질이 좋은 웹 페이지의 기본 조건이 됩니다. 사람들에게 유용하지 않은 정보는 웹 상에 놓여질 이유가 없습니다. 많은 웹 방문자들이 인터넷 서비스료와 전화 사용료를 지불하며 누군가의 애인이나 애완동물 등의 사진을 보려 하지는 않을 것입니다. 즉 내용은 방문자들이 유용하게 사용할 만한 어떤 것이어야 하겠지요. 이와 더불어 잘 찍은 사진과 최적화 된 스캐닝 이미지, 인상적인 일러스트레이션 등은 컨텐츠의 질을 높혀 주는, 웹 디자인에 있어서 중요한 기초적 자료가 됩니다.
정보재료들은 한 페이지의 화면 안에 다양한 방법으로 구성되게 되며 이 과정은 정보디자인의 단계로서 정보를 분류하고 그룹을 지어서 여백과 함께 서로 조화롭게 그러면서도 기능적으로 구성하는 일련의 작업들이 됩니다. 이때 함께 고려되어야 할 사항이 그 뒤에 있는 정보의 종류와 양 그리고 전체 구조 등을 쉽게 인지하여 이를 하나의 대표이미지로서 의미전달성이 있어야 한다는 것입니다.
정보설계의 단계는 건물을 짓는 것과 마찬가지로 정보들을 의미와 기능에 따라 분류하여 몇 개의 방으로 나누고 그러한 방들은 어떻게 배치해야 할 것인가 하는 부분을 기능적으로 디자인하는 것입니다. 이때에는 우선 정보의 정의가 이루어 져야 합니다. 정보의 성격이 사전에 가깝다면 알파벳 순서에 따른 정리가 필요할 것이고 지도에 가깝다면 위치별로 확대해 들어가는 방식이 적합할 것입니다. 즉 정보설계는 정보재료들을 담고 있는 각 페이지들을 어떠한 규칙으로 구성할지를 전체적으로 이해하기 쉽도록 디자인하는 과정입니다.

정보 구조 모델 (Structure Model)

우리가 책을 처음 접했을 때는 우선 목차나 요약문, 또는 잡지와 같은 사진이 많은 경우에는 빠르게 페이지를 넘겨보는 방법으로 전체내용에 대한 정보를 얻으려 합니다. 그 후에 저자이름, 출판사, 가격 등은 어디쯤을 펼쳐보면 알 수 있는지, 각 페이지의 주석과 페이지 등은 어디에 위치하는지에 대한 이해가 있으므로 자연스럽게 각 페이지의 정보들을 옮겨 다니며 필요한 정보를 얻습니다. 책은 여러 장의 페이지가 일렬로 붙어있는 상태이므로 무척 선적인 구성을 가지고 있지만 임의로 어느 곳이나 한번에 펴볼 수 있다는 장점으로 정보의 전체 양과 구성에 대한 이해가 빠르고 다양한 방법의 정보검색이 가능하며 목차를 참고하여 필요한 페이지로 쉽게 이동할 수 있습니다. 최근에는 여러 가지의 에피소드를 선택적으로 이야기 전개를 해 나갈 수 있는 인터랙티브 소설이나 표제어들이 하이퍼링크(Hyperlinks: 내용중에 더욱 자세히 알고 싶은 용어에 대해 다른 페이지에 자세히 설명된 부분으로 뛰어넘어 연결시켜주는 방법)가 되도록 꾸민 아동용 사전도 볼 수 있습니다. 반면에 웹 디자인에 있어서의 페이지들은 책과는 달리 쉽게 훑어 볼 수가 없습니다. 각 페이지들이 화면에 나타나기 위해서는 전송속도에 따라 데이터가 들어오는 시간동안 기다려야 하며 한눈에 관련되는 페이지의 양을 가늠해 볼 수 있는 방법이 없으므로 사실 사용자는 정보의 전체크기에 대해 모호한 느낌을 가지게 됩니다. 그러므로 페이지들간의 구성체계를 잘 정리하여 이용자가 빠르게 그리고 실수 없이 원하는 페이지로 이동할 수 있도록 해 주는 구성체계가 필요하며 이에는 기존의 종이매체나 방송 매체에서 볼 수 있는 방법들이 응용된 여러 가지 모델들이 있습니다. 그 중에는 선적(Linear) 구조, 계층형(Hierarchical) 구조, 웹(Web) 구조가 가장 많이 사용되며 페이지 안에서 부분적으로 이동할 수 있는 매트릭스(Matrix) 구조, 겹침(Overlay) 구조, 위치확대(Spatial Zoom) 구조 등이 있습니다. 이들 모델들은 한가지 방법만으로 이루어지는 것은 아니며 서로 필요한 부분에 복합적으로 적용되는 경우가 대부분입니다.

이들 구성 모델들은 기존매체의 종류에 따라 그 적용되는 경우가 달랐습니다만 CD-ROM이나 Internet 등 멀티미디어 매체의 경우에는 모든 경우의 적용이 가능하여 필요에 따라 알맞은 모델을 복합적으로 사용하게 됩니다.

웹 네비게이션의 특징

웹 커뮤니케이션의 방법은 기술적으로나 그 방법에 있어서 기존의 매체와 비슷한 점을 가지고 있습니다. 우선 웹 커뮤니케이션은 브로우져(Browser)의 사용이 필수적이며 거기에는 "이전 페이지", "다음페이지" 의 두가지 간단한 네비게이션(Navigation) 버튼이 있으며 이는 책과 같은 순차적인 이동을 하도록 해 줍니다. 또한 페이지 안에서는 텍스트나 이미지에 별도의 주소를 적용시켜 하이퍼링크 시킬 수 있도록 되어 있어 관련 정보를 연속적으로 찾아 나갈 수 있도록 해 주는데 우리의 관심사는 이 하이퍼링크를 시킬 구조에 관한 것입니다. 웹 커뮤니케이션이 책과 비슷한 구조를 가지고 있으면서도 가장 다른 것은 앞서 설명한 바와 같이 페이지 이동에 상당한 시간이 걸린다는 것입니다. 그러므로 목차에 해당하는 첫 번째 인덱스 페이지(Index page)는 필요에 따라 그 안의 모든 연결 페이지들로 금방 이동할 수 있는 페이지 링크 버튼들이 필요할 것이며 연결될 페이지들의 성격을 미리 알 수 있도록 묘사하여 잘 못 움직였다가 돌아오는 일이 없도록 해야 할 것입니다. 또한 연결되어 있는 전체 페이지의 양과 구성상태를 예측할 수 있도록 편집하여 정보들을 하나의 덩어리로 판단할 수 있도록 하여야 합니다.

정보 설계상의 구조 자체를 인덱스(Index)페이지의 그래픽 모티브로 사용한 예.

이번 주는 웹 페이지의 효율적인 구성방식에 대해서 알아보았습니다. 웹을 위한 정보설계에 유의 해야할 기술적인 제약들은 점점 사라지고 있습니다. JAVA Script 나 Macromedia 사의 Shockwave기술 (디랙터을 저작도구로 하여 제작한 인터랙티브 무비를 웹상에서 볼 수 있도록 해주는 기술로서 브로우져에 관련 플러그인을 설치해야 사용할 수 있다.) 등이 사용되면서 웹을 통한 본격적인 인터랙티브 컨탠츠가 등장하고 있습니다. 웹 디자이너의 입장에서 보면 표현의 영역이 넓어진 것이지만 한편 그만큼 구조에 있어서 생각해야할 것은 많아지는 것입니다. 인터랙션에 대한 발상은 그 정보의 의미를 정확하게 해석하고 컴퓨터에 대한 일반지식이 없는 사용자 입장에서 생각할 줄 알 때 비로소 그 해결책이 보이기 시작합니다. 그 다음에 할 일은 그 구조체계와 화면의 링크상태, 스토리 보드 등을 스케치하여 그 타당성에 대한 기록을 하고 문제점을 고쳐나가는 것입니다.
또한 팀 작업을 하며 정보설계를 할 때 중요한 것은 관련 전문가와 함께 작업하는 것입니다. 교육용 컨텐츠면 교육학 전문가와, 아동용 컨텐츠면 아동학 전문가와, 공학관련 컨텐츠면 공학도와... 함께 설계할 때 그 분야의 전통적인 분류 및 구성 방법을 활용할 수 있으며 이는 특정 사용자 이해의 효율을 높힐 수 있는 방법이기도 합니다. 또한 그 구조를 잘 이해하도록 스케치하고 도표화 하여 작업자들간의 커뮤니케이션에 오해가 생기지 않도록 하는 것, 즉 공동작업자들 간의 인터랙티브 커뮤니케이션에 문제가 없는 것 자체가 그만큼 좋은 인터랙티브 컨탠츠를 만드는 기본 요소가 됩니다. 다음주에는 정보의 구조 속에서 올바르게 인터랙션 하기 위한 인터페이스 디자인에 대해 알아보도록 하겠습니다.

감사합니다.
끝