스크린 네비게이션 인터페이스 디자인 연구

소연정 국민대학교 테크노디자인대학원 2007 국내석사

기술의 변화로 TV 는 더 이상 단순한 방송보기만을 위한 미디어가 아닌, 새로운 커뮤니케이션의 수단으로 변하고 있다. 시청자들은 방송을 보다가 음악을 듣고, TV 를 통해 사진을 보고 편집할 수 있게 된다. 이러한 환경에 의해서 DTV 를 이용하는 사용자들은 다양한 기능사용에 대한 욕구를 가지게 된다. 그 결과 정보 구조가 점차 더 복잡해지게 된다. 이렇게 정보 구조가 복잡해지는 현상에 따라 사용자들은 메뉴 탐색에 있어서 인지적 과부화를 겪게 되며 , 이러한 과정에서 길잃기를 경험하게 된다. 따라서 점차적으로 DTV 의 구조에서 네비게이션의 역할이 중요해지고 있다. 본 연구에서는 점차 중요해지고 있는 DTV 의 네비게이션 요소 중 스크린에서 길찾기의 여러 단서를 제공해주는 스크린 네비게이션 역할과 개념을 정의 내리고자 한다. 그리고 앞으로의 DTV 스크린 네비게이션 방향 설정을 위하여 다른 디바이스의 스크린 네비게이션 요소를 비교하여 DTV 와의 차이점을 도출하는 것을 목적으로 한다. 본 연구는 앞으로의 DTV 스크린 네비게이션 방향 연구를 위한 기반이 될 것이며, 보다 체계적인 디바이스별 스크린 네비게이션 요소들의 추출에 의해 DTV에서의 GUI가이드 역할을 할 것이다. Thanks to changes in technology, TV is becoming a new means of communication as it is no longer just a medium simply for watching broadcasts. The TV audience is now able to listen to music and also to edit pictures while watching broadcasts. Under such an environment, users of DTV are able to cherish their desires for the use of diverse functions. As a result, the information structure becomes more complicated. As the information structure becomes complicated, users experience cognitive overload in searching the menu, while subsequently having the experience of being lost. Therefore, the role of navigation is gradually becoming important in the DTV structure. This study is to define the role and the concept of screen navigation that offers many clues in finding routes on the screen out of the navigation factors of DTV, which is becoming more and more important. Also, this study aims to deduce the difference between screen navigation factors of other devices and of DTV for setting up a direction for DTV screen navigation. This study will be a foundation for research into the direction of DTV screen navigation, and be a guide to GUI for DTV upon the extraction of screen navigation factors by more systematic devices.

하이퍼미디어에서 네비게이션 도구의 효과 연구

정영란 漢陽大學校 大學院 1993 국내석사

웹 네비게이션 디자인에 있어서의 성별에 따른 인지행동의 차이

김순덕 東明情報大學校 情報大學院 2004 국내석사

