웹 사이트 기획 및 구축시 고려 하여야할 정보 구조 설계

본 자료는 8페이지 의 미리보기를 제공합니다. 이미지를 클릭하여 주세요.

해당 자료는 8페이지 까지만 미리보기를 제공합니다.
8페이지 이후부터 다운로드 후 확인할 수 있습니다.

1. 웹 환경의 변화

2. 정보설계의 필요성

3. IA의 요소

4. IA를 고려한 웹사이트

5. 정보설계 전문가의 학문적 배경및 전제조건

6. IA에서 요구되는 분야별 역할

정보의 체계화에 대한 도전

정보 체계화의 난점

웹사이트와 인트라넷 구성하기

1. 컨텐트 체계화

2.컨텐트구조

응집력 있는 구조 체계 구축하기

Designing Navigation Systems

1. 브라우져 내의 네비게이션 특성 (Browser Navigation Features)

2. 콘텍스트 (context) 의 제공 (Building Context)

3. 유연성의 향상 ( Improving Flexibility )

4. 네비게이션 시스템의 유형 (Types of Navigation Systems)

5. 콘텐츠를 포함하는 네비게이션 요소 (Integrated Navigation Elements)

6. 원격으로 제어하는 네비게이션 요소 (Remote Navigation Elements)

7. 품위있는 네비게이션 시스템의 설계 (Designing Elegant Navigation Systems)

Labeling System

1. 레이블링의 중요성

2. 레이블이 아닌, 레이블링 시스템

3. 레이블링 시스템의 유형

4. 효과적인 레이블링 시스템 만들기

5. 레이블링 시스템 꾸미기

6. 비 설명형 레이블링 시스템

7. 이중의 어려움

본문내용

대해서가 아니라 '레이블링 시스템'에 대해서만 배우면 된다.
전체를 훑어보고 나면 사용자는 이 시스템이 어떻게 동작하는지 이해하게 된다
일관성은 친밀감을 이끌어 내며, 친밀감은 만족감을 이끌어 낼 것이다.

