공공디스플레이(DID) 관리 인터페이스(MI) 표준화를 위한 디자인가이드라인 제안 = Design guideline suggestion for the management interface standardization on digital information display

다국어 초록 (Multilingual Abstract)

Our daily Life E-City based on digital network technology can be defined as the sharing arena for people to share their knowledge and experiences, services and mutual interests through internet not in abstract and conceptual city but in the same community. With the benefits of the data service of hardware/software platform, GIS(Geographic Information System), citizens can get service and information through having interaction with public administration system by receiving informations of traffic, parking, weather, the general information on a city. This kind of manifestation of digital city is focused on social safety and welfare, environment, life quality of citizens, and is realized by public display solution which is merged with digital network on based IT technology. According to the above, as a researcher, I have studied on DID(Digital Information Display) that was based on Cloud Computing, which permeated into our lives, providing service and various contents without space limit wherever you are. Therefore I had a notice on its role of leading the change of daily life, and had a research on manager interface DID solution that has been operated in domestic at present. This is a new interface and communication that offers high quality contents to the last users through Multi Device One Service. Accordingly, through the analysis on visual-design factors of GUI in DID, I had the purpose of suggesting MI(Management Interface) Design Style Guideline for the effective management enhancement and convenient management.
At first, on chapter 2, I studied:
① The changes of city circumstance
② Sector of Public Display Utilization
③ DID and Interface
On next chapter 3, I had a comparative analysis of the element of MI of five DID relevant companies, and then established the relations between DID management structure and Users, and finally drew the common management points. I drew Icon as the main visual delivery factor after analyzing MI visual design factor which had a center on common management points, and classified it with symbol-style, text-style and mixed-style. Since Icon should be considered on recognition aspect in order to deliver an exact visual delivery, I’ve studied on the characteristics of MI Icon and recognition factor, semiotic factors. Consequently, improper MI has been drawn onto the necessity of Icon standardization for exact delivery aspect of meanings with the viewpoint of visual delivery.
Therefore on chapter 4, I proceeded with step-by step evaluation experiment (the first/ the second) to suggest identification considered Icon by experiment research. Primarily I had a research on Icon preference through the first experiment. The purpose was to draw preferred icon for understanding, recognition and judgment of Icon. To carry out research on a preference of icon, I selected Icons that were connected with DID management menu items, that were existing DID Icon, Windows Icon, Pictograms Icon, Actual and three-dimensional Icon, flat/black Icon, “None”, and then made people select the most preferred Icon among them. Additionally, I had an interview with the method of doing a check list to do research the suitability of managing Icon on both DID solution developers and managers. As a result, even though most of them showed improper consequence, there were preferences on menu icon-Windows style, Action button icon-Pictogram style, and menu icon of contents managing -windows style. I made progressed in the second experiment with the foundation of the result of preference research.
In the sense of carrying out clear delivery, Identification capability is the most important thing for the ultimate meaning of Icons. Thus, I had an evaluated-experiment and analyzed group differences following the research method of International Standardization Organization (ISO 9186-1, ISO 9186-2) for both clearance of MI Icon having concept of identification and User's clear understanding on meaning. The selected Icons of analyzed target were ⓐ Device Management Icon, ⓑ Contents Management Icon, ⓒ Monitoring Icon, ⓓ Report Icon. The design for experiment of evaluation was made of HTML documents, PHP programming and MySQL management system. The experiment of Judgment on the understanding, recognition of Icons was evaluated with the on-line method according to ISO International Standard(ISO 9186-1, ISO 9186-2) The analysis on the result validated hypothesis through frequency analysis and analysis of variance, ANOVA, having taken advantage of statistics program (Sigma Plot 11.0 version) to analyze tendency among groups and frequency analysis.
On chapter 5, through existing MI design style analysis based on the outcome of both demonstration research and experimental one, I suggested MI guideline of design style with applicable style of layout, menu structure, color, typographic, button, icon, tap, pop-up to enhance manager’s using convenience and the efficiency of UI design development. That will lead to related lifting up efficiency on works and improvement on efficiency of maintenance coming from the reduction of managing user’s learning time and using convenience, improvement of approach possibility, error minimizing, etc, and to shortening the time of design and total development period on GUI development. Moreover it will helpful for the domestic Small and Medium Sized Companies in global market. The Digital Network can be called a starting point of changing the form of human life, and save the resource, and reduce the cost of expense with the Info digitalization, as well as enhance management circumstance that has the work process characteristic suitable to new smart surroundings.

국문 초록 (Abstract)