남자와 여자는 여러 가지 관점에서 많은 차이점을 가지고 있다. 그 중에서도 남녀의 인지행동과 관련된 차이는 많은 관심 대상이 되어왔다. 지금까지 많은 연구자들이 남자와 여자 사이에는 인지행동적 차이가 존재함을 주장하며 그에 대한 과학적인 근거와 통계들을 제시하였다. 그러나 현재 디자이너들이 제품이나 웹사이트의 정보구조나 네비게이션을 설계하는 과정에서 남녀 사이의 인지행동적 차이점은 거의 고려되고 있지 않고 있다. 평가 과정에서도 조사 대상을 남녀로 구분하기는 하지만, 구분 목적도 뚜렷하지 않으며 평가 데이터에서 나타나는 남녀의 차이에 대해서도 이를 설명할 수 있는 근거나 이론이 마련되지 않은 실정이다. 본 연구는 웹 네비게이션을 설계하는데 있어서 남녀의 차이를 반영하기 위하여 관련된 기초 지식과 근거를 마련하고자 하였다. 특히 네비게이션의 정보 구조에 있어서의 남녀의 선호도를 중심으로 논의를 전개하였다. 우선 다양한 문헌조사를 통하여 남녀의 일반적인 인지행동적 차이에 대해서 조사하였으며 이를 통해 남자의 인지적 사고방식은 일반적으로 순차적(sequence)이며 단계적인 반면 여자의 인지적 사고방식은 동시적(parallel)이며 임의적인 특성을 보임을 제시하였다. 다음으로이러한 차이가 실제로 웹 네비게이션의 사용 과정에도 적용됨을 보이기 위하여 관련된 실험을 실시하였다. 우선 동일한 컨텐츠를 가지는 상이한 구조의 웹 네비게이션들을 디자인하였고 이를 남녀로 구성된 실험 대상자들로 하여금 사용하고 평가하도록 하였다. 그 결과 분석을 통하여 남자 실험 대상자들은 여자 실험 대상자들에 비해 좁고 깊은 정보 구조의 네비게이션에 대한 선호도가 상대적으로 높으며 반면에 여자 실험자들은 넓고 얕은 정보구조의 네비게이션을 상대적으르 더 선호함을 알 수 있었다. 이와 같은 파악된 남녀 사이의 인지적 차이는 향후에 주사용자 그룹에 따른 보다 적절한 웹 네비게이션을 디자인하는 데 있어서 중요한 지침과 근거로 활용될 수 있을 것이다. A man and a woman have a lot of differences in various viewpoints. Among them, the difference related to the cognitive action of men and women has become an issue. Until now, a lot of researchers have insisted that there are some differences in the cognitive action between women and men, and have presented the scientific basis and statistics to prove them. However, when designers work on products, the structure of web site or navigation, the differences on the cognitive action of men and women are rarely considered. Even though the objects of investigation are classified into man and woman while assessing, the purpose of classification is not clear and there are not enough basis and theories that can fully explain the differences of women and men that are shown in the evaluation data. This study aims to provide the basic knowledge and basis required in order to reflect the differences of men and women when designing web navigation. Especially, this study focuses on the preference of men and women on the information structure of navigation. First of all, the investigation of the differences in the general cognitive actions between men and women has been researched by searching the various literatures. Through this investigation, I present that the way of thinking of man is generally sequential and step-by-step, whereas that of woman is parallel and showing arbitrary characteristics. After that, I conducted a related experiment to show that these differences are actually applied to the process of web navigation. In this experiment, I designed web navigations which have identical contents but different structures. The subject of the investigation was composed of men and women's use and evaluation of the data collected. The result presents that men show a relatively high preference to a navigation style which has narrow and deep information structure in comparison to women, whereas the broad and shallow information structure of navigation was preferred relatively more by women in comparison to men. These cognitive differences between men and women can be used as a useful and important guide when designing web navigation depending on major users.

웹 네비게이션 표현 방법에 관한 고찰

이종국 경남대학교 산업대학원 2007 국내석사

하이퍼미디어의 네비게이션에 관한 연구

박노곤 광운대학교 대학원 1992 국내석사

본 논문은 하이퍼미디어 시스템에서 사용되는 네비게이션 기능의 구현에 관하여 연구하였다. 미디어를 파일 단위로 관리하며 이를 프레임의 미디어 오브젝트로 하였고 노드를 연결하는 링크를 통하여 하이퍼미디어 시스템을 저작할 수 있게 하였다. 또한 여러 방식의 네비게이션을 지원하여 사용자가 필요한 정보를 검색하는 방식을 지정할 수 있게 하였다. 히스토리, 역추적, local map과 global map등의 네비게이션 기능을 두어 하이퍼미디어의 문제점을 감소시켰다. 구현된 시스템은 사용자가 쉽게 사용할 수 있도록 그래픽 사용자 인터페이스를 두었고 범용성을 위하여 일반 PC상에서 구현하였다. 본 논문에서 구현한 시스템은 학교나 회사의 건물 안내, 사원 교육등에 쉽게 이용되리라 기대된다. This paper implementes the navigation functions that use on the hypermedia system. The media handled by the file unit can be the media object of the frame. User can define the navigation type by using the link type to select the desired presentation type of information. The proposed navigation functions to reduce the problem of hypermedia are history, back tracking, local map and global map with scrolling. These functions are developed on the general purpose PC and used the user friendly graphical user interface(GUI). The proposed method can be applied to the school or building guide system, educating man of company.