3. 레이블링 시스템의 유형
가. 네비게이션 시스템 속의 레이블
다른 형태의 레이블링 시스템보다는 일관된 적용을 필요로 함
네비게이션 시스템은 계속해서 웹 사이트에 나타남
사용자들은 네비게이션 시스템이 페이지에서 일정하게 위치되고, 사이트 전체에 걸쳐 동일하게 보일 것이라고 믿는 것처럼 네비게이션 시스템에서의 레이블이 일관되고 친숙한 방법으로 동작되도록 해야 함
레이블은 페이지에 관계없이 변하지 않는 것이 좋다.
문제점
동일한 정보를 표시하는데 두 개 이상의 변종들이 있을 수 있으나 적어도 단일 사이트 내에서는 일관되게 사용되어야 함
같은 레이블이 종종 다른 종류의 정보를 나타낼 수 있다.
해결책
메인 페이지에서 네비게이션 레이블들에 대한 간략한 설명을 첨부할 수 있다.
나. 색인어로서의 레이블
색인어로 사용되는 레이블은 검색 시스템에 의해 문서가 추출될 가능성을 높이는 기능을 제공하며, 사이트 내에서의 브라우징을 지원한다.
1. 검색시스템 지원
웹 페이지의 키워드가 태그 또는 컨텐트들을 기술하는 데이터베이스 레코드에 들어가야 한다.
웹 페이지의 태그 속에 있는 색인 레이블은 올바른 페이지를 추출해낼 가능성을 높여준다. <br /> 2. 브라우징을 향상 <br /> 직접 사이트의 컨텐트에 색인을 다는데 쓰인 키워드들을 사용하여 컨텐트 체계외에도 컨텐트에 접근할 수 있는 추가적인 방법을 제공한다. <br /> 다. 링크 레이블 <br /> 단위 정보의 본문 또는 텍스트 내에서 텍스트로 된 링크로 사용되는 레이블이다. <br /> 링크 레이블은 주변의 텍스트로부터 쉽게 구별되지 않는 링크에 적합하다. <br /> 라. 표제 레이블 <br /> 하나의 시스템처럼 잘 동작하기 위해서는 사이트 안의 페이지 각각에서 단일한 형태로 나타나야 한다. <br /> 두가지 일관성을 통해 표현되어야 한다① 각 단계의 레이블들에서 나타난 단위 정보가 비슷한 수준의 중요성을 지녀야 한다.② 레이블들의 단계가 사이트의 분야들을 얼마나 깊이 다루고 있는가에 있어서 차이가 크지 않게 해야 한다 <br /> 마. 아이콘 레이블 <br /> 장점① 텍스트와 동일한 방법으로 훨씬 많은 정보를 전달한다.② 표제 레이블로서의 기능을 가진다.③ 링크 레이블로 사용되는 경우도 있다. <br /> 단점텍스트보다 훨씬 더 많은 제약을 받을 수 있다 <br /> 모두가 예술적이지 않기 때문에 사실 개념을 시각적으로 전달하는 것이 텍스트로 하는 것보다 훨씬 더 어렵다. <br /> 사이트의 페이지에서 일관된 자리배치가 필요하다. <br /> 몇 개의 핵심 개념들을 표현하는 데 적합하다. <br /> 사용 이유① 사이트에 일관적이고 눈에 뜨이는 그래픽 아이덴티티를 부여할 수 있다.② 친숙하고 눈에 잘 보이기 때문에 페이지 내에서 쉽게 찾을 수 있다. <br /> <br /> 4. 효과적인 레이블링 시스템 만들기<br /> 사이트 소유자가 아닌 사이트 사용자의 생각과 언어를 반영해야 한다.<br /> 레이블링 시스템을 만들기 위한 참고자료<br /> 1) 현재 사용중인 표현법이나 레이블명을 검토한다. <br /> 레이블링을 적용하기 이전에 사이트를 구축하는 동안 내렸던 많은 결정들을 숙고한다. <br /> 기존의 레이블명을 문서화는 작업도 중요하다. <br /> 2) 다른 웹 사이트를 참고한다. <br /> 자신이 가장 비판적인 고객이 될 필요가 있다. <br /> 여러분의 사이트가 다루는 주제를 취급하는 대학교의 웹사이트를 살펴본다. <br /> 3) 통제어 사전과 유의어 사전을 참고한다. <br /> 통제어 사전이란 예술이나 전산학과 같은 전문 주제 분야에 대한 용어를 설명하고 있는 사전을 말한다. <br /> 시소러스란 용어들간의 관계를 포함하고 있는 사전이다. <br /> 보다 좁고 구체화된 어휘나 시소러스일수록 사이트에 사용하기 좋다. <br /> 4) 컨텐트에서 나오는 레이블 <br /> 레이블들은 문서 그 자체에서도 나올 수 있다. <br /> 정보를 정확하게 분류한 출처에 의존하는 대신, 다른 사람이 분류하고 있는 내용에 대해서 정밀하게 살펴보는 것이 더 유용하다. <br /> 5) 사용자와 전문가로부터 얻는 레이블 <br /> 쉽게 얻을 수 없는 정보로서 레이블링에 대한 최고의 정보원이다. <br /> 검색식 분석을 통해 사용자들이 일반적으로 사용하는 레이블들의 종류를 알 수 있다. <br /> 사용자들의 정보 요구에 익숙하고, 사용자들의 이익을 대변해 줄 수 있는 도서관 사서나 전화 교환원, 또는 정보 전문가들로부터 도움을 받을 수 있다. <br /> 비결은 사용자들이 원하는 정보의 종류에 대해서 잘 아는 사람들과 함께 일하는 것이다 <br /> <br /> 5. 레이블링 시스템 꾸미기<br /> 가. 레이블링의 기초1) 용어들을 알파벳순으로 정리할 필요가 있다.2) 어법이나 구두점, 대소문자 사용 등의 일관성을 유지하기 위해 목록을 세밀하게 살펴볼 필요가 있다.3) 가능한 한 레이블들을 구체적으로 기술할 수 있도록 만들고, 다른 것들과 차별화하도록 노력해야 한다<br /> 나. 레이블링 시스템의 범주와 규모1) 어떤 용어를 포함할 것이지는 얼마나 크고 방대한 레이블링 시스템이 필요한 상황인지를 고려해서 결정해야 한다.2) 전체 웹 사이트의 계획과 레이블링 시스템이 완수해야 할 목표 사이의 균형을 유지해야 한다.3) 레이블링 시스템의 전체적인 크기를 고려해야 한다.4) 레이블링 시스템의 적절한 수준의 분도(分度)가 필요하다.* 분도란 사이트의 컨텐트를 확인하거나 레이블링하는데 있어 어느 정도로 구체적이기를 원하는 가에 대해 지시하는 것을 말한다.<br /> <br /> 6. 비 설명형 레이블링 시스템<br /> 레이블링 시스템들이 반드시 구체적인 필요는 없다.<br /> 가. 궁금증 유발 <br /> 인식할 수 있는 혼란은 어느 정도 좋은 면도 있다. <br /> 나. 아이콘 사용 시기 <br /> 사용자들에게 재미를 주기 위해 사용한다. <br /> <br /> 7. 이중의 어려움<br /> 일반적으로 구조 체계와 네비게이션 시스템이 잘 구축되어 있는 경우, 레이블링 시스템들은 간혹 무시되는 경향이 많다. <br /> 과제 <br /> 레이블로서 사용자들이 사용하는 것과 같은 언어를 사용하라. <br /> 언어를 일관되게 사용하라. <br /> 시스템에서 사용되는 레이블에서, 그 레이블들은 특징짓는 편집 스타일에서, 그 레이블들에서 다루는 컨텐트의 분류 정도에서 일관성이 유지되는 시스템을 디자인하려고 노력해야 한다.</div> </div> <div class="detail keyword"> <h4 class="subject">키워드</h4> <div class="substance"> <a href="/search/?qt=%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8" title="웹사이트(으)로 검색하기" target="_blank">웹사이트</a>, <a href="/search/?qt=%EA%B8%B0%ED%9A%8D" title="기획(으)로 검색하기" target="_blank">기획</a>, <a href="/search/?qt=%EA%B5%AC%EC%B6%95" title="구축(으)로 검색하기" target="_blank">구축</a> </div> </div> <div class="detail refer"> <h4 class="subject">추천자료</h4> <div class="substance"> <ul class="list"> <li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/224335">올인을 사례로 본 PPL효과</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/243892">온라인 여행상품 구매자의 시장세분화에 관한 연구</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/274403">싸이월드에 대한 연구와 분석(경제적 효과를 중심으로)</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/338475">뮤지컬 명성황후 사례연구 보고서</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/358190">PDG세대를 겨냥한 감성 마케팅, 텐바이텐</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/378464">여운형의 독립운동과 좌우합작운동</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/447639">디지털 컨텐츠(콘텐츠) 개념, 컨텐츠산업(콘텐츠산업) 정의, 디지털 컨텐츠(콘텐츠) 분류, 세...</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/531583">[컨설턴트][정보기술컨설턴트][웹컨설턴트][이미지컨설턴트][외부디자인컨설턴트][경영컨설턴...</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/552660">[재범][한국][비하]2PM 박재범의 한국 비하 논란의 주요 이슈와 문제점(애국주의, 해석, 박진...</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/571919">인터넷 마케팅전략 분석</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/609339">[인터넷교육]인터넷 포털사이트 네이트닷컴(www.nate.com)의 교육분야에 관한 현황조사</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/750948">유비쿼터스 컴퓨팅 홈네트워크(Ubiquitous Computing Home Network)의 현재와 미래</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/862302">[인터넷방송국, 인터넷방송국 특성, 인터넷방송국 장점, 인터넷방송국 컨텐츠, 사이버동물원]...</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/997525">[정보사회와디지털문화] 정보사회에서 집단지성이 발휘된 사례를 살펴보고 집단지성이 지닌 ...</a></li> </ul> </div> </div> <div style="position:relative; margin:10px;"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-u7okgcjyqkiu" data-ad-width = "320" data-ad-height = "100"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> </div> </div>  <div class="row2"> <div class="sub_detail goods_info"> <ul> <li><span>가격</span><strong class="price">3,000</strong>원</li> <li><span>페이지수</span>23페이지</li> <li><span>등록일</span>2011.07.18</li> <li><span>저작시기</span>2008.3</li> <li><span>파일형식</span>한글(hwp)</li> <li><span>자료번호</span>#690200</li> </ul> </div> <div class="download" id="down_and_cart"> <a href="https://www.jisikworld.com/union/cart_add.html?no=690200&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=690200&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=690200&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div class="sub_detail down_notice">본 자료는 최근 2주간 다운받은 회원이 없습니다.</div> <div class="sub_detail saw_list"> <div class="title"> <div class="roll_btn"> <a href="#"><img src="/images/btn_roll_off.png" alt="" class="roll_img" /></a> </div> </div> <div class="substance"> </div> </div> <div class="csh_event"> <a href="https://www.cheongsohae.com/?domain=jw&banner=csh1" target="_blank"><img src="/images/event/csh1.jpg" alt="청소해"/></a> </div> <div class="daum_cpm"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-1jeipzeprj2hv" data-ad-width = "250" data-ad-height = "250"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> <div id="ptmanager_banner"> <a href="http://www.ptmanager.co.kr" target="_blank"> <img src="/images/ptmanager/banner_view.gif" alt="피티매니저" /> </a> </div> <div class="sub_detail copyright2" id="copyright_txt"> </div> <script> viewRowTxt("690200"); </script> </div>  </div> </div>   </div>  <div class="fix_search"> <div class="line"></div> <div class="detail"> <a href="#" class="bi"><img src="/images/bi_top_search.gif" alt="지식월드" /></a> <form method="get" action="/search/"> <input type="text" name="qt" class="fix_kwd" /> <input type="image" src="/images/button/btn_search.gif" class="search_submit" /> </form> </div> </div> <div class="fix_down"> <a href="https://www.jisikworld.com/union/cart_add.html?no=690200&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=690200&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=690200&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div id="footer"> <div class="footer_line"></div> <div class="footer_wrap max_width"> <div class="foot_img_1"> <ul> <li><a href="http://www.gcomin.co.kr" target="_blank" class="info_com" title="">회사소개</a></li> <li><a href="/cscenter/law/tos.html" target="_blank" class="info_tos" title="">이용약관</a></li> <li><a href="/cscenter/law/privacy.html" target="_blank" class="info_pri" title="">개인정보처리방침</a></li> <li><a href="/cscenter/law/law.html" target="_blank" class="info_law" title="">책임의 한계와 법적고지</a></li> <li> <a href="#" class="info_email" onclick="window.open('/cscenter/law/email_deny.html','email','menubar=no, toolbar=no, location=0, directory=0, resizable=0, scrollbars=0, status=0, width=400, height=420');return false;"> 이메일 수집 거부 </a> </li> <li class="last"> 고객센터 1600-6632 </li> </ul> </div> <div class="foot_img_2"> <a href="mailto:cs@jisikworld.com" class="mailto"></a> </div> <div class="foot_blank"></div> </div> </div>    <script type="text/javascript" src="https://wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_5941bb11e4e8"; if (!_nasa) var _nasa={}; wcs.inflow('jisikworld.com'); wcs_do(_nasa); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','',-1,'/','.jisikworld.com'); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','DT_690200',1754017001,'/','.jisikworld.com'); </script> </body> </html>

목차

본문내용