현재 우리의 일상이 된 디지털 네트워크 기술에 기반 한 E-시티는 추상적이고 개념적인 도시가 아닌, 동일한 커뮤니티에 속한 사람들이 지식과 경험, 서비스와 서로의 관심사를 인터넷을 통해 공유하는 ‘장’(arena)으로 정의할 수 있다. 시민들이 집에서 컴퓨터를 이용해 공공행정 시스템과 인터랙션하며 서비스와 정보를 얻을 수 있는 하드웨어/소프트웨어 플랫폼, GIS(Geographic Information System)를 통해 시민과 여행자들에게 교통, 주차, 날씨 등 도시 전반의 정보를 수집하여 실시간으로 전송하는 데이터 서비스 등이 그것이다. 이러한 디지털 도시의 구현 형태는 사회 안전과 복지, 환경, 시민의 삶의 질 부문에 중점을 두고 디지털 네트워크 기반의 IT기술이 융합된 공공디스플레이(DID)솔루션으로 구현되고 있다. 이에 본 연구자는 클라우드 컴퓨팅(cloud computing)을 기반으로 하는 DID(Digital Information Display)가 우리의 생활에 스며들어 공간의 제한 없이 어디서나 경험할 수 있는 서비스와 다양한 콘텐츠를 제공하며 일상의 변화를 주도하는 역할에 주목하고, 현재 국내에서 운영되고 있는 DID솔루션을 중심으로 관리사용자 인터페이스에 대하여 연구하였다. 이는 디바이스를 통합(Multi Device One Service)하여 고품질의 콘텐츠를 최종사용자에게 제공하는 인터페이스로 새로운 커뮤니케이션방법이라 할 수 있다. 따라서 현재 DID의 관리 인터페이스 시각디자인요소 분석을 통해 관리사용자의 효율적인 업무향상과 편리한 운영·관리를 위해 관리 인터페이스(MI) 디자인가이드라인을 제안하는 것을 목적으로 하였다.
먼저 2장 에서는 DID와 연관된 ① 도시환경의 변화와 공공디스플레이 ② 커뮤니케이션 매체로서 공공디스플레이활용분야 ③ DID와 인터페이스(Interface)에 대하여 알아보고 관리 인터페이스의 개념과 사용자와 관리사용자의 개념을 재정립하였다.
다음 3장에서는 실증연구로 ① DID관련기업 5개사를 중심으로 MI(Management Interface)의 구성요소를 비교분석하여 DID관리구조와 사용자와의 관계를 정립하고 공통관리항목을 도출하였다. ② 공통관리항목을 중심으로 MI시각디자인요소를 분석한 결과 아이콘이 주된 시각전달요소임을 도출하고, 시각요소표현형식에 따라 심볼형, 텍스트형, 혼합형으로 분류하였다. 아이콘은 정확한 시각전달을 위한 인지적 측면이 고려되어야 함으로 ③ MI 아이콘에 대한 특징과 인지적요건과 기호학적요건을 알아보았다. 결과적으로 의미전달측면에서 부적합한 관리 인터페이스는 시각전달측면에서 정확한 지시전달을 위한 아이콘 표준화의 필요성으로 도출되었다.
따라서 4장에서는 실험연구로 식별성이 고려된 아이콘을 제안하기 위하여 단계별 평가실험(1차/2차)을 진행하였다. ① 우선 1차 실험연구로 아이콘의 선호도 조사를 실시하였는데 이는 아이콘의 이해․인지판단실험을 위해 선호된 아이콘을 추출하기 위해서이다. 아이콘에 대한 선호도 조사를 위해 DID 관리메뉴항목에 해당되는 아이콘을 선정하고 5가지 스타일  기존DID아이콘,  윈도우형 아이콘,  픽토그램형 아이콘,  사실적/입체적 아이콘,  평면적/단색(Black)아이콘, “없다”로 제시하고 그 중 가장 선호하는 아이콘을 선택하도록 하였다. 추가적으로 DID솔루션 개발자와 관리자를 대상으로 관리 아이콘의 적합성을 조사하기위해 체크리스트 하는 방식으로 인터뷰를 실시하였다. 그 결과 대부분 부적합한 결과를 나타내었으나, 선호스타일로는 메뉴아이콘-윈도우스타일에, 액션버튼아이콘-픽토그램 스타일에, 콘텐츠관리 메뉴아이콘-윈도우스타일에 선호도를 나타내었다.
② 선호도조사결과를 바탕으로 2차 실험연구를 진행하였다.
아이콘의 궁극적 의미가 명확한 의미전달이라고 할 때 가장 중요한 것은 아이콘의 식별 가능성이다. 따라서 MI의 아이콘이 식별성 개념을 명확히 하고 있는지 사용자가 의미를 명확히 이해하고 인지하는지를 판단하기위하여 국제표준(ISO 9186-1, ISO 9186-2) 조사방법에 따라 판단실험하고 집단 간 차이와 이해·인지도의 상관관계를 분석하였다. 분석대상 아이콘은 3장 연구2에서 도출된 공통관리항목 ⓐ 장치관리 아이콘, ⓑ 콘텐츠관리 아이콘, ⓒ 모니터링 아이콘, ⓓ 리포트 아이콘으로 선정하고, 평가실험을 위한 설계는 HTML문서작성, PHP(Personal Hypertext Preprocessor)프로그래밍과 MySQL관리시스템으로 제작하였다. 아이콘의 이해․인지 판단실험은 ISO국제표준방법에 따라 온라인평가로 진행하였다. 평가에 대한 분석은 집단 간 경향성과 빈도분석을 위해 통계프로그램(Sigma Plot 11.0 version)을 활용하여 빈도분석과 분산분석(ANOVA, analysis of variance)을 통해 가설을 검증하였다.
제 5장에서는 실증연구와 실험연구 결과를 바탕으로 기존의 MI디자인스타일 분석을 통해 관리사용자의 편리성과 UI개발의 효율성을 향상시키기 위해 적용 가능한 매뉴얼 형태(레이아웃, 메뉴구조, 컬러, 타이포그래피, 버튼, 아이콘, 탭, 팝업)로 MI디자인가이드라인을 제안하였다. 이는 관리사용자의 학습시간 감소, 사용의 편리성, 접근성 향상, 오류 최소화, 등 업무의 효율성을 높여줄 수 있으며, UI개발에 있어 디자인 및 총 개발기간을 단축할 수 있어 유지보수의 효율성을 향상시켜줄 수 있을 것이다. 또한 글로벌시장에서 국내중소기업의 경쟁력에 도움이 될 것으로 기대한다.
따라서 본 연구의 MI표준화를 위한 디자인가이드라인 제안은 개발의 비용을 절감할 수 있으며, 새로운 스마트환경에 적합한 업무프로세스 특성에 맞는 관리환경이 개선되기 위한 출발점이라 할 수 있을 것이다.