시청 조도, 디스플레이 특성 및 콘텐츠 크기를 고려한 투명 네비게이션의 가독성 정량화

이성은 인하대학교 대학원 2019 국내석사

투명 디스플레이는 디스플레이 뒤편의 배경이 보이는 특성으로 인해 다양한 애플리케이션에 활용될 수 있다. 특히 네비게이션에 활용될 경우, 운전자의 시선 분산으로 인한 사고 발생의 위험을 감소시킬 수 있다. 투명 디스플레이가 네비게이션으로 활용되기 위해서는 가독성이 적합해야 한다. 하지만 디스플레이마다 특성이 다르고, 차량의 주행 환경이 계속해서 변하기 때문에 가독성은 달라진다. 네비게이션에 표시되는 콘텐츠의 크기가 변할 경우에도 가독성은 달라진다. 따라서, 투명 네비게이션의 가독성이 적합한지 여부를 판단하기 위해서는 이러한 요소 변화에 따른 가독성을 정량적으로 평가하는 방법이 필요하다. 본 논문에서는 시청 조도, 디스플레이 특성 및 콘텐츠 크기를 고려한 투명 네비게이션의 가독성 정량화 방법을 제안한다. 제안하는 방법에서는 다양한 디스플레이 특성 및 시청 조도를 고려하기 위해 투명 네비게이션의 인지 영상 시뮬레이션 방법을 개발한다. 시뮬레이션 영상을 이용하여 시각 실험을 수행하고, 실험 결과와 정량화 요소를 회귀 분석하여 정량화 모델을 도출한다. 정량화 모델의 성능은 2가지 방법으로 검증한다. 첫번째로, 기존의 가독성 정량화 모델과의 성능을 비교한다. 두번째로, 임의의 시청 조도에서 주어진 spec에 대한 투명 네비게이션의 적합성 예측 확률을 계산한다. 검증 결과, 제안하는 정량화 모델의 성능이 가장 우수하며, 투명 네비게이션의 적합성 예측 확률이 매우 높은 것을 확인할 수 있다. Transparent displays can be used in various applications because the background behind the displays can be seen. In particular, when used for navigation, it can reduce the risk of accidents caused by driver’s gaze dispersion. In order to use transparent display for navigation, on-screen information should be legible. However, legibility depends on the specification of each transparent display and the driving environment of the vehicle. Legibility is also affected by the size of content displayed on the navigation. Therefore, a method of quantitatively evaluating the legibility according to the change of such factors is needed to judge whether the legibility of transparent navigation is acceptable. This paper presents a new method for evaluating the legibility of transparent navigation under different viewing illuminations, display specifications and content sizes. In the proposed method, simulation method of perceived image of transparent navigation is developed to consider various display specifications and viewing illuminations. Visual experiments are performed using simulated images, and the proposed model is derived by applying regression to the quantification factors and results of human visual experiments. The performance of the proposed model is verified in two ways. First, the proposed model is compared with existing legibility evaluation models. Second, the predictability of acceptability of transparent navigation for the given specification in an arbitrary viewing illumination is calculated. Verification results indicate that the performance of the proposed model is the best compared with existing models and this model can predict the acceptability of the transparent navigation with a very high probability.

An appropriateness of the navigation system in the field of the operation of the total knee arthroplasty

정석환 대구가톨릭대학교 대학원 2020 국내석사

목적 : 본 연구는 인공슬관절 치환술 시행시에 이용되는 네비게이션 시스템을 이용할 경우에 시스템 활용의 적정성 및 정확성을 분석하기 위해 시행되었다. 대상과 방법 : 2018년 3월부터 2018년 5월까지 인공슬관절 치환술을 시술받은 60명의 환자를 대상으로 하였고 모든 환자는 네비게이션(Kick®, BrainLAB version 2.6, Feldkirchen Germany) 시스템 가이드 하에 한명의 수술 집도의에 의해서 인공 슬관절 치환술이 시행되었다. 네비게이션의 등록(registration) 후 수술 단계별 네비게이션에 의해 계획되어진 대퇴골 및 경골의 절제 범위와 각도에 대한 결과치와 실제 수술시에 적용된 수치를 비교하였고, 사용된 치환물의 크기 선택에 대해서는 술 전 단순방사선 사진에서 템플릿을 이용한 크기와 술 중 삽입물 크기 측정구(implant sizing apparatus)를 사용하여 나타난 결과를 네비게이션에서 추천되는 삽입물의 크기와 비교 분석하였다. 술 중 네비게이션에서 확인된 하지의 고관절-슬관절-족관절의 관상면에서의 생역학적인 축을 수술 후 3개월째 확인된 방사선 검사상의 생역학적인 축의 결과와 비교 분석하였다. 결과 : 네비게이션의 위치 등록에 걸린 평균 시간은 242초(205~345초)였다. 네비게이션 시스템에서 추천되는 대퇴 삽입물 크기는 실제 적용에 적절한 대퇴 삽입물보다 큰 경향을 보였다(p<0.05). 원위 대퇴 절제 범위는 네비게이션에서 결과치는 9.08 ± 0.40 mm이었고 실제 절제 범위는 9.87 ± 1.39mm 로 유의한 차이를 보였으며 근위 경골의 절제 범위도 네비게이션에서 결과치는 외측 및 내측 절제 범위가 각각 10.12 ± 0.34 mm, 4.47 ± 2.17mm 이었으나 실제 절제 범위는 9.07 ± 1.45mm, 3.48 ± 2.00 mm 로 유의한 차이를 보였다(p<0.05). 술 중 네비게이션으로 측정한 완전 신전 상태에서의 하지의 고관절-슬관절-족관절의 관상면에서의 생역학적인 축 값은 0.23 ± 0.51°도 내반을 보였으며 술 후 3개월에서는 0.45 ± 0.58° 내반으로 차이가 없었다. 결론 : 네비게이션은 인공슬관절 치환술에 있어서 하지 정렬을 확인하고 수술의 정확성을 높이는데 기여하지만 대퇴 및 경골의 절제범위, 삽입물의 크기 선택 등에서는 차이가 있는 상태로 네비게이션 사용시에 이를 충분히 인지하는 것이 필요할 것으로 판단된다.

법학도서관 웹사이트의 네비게이션 시스템 개선방안에 관한 연구

이용미 중앙대학교 대학원 2007 국내석사