목차 (Table of Contents)

• 제1장 서론 = 1
• 제1절 연구의 배경 및 목적 = 1
• 제2절 연구의 범위 및 방법 = 3
• 제3절 연구의 구성과 흐름도 = 8
• 제2장 이론적 배경 = 9
• 제1절 디지털환경의 변화와 공공디스플레이 = 9
• 1. 미래도시(E-City) = 9
• 2. 디지털 컨버전스(Digital Convergence) = 12
• 3. 클라우드 컴퓨팅(Cloud Computing) = 13
• 제2절 커뮤니케이션 매체로서 공공디스플레이와 활용분야 = 15
• 1. 커뮤니케이션 매체로서 공공디스플레이 = 15
• 2. 공공디스플레이(DID) 활용분야 = 18
• 1) 디지털 뷰(Digital View) = 18
• 2) 버스정보시스템(BIS) = 19
• 3) 관광안내시스템과 공공안내시스템 = 19
• 4) 디지털 사이니지(Digital Signage) = 21
• 제3절 공공디스플레이(DID)와 관리 인터페이스(MI) = 22
• 1. DID(Digital Information Display)란 = 22
• 2. DID구성방식과 운영시스템 = 23
• 3. DID의 MI구조와 사용자와의 관계 = 24
• 4. 관리 인터페이스(MI)의 개념 = 25
• 5. 인터페이스 영역과 관리사용자 = 26
• 6. DID와 Web 관리 인터페이스(MI) 비교 = 29
• 제3장 실증연구 = 31
• 연구 1. DID 5개사의 관리 인터페이스(MI) 비교연구 = 31
• 1. A사의 관리 인터페이스 구성요소 분석 = 31
• 2. B사의 관리 인터페이스 구성요소 분석 = 33
• 3. C사의 관리 인터페이스 구성요소 분석 = 34
• 4. D사의 관리 인터페이스 구성요소 분석 = 36
• 5. E사의 관리 인터페이스 구성요소 분석 = 38
• 6. 5개사의 관리 인터페이스 비교분석결과 = 39
• 1) 관리항목 분석결과 = 39
• 2) 화면분할과 레이아웃 분석결과 = 40
• 3) 시각요소(Visual Effect) 분석결과 = 41
• 7. 5개사의 MI 비교분석결과 및 제언 = 42
• 연구 2. VDS의 MI 시각디자인요소 분석 = 43
• 1. GUI 디자인 = 43
• 2. VDS의 MI 시각디자인요소 = 44
• 1) 아이콘(Icon) = 45
• 2) 문자(Text) = 45
• 3) 색채(Color) = 46
• 3. VDS Manager MI 시각디자인요소 분석 = 46
• 1) 스케줄MI 시각디자인요소 분석 = 47
• 2) 레이아웃MI 시각디자인요소 분석 = 49
• 3) 콘텐츠MI 시각디자인요소 분석 = 50
• 4) 모니터링MI 시각디자인요소 분석 = 51
• 4. VDS Media Art MI 시각디자인요소 분석 = 52
• 5. VDS MI 시각디자인요소 분석결과 = 53
• 6. 결과 및 제언 = 55
• 연구 3. 아이콘에 대한 연구 = 56
• 1. MI 아이콘의 개념과 기능 = 56
• 2. 아이콘의 역할과 특성 = 57
• 3. 아이콘의 요건 = 57
• 1) 인지적 측면에서 요건 = 57
• 2) 기호학 측면에서 요건 = 59
• 4. 아이콘의 분류 = 60
• 1) 표현방식에 따른 아이콘 = 61
• 2) 기호학적 분류에 따른 아이콘 = 62
• 제 4장. 실험연구 = 65
• 실험연구 1. 아이콘 선호도 조사 = 65
• 1. 아이콘 선호도 조사방법과 실험설계 = 65
• 2. 아이콘 선호도 조사항목 및 분석결과 = 67
• 1) 기초항목 분석결과 = 67
• 2) 아이콘에 대한 기본항목 분석결과 = 68
• 3) 메뉴아이콘에 대한 선호도 조사항목 및 분석결과 = 70
• 4) 액션버튼 아이콘의 선호도조사 항목 및 분석결과 = 73
• 5) 콘텐츠관리 메뉴아이콘의 선호도조사 항목 및 분석결과 = 78
• 3. 인터뷰 분석결과 = 80
• 4. 결과 및 제언 = 81
• 실험연구 2. 아이콘의 이해성인지성 판단실험 = 82
• 1. 실험개요 = 82
• 2. 실험설계 절차와 방법 = 83
• 3. 실험을 위한 가설설정 = 84
• 4. 아이콘의 이해성인지성 판단실험설계 = 85
• 1) 아이콘의 크기평가 실험설계 = 85
• 2) 아이콘의 이해성 판단을 위한 실험설계 = 86
• 3) 아이콘의 인지성 판단을 위한 실험설계 = 88
• 5. 아이콘의 이해성인지성 평가 및 분석방법 = 89
• 6. 아이콘의 이해도인지도 분석결과 = 90
• 1) 아이콘 전체 이해도 분석결과 = 90
• 2) 아이콘 전체 인지도 분석결과 = 91
• 3) 아이콘 별 이해도 분석결과 = 93
• (1) 아이콘 별 의미이해도 분석결과 = 93
• (2) 아이콘 별 실행이해도 분석결과 = 94
• (3) 아이콘 별 종합이해도 분석결과 = 95
• 4) 각 아이콘의 이해도와 인지도 상관관계 분석결과 = 96
• (1) 장치관리아이콘 이해인지 상관관계 분석결과 = 96
• (2) 콘텐츠관리아이콘 이해인지 상관관계 분석결과 = 97
• (3) 모니터링아이콘 이해인지 상관관계 분석결과 = 98
• (4) 리포트아이콘 이해인지 상관관계 분석결과 = 99
• 5) 이해도와 인지도에 대한 집단 간 비교분석결과 = 101
• (1) 성별에 따른 분석결과 = 101
• (2) 학력에 따른 분석결과 = 104
• (3) 직업에 따른 분석결과 = 107
• (4) 근무연수에 따른 분석결과 = 110
• 6) 결과 및 제언 = 112
• 제 5장 MI 디자인가이드라인 제안 = 114
• 제1절 표준화를 위한 MI 디자인가이드라인 = 114
• 1. 디자인 표준화의 정의 = 114
• 2. 디자인가이드라인의 정의 = 115
• 제2절 기존 MI디자인 분석 = 115
• 1. 해상도와 레이아웃 분석 = 115
• 2. 메뉴구조 분석 = 116
• 3. 컬러 분석 = 117
• 4. 폰트 분석 = 119
• 5. 아이콘 분석 = 119
• 6. 버튼 분석 = 120
• 7. 팝업 분석 = 121
• 8. 분석결과 = 122
• 제3절 MI 디자인가이드라인 제안 = 123
• 1. 해상도와 레이아웃 제안 = 123
• 2. 메뉴구조 제안 = 125
• 3. 컬러 제안 = 125
• 4. 타이포그래피 제안 = 127
• 5. 버튼 제안 = 128
• 6. 아이콘 제안 = 129
• 7. 탭 제안 = 131
• 8. 팝업 제안 = 132
• 제6장 결론 = 133
• 제1절 연구의 결론 및 요약 = 133
• 제2절 연구의 의의와 시사점 = 137
• 제3절 연구의 한계점 및 향후 연구과제 = 138