본 연구에서는 교육기관 웹사이트인 법학도서관 웹사이트 네비게이션 시스템을 분석하여 구체적인 문제점을 도출하고, 도출된 문제점들에 대한 개선방안을 제시하였다. 이를 위해 네비게이션의 유형과 구성요소 및 설계 시 고려사항에 대한 개념을 정립하고, 네비게이션의 분석에 관한 선행 연구를 바탕으로 법학도서관 웹사이트 네비게이션 시스템 분석항목을 설정하였다. 끝으로 이와 같은 연구결과를 바탕으로 법학도서관 웹사이트 네비게이션 시스템에 대한 개선방안을 제시하였다. 본 연구의 결과를 요약하면 다음과 같다. 첫째, 전역 네비게이션의 위치, 방향, 유형, 메뉴를 일반적인 기준에 맞게 제공해야 하며, 일관성 있는 네비게이션을 제공해야 한다. 핵심지역과 기능에 바로 접근할 수 있는 메뉴 군과 현재 위치에 대한 환경정보를 제공해야 한다. 또한 홈페이지(홈버튼, 로고)로의 이동이 쉬워야하며, 웹사이트의 상위기관인 대학, 법과대학, 중앙도서관 모두를 접속 메뉴군에 제공해야 한다. 둘째, 지역 네비게이션의 위치, 방향, 유형, 메뉴를 일반적인 기준에 맞게 제공해야 하며, 자주 사용하는 메뉴의 링크를 제공할 경우 이용자의 불편함이 없도록 스크롤바의 상하 이동을 가능하게 제공해야 한다. 셋째, 문맥 네비게이션의 메뉴의 수와 링크 유형은 가급적 적은 수를 제공해야하며, 같은 카테고리에서 정보를 볼 때 ‘다음’, ‘이전’버튼을 제공해야 한다. 또한 새창(additional brower window)의 사용을 자제하고, 컨텐츠 영역에서 활용하는 네비게이션(tertiary navigation)과 메인 페이지나 섹션 첫 페이지에서 컨텐츠 페이지로 바로 이동할 수 있는 링크 방식의 네비게이션(deeper link)를 사용하도록 한다. 너무 많은 수의 관련 사이트의 링크는 사이트들의 범주를 묶어 최상의 범주만을 홈페이지 상에 제공해야 한다. 넷째, 지원 네비게이션의 사이트 맵과 사이트 색인은 웹사이트의 컨텐츠의 양과 계층구조에 따라 알맞게 제공하고, 누락된 링크가 없도록 한다. 지원 네비게이션의 영역에서는 물리적 도서관 이용안내와 사이트 가이드를 모두 제공하고, 업무별 담당자 정보 제공은 사진, 이메일, 담당업무까지 상세히 제공해야 한다. 지원 네비게이션의 검색영역은 도서 검색과 사이트 검색을 모두 제공하며, FAQㆍ도움말, 피드백ㆍQ&A 서비스를 제공해야 한다. 이상 본 연구에서 제안한 법학도서관 웹사이트 네비게이션 시스템 개선방안은 이용자에게 최적의 법학도서관 웹사이트 이용을 제공하며, 도서관에게 서비스 증진과 효율적 네비게이션 시스템 설계 시 도움이 되는 기초자료가 될 것이다. This study is to extract specific problems from analyzing Law Library Websites which are running from educational board and to suggest the improvements in those problems. To achieve this, I have set general idea on its navigational patterns, constituents and considerations for its construction and set items to analyze referenced studies on law library websites navigation system. As a result of the study I have come up with suggestion on improving law library website navigation. Followings are abstractions of the study. First, all areas of navigation's location, direction, pattern, menu system should be provided with general standard. Menu group to navigate for core area, function and current location information should be provided. Concerns in ease of moving to home page(with Home button, Logo) and menu groups for its higher level of its hierarchy, such as institute that is running the library, law department, central library, should also be provided. Second, sectional navigation's location, direction, pattern, menu system should be provided with general standard. In case of providing frequently used menus, scroll functions for users to move up and down in ease of use should be provided. Third, numbers of menus and links for context should be kept in minimal. When navigating in same context, 'Prev' and 'Next' button should be provided. Use of additional browser window should be limited but, rather use tertiary navigation system that is used normally in content area and deeper link system which makes move from main home pages or first page of section to specific content page. When there are too many numbers of links from one category should be bundled together and only the best of its kind should be provided in the home page. Forth, site map and indexes should be provided proportionally according to the amount of the contents and hierarchy structure and do not make any mislinks by dropping out. In support navigation area, physical guide in library usage, site guide, name of the person in charge with photo, e-mail and specific services provided should all be included in it. Also, literature search, site search, FAQ, Help, Feed back, Q&A service should all be included. With above suggestions this study has provided on law library website navigation system improvement will provide optimal use of law library and become a good reference to improvement on library service and help planning further efficient navigation system.

웹사이트 유형별 네비게이션 요소의 디자인에 관한 연구

노경미 숙명여자대학교 디자인대학원 2004 국내석사

The types of websites are becoming diversified, the contents are becoming extensive and the structures of websites are becoming complex. Websites are connected to our everyday lives in various areas, thus the importance of websites is increasing day by day not only in businesses, but also for individual users. However, users fail to make full use of websites due to various problems related to navigation, thus fail to fulfil their purposes. Users are seeking for ways to find required information in an easier way. Navigation in a website is designed as a movement structure within a three-dimensional space to be displayed on the two-dimensional screen. Navigation serves the role of assisting users to achieve their required goals by enabling them to intuitively grasp the structure and flow of the corresponding website. Therefore, it is an impending task to perform studies on navigation, which assists users to accomplish their purposes of using websites. The users purpose of using website differs in accordance with the type of websites. While attempting at understanding the different purposes of users per each type of website, it would be enabled to achieve further complete navigation design. Navigation, when successfully planned and designed, enables users to achieve their purposes and to gain satisfactory experiences of using the website. Therefore, successfully designed navigation promotes first-time visitors to a website to become faithful users, thus may exert direct influence upon the success or failure of the business. In this study, firstly, general consideration and definition of concept on navigation have been made on the basis of theoretic background followed by reviewing of related theories. Then, overall investigation has been performed on the users understanding, website structure and interface design to promote realization of more embodied navigation implementation. Secondly, based on the overall investigation, design elements of navigation displayed in three types of websites, such as of shopping mall, portal and community sites have been analyzed to study the characteristics of navigation, which supports users to accomplish purposes in each type of website. For conclusion, principles have been set for navigations to suit the purposes and functions per each type of website. 웹 사이트의 종류는 다양해지고, 컨텐츠의 양은 방대해지며, 사이트의 구조는 복잡해지고 있다. 웹 사이트는 다양한 분야에서 실생활과 연계되고 있어, 기업 뿐만 아니라 사용자에게 그 중요성은 날로 증가하고 있다. 하지만 사용자들은 여러 가지 네비게이션 문제들로 인해 사이트를 제대로 활용하지 못하고 그들의 목적을 이루지 못하고 있다. 사용자들은 좀 더 쉬운 방법으로 정보를 찾고 제공받기를 원하고 있다. 웹 사이트에서의 네비게이션은 2차원인 모니터 화면을 통해 보여 지는 3차원 공간에서의 이동 구조이다. 네비게이션은 사용자가 웹 사이트의 구조와 흐름을 직관적으로 읽을 수 있게 해 자신이 원하는 목적을 이룰 수 있도록 지원하는 역할을 한다. 따라서 사용자들의 목적을 지원하는 네비게이션에 대한 연구는 무엇보다도 시급하다. 그런데 사용자들의 목적은 사이트의 유형에 따라 달라진다. 사이트의 유형에 따라 달리 나타나는 사용자의 목적을 이해하면 보다 완성도 높은 네비게이션 디자인이 가능할 것이다. 잘 계획되고 디자인된 네비게이션은 사용자의 목적을 달성하고 만족스러운 경험을 하도록 지원한다. 따라서 성공적으로 디자인된 네비게이션은 사용자들을 단순 방문자에서 사이트에 대한 충성도가 높은 사용자로 만들고 비즈니스의 성패에 직접적인 영향을 미친다. 본 연구에서는 첫째, 이론적 배경으로 네비게이션에 대한 일반적인 고찰로 개념에 대한 정의를 내리고 이와 관련된 이론들을 검토했다. 그리고 구체적인 네비게이션의 실현을 위한 사용자에 대한 이해와 사이트의 구조, 인터페이스 디자인에 대한 전반적인 연구를 했다. 둘째 네비게이션에 대한 전반적인 검토를 바탕으로 쇼핑사이트, 종합검색사이트, 커뮤니티사이트 3가지 유형의 사이트에 나타난 네비게이션 요소들의 디자인을 분석함으로써 각 유형별 사이트에 나타난 사용자의 목적을 지원하는 네비게이션의 특징을 연구했다. 그 결과로 사이트의 목적과 기능에 적합한 네비게이션을 위한 원칙을 세웠다.

온라인 쇼핑몰 웹 네비게이션의 배색에 관한 연구 : 컬러유니버설디자인 관점에서 텍스트와 배경의 명암비를 중심으로

유향 중앙대학교 대학원 2023 국내석사

The website should be easily accessible and usable by all regardless of disability, gender, age, nationality, etc. However, information disadvantaged people, including people with color disabilities, do not enjoy equal access to information and have to take a back seat, feeling that there are limitations in the use of the website. In particular, due to the increase in the number of users of online shopping malls as a result of the new crown pneumonia, people with color deficiency are relatively unable to recognize the information that must be confirmed when purchasing products, and most websites offer a light-to-dark ratio of 3:1 or less between content and background. As a result of this inequality, an information gap has emerged, which is the reason for the lack of compliance with the Web accessibility guidelines. Therefore, in order to realize the universal value of the Web, it is necessary to consider color universal design. In this study, considering the problem of poor proximity of website information from the standpoint of color weakness, this study observed whether a color scheme with a contrast ratio of 4.5:1 or more based on KWCAG2.1 was applied to the web navigation of 10 online shopping malls, and suggested directions for improvement. First, The basic theories of web accessibility, web navigation and color universal design were constructed through literature review, and then the colors of web navigation viewed from various perspectives were analyzed for Coupang, 11th Street, Gmarket, Auction, Interpark, Danawa, Shinsegae, Timon, Lotte On, and Wemakeprice. Based on the analysis results, a color scheme of 4.5:1 or more was proposed from all perspectives. Therefore, the conclusion of this study are as follows. First, among the 10 online shopping malls, only Auction and Shinsegae were found to meet the criteria of 4.5:1 or higher in contrast ratio, which is the 2.1 standard of KWCAG. Although compliance with web accessibility guideline is obligatory, many websites still did not recognize this and used color scheme that did not take into account users with various visual characteristics. Therefore, in order to bluid a color universal design environment, it is necessary to establish a management system and clear guidelines for color and color matching. Second, all 10 online shopping malls applied color changes to LNB's accessible information, but only half of the shopping malls in the GNB used color changes or the icon bar feature. It was noted that more emphasis was placed on LNBs that contained more information about the shopping malls than GNB. While LNB contain the main categories of shopping centers, GNB also contain important content for web pages, so GNB also need to include a function to help identify information. Third, the colors used by the 10 malls are R, GY, BG, PB, and black, with the R series being the most frequently used at 39%. In case of R-series colors, D-type and P-type visually look green, so considering this situation, we should limit red as the main color and try to use all colors that have less visual color perception changes. Fourth, a color scheme to which a clear brightness difference is applied was proposed for the Muncell 20 color ring. First, in the case of a white background of RGB 255, 255, 255, 255, the colors of 10G, 5BG, 5B, 10B, 5PB, 10PB, 5P, 10P, and 5RP maintained a contrast ratio of 4.5:1 or more. When not using a white background but two different color schemes, 10R and 5PB, 5YR and 5BG, 10YR and 5BG, 10YR and 5B, 10YR and 10YR and 5B, 10YR and 5PB, 5Y and 5BG, 5Y and 5B, 5Y and 10B, 5Y and 5PB, 5Y and 10PB, 10Y and 5BG, 10Y and 5B, 10Y and 10B, 10Y and 5PB, 10Y and 10PB, etc. color scheme in the contrast ratio of 4.5:1 or more, so the use of such a clear difference in lightness color scheme is correct In the future, research on the color of all websites considering the color universal design should be continuously conducted, and the establishment of management measures for equal access to information is also required. It is hoped that an Internet environment will be created in a digital information society where all members of society can enjoy equal accessibility as soon as possible. 웹사이트는 장애의 유무와 성별, 나이, 국적 등에 상관없이 모든 사람들이 원하는 정보에 쉽게 접근하고 이용할 수 있어야 한다. 그럼에도 불구하고 색약자를 비롯한 정보취약계층은 평등한 정보의 접근성을 누리지 못하고 뒤편에 물러나 있어야 하는 존재가 되었고 이들은 웹사이트의 이용에 한계를 느끼고 있다. 특히 코로나 19로 인해 온라인 쇼핑몰의 이용자수가 늘어나면서 색약자들은 상품 구매 시 반드시 확인해야 할 정보를 상대적으로 인식하지 못하고 있으며 다수의 웹사이트가 콘텐츠와 배경의 명암비를 3:1 이하로 제공하고 있었다. 이러한 불평등으로 인해 정보격차가 나타나고 있었으며 이는 웹 접근성 지침의 미준수가 원인이 된다. 따라서 웹의 보편적 가치 실현을 위해서는 컬러유니버설디자인이 고려되어야 한다. 본 연구는 색약자의 입장에서 웹사이트 정보의 접근성이 떨어진다는 문제점을 고려하여 10개 온라인 쇼핑몰 웹 네비게이션을 대상으로 KWCAG 2.1 기준인 명암비 4.5:1 이상인 배색을 적용하였는지를 살펴보고 개선 방향을 제안하였다. 먼저 문헌고찰을 통해 웹 접근성, 웹 네비게이션 및 컬러유니버설디자인의 기본 이론을 구축하였고 다음으로 쿠팡, 11번가, G마켓, 옥션, 인터파크, 다나와,신세계, 티몬, 롯데온, 위메프를 대상으로 다양한 시각에서 보이는 웹 네비게이션의 배색을 분석하였다. 분석 결과를 바탕으로 모든 시각에서 4.5:1 이상인 배색 방안을 제안하였다. 따라서 본연구의 결론은 다음과 같다. 첫째, 10개의 온라인 쇼핑몰 중 옥션과 신세계만 KWCAG 2.1기준인 명암비 4.5:1이상의 기준에 적합한 것으로 나타났다. 웹 접근성 지침의 준수가 의무화 되었음에도 불구하고 여전히 많은 웹사이트는 이를 인식하지 못하고 있고, 다양한 시각적 특성을 가진 사용자들을 고려하지 않은 배색을 사용하고 있었다. 따라서 컬러유니버설디자인의 환경 구축을 위한 컬러와 배색에 대한 관리 제도 및 명확한 가이드라인의 수립이 요구된다. 둘째, 10개의 온라인 쇼핑몰 모두 LNB의 접근중인 정보에 컬러의 변화를 적용시켰지만 GNB에는 절반의 쇼핑몰만 컬러의 변화나 아이콘 바의 기능을 기재하였다. 이는 GNB보다 쇼핑몰의 정보가 많이 담긴 LNB를 더욱 중시한 것으로 파악된다. LNB에는 물론 쇼핑몰의 주요 카테고리가 담겨있지만 GNB에도 웹페이지의 중요한 콘텐츠가 담겨져 있기에 GNB에도 정보의 식별을 도와주는 기능의 기재가 필요하다. 셋째, 10개의 쇼핑몰에 사용된 컬러는 R, GY, BG, PB, 블랙 등이 있었는데, 이중 R계열의 사용빈도가 39%로 가장 높았다. R계열의 컬러인 경우, D형과 P형의 시각에서 녹색으로 변색되어 보이기에 이러한 상황을 고려하여 빨간색을 메인컬러로 사용하는 것을 제한해야 하며 되도록 모든 시각에서 색 지각 변화가 적은 컬러를 사용해야 한다. 넷째, 먼셀 20 색상환을 대상으로 명확한 명도차가 적용된 배색을 제안하였다. 먼저 RGB 255,255,255의 화이트 배경일 경우, 10G, 5BG, 5B, 10B, 5PB, 10PB, 5P, 10P, 5RP의 컬러가 명암비 4.5:1 이상을 유지하였다. 화이트 배경이 아닌 두 가지 컬러로 배색할 경우, 10R과 5PB, 5YR과 5PB, 10YR과 5BG, 10YR과 5B, 10YR과 10B, 10YR과 5PB, 10YR과 10PB, 5Y와 5BG, 5Y와 5B, 5Y와 10B, 5Y와 5PB, 5Y와 10PB, 10Y와 5BG, 10Y와 5B, 10Y와 10B, 10Y와 5PB, 10Y와 10PB 등의 배색이 명암비 4.5:1 이상으로 나타났기에 이와 같은 명확한 명도차이가 적용된 배색의 사용이 용이하다. 향후 컬러유니버설디자인을 고려한 전체 웹사이트의 컬러에 관한 연구가 지속적으로 진행되어야 하며 평등한 정보의 접근성을 위한 관리 방안의 수립도 함께 요구된다. 디지털 정보화 사회 속 하루빨리 모든 사회구성원이 평등한 접근성을 누릴 수 있는 인터넷 환경이 조성되길 기대한다.