Earticle

본 연구는 대학생의 진로교육을 활동중심으로 구현할 수 있는 웹기반 인터페이스를 설계하는 것을 목적으로 하고 있다. 연구목적의 실현을 위하여 래피드프로토타이핑에 의하여 웹 인터페이스 초안을 설계하고 이를 전문 가에게 검토 받아 설계안을 확정하도록 하였다. 전체적인 설계방향은 첫째, 진로교육의 활동 순서는 체계적 액 션러닝의 순서에 준하여 실행한다. 둘째, 학습의 순환이 발생할 수 있도록 선순환 구조로 설계한다. 두 가지 큰 설계 방향에 따라 구안된 인터페이스는 학습환경 플랫폼 위에 자기이해, 타인이 보는 나 찾기, 직업세계 알기, 진로결정하기, 진로실행 계획하기, 활동설계하기, 개인, 공동 평가 및 성찰하기 등의 단계가 상호작용성이 강한 위키 및 웹 2.0의 설계 방식에 따라 구현될 수 있도록 설계하였다. 이와 같은 연구결과를 통하여 대학 현장에서 학습자들의 활동을 중심으로 한 경험 중심의 진로교육을 구현할 수 있을 뿐만 아니라 웹을 기반으로 하여 진로 교육에의 접근성을 높일 수 있을 것으로 기대한다.

This study was designed to implement Activity-Orientated Career Education for college students, using the web-based interface. A draft web interface was designed by Rapid Prototyping and was thereafter taken to experts to review and determine the designs, in order to achieve the purpose of the study. Firstly, the sequence of activities of career education was run in accordance with the systematic order of Action Learning, in order to understand the overall design direction. Secondly, the design of the study may result in virtuous cycle-to-cycle. According to two major design directions, on the learning environment platform, the interface consisted of, knowing who I am; knowing who others think I am, knowing the job world; career decisions; career action plans; action planning; individual and co-evaluation; reflection; etc. These steps were designed to be implemented in ac-cordance with strong interactivity of Wiki and Web 2.0 designs. This study was able to implement career education experiences centered around the activities of students at university, as well as experts, in order to increase the accessibility of Career Based Education on the web.

본 연구는 괄목할 만한 성장세를 보이고 있는 인터넷상에서 웹사이트의 메시지 공신력에 영향을 미치는 요인들 중 시각적 요인에 초점을 두어 연구하는데 그 목적이 있다. 이제까지 시각적 차원은 비이성적이고 비합리적이라 인식되어 언어적 차원보다 낮은 단계로 치부되어 왔으나(Rovinson & Levy, 1986), 최근에는 시각의 중요성이 강조되면서 학자들은 시각적 요소와 공신력 개념이 밀접한 상관관계가 있다고 주장하고 있다(Kim & Moon, 1998; Critchfield, 1998; Fogg & Tseng, 1999; Huxford, 2001; Kensicki, 2003). 하지만 한국에서는 웹사이트의 메시지 공신력과 시각적 구성 요인간의 관련 연구가 질과 양적 측면에서 매우 미약한 실정이다. 따라서 본 연구는 공신력의 구성요인 및 측정척도를 제시하고, 웹 사이트의 시각적 구성요인이 메시지 공신력에 어떻게 영향을 미치는지 살펴보았다. 연구 결과를 종합해보면, 전체 사이트를 대상으로 분석할 경우, 웹 사이트를 구성하는 시각 요소들 중에서 그래픽 유무와 활자 요인이 공신력에 통계적으로 유의미한 영향을 미쳤다. 또한 분석 결과를 세부적으로 살펴보면, 쇼핑 사이트만 분석대상으로 삼았을 경우에 그래픽 요소가 공신력에 통계적으로 유의미한 영향을 미쳤고, 교육 사이트만 분석대상으로 삼았을 경우에 활자 요소가 공신력에 유의미한 영향을 미쳤다. 따라서 이러한 연구 결과는 현재 우리나라에 존재하는 쇼핑 사이트와 교육 사이트의 공신력 확보를 위한 근거자료가 될 수 있을 것이다.

This study aims to prove the effects of visual elements of the Web interface toward credibility perception of Web information. At first, to enhance knowledge about credibility, key terms relating to the credibility was defined as trustworthiness, expertness, attractiveness and closeness. At second, developed educational and shopping sites was modified in color, graphic and type. And models of a visual credibility through simulated web pages for the online education site and online shopping site was tested. The findings of this study reveal that various design elements that tend to influence user credibility assessments. Especially, for the online education site, 'type' is most important factor among other visual elements and for the online shopping site, 'graphic' is most important. This study lays the groundwork for further research into the visual elements that affect Web credibility.

웹2.0 시대를 맞아 참여와 공유가 강조 되면서 1인 미디어가 보편화되었다. 1인 미디어를 시각화하기 위해서는 여러 가지 인터페이스 디자인 요소가 필요하다. 이러한 인터페이스의 개별적 요소를 화면상에 어떻게 배합할 것인가를 연구하는 것이 레이아웃 디자인이다. 인터페이스 설계 시 레이아웃은 콘텐츠 성향 예측이 가능하도록 제작하는 것이 중요하며, 논리적으로 보일 수 있도록 선행되어야 한다. 본 논문은 이러한 인터페이스 디자인과 레이아웃의 관점으로 국내 1인 미디어를 연구하려 한다. 웹 콘텐츠의 인터페이스와 레이아웃의 구현 요소에 대해 살펴보고, 국내 1인 미디어의 선호도 조사를 통한 성공사례 모델을 선정하여 분석하였다. 가장 선호하는 국내 1인 미디어는 개인콘텐츠 성향과 정보콘텐츠 성향으로 나뉘며, 콘텐츠 성향을 내포하여 이용되도록 유도하는 인터페이스의 시각적 배치를 보인다. 그러한 기능의 도구로써 레이아웃 템플릿을 제공하는 것으로 해석할 수 있다. 이에 반해 다양한 콘텐츠 성향을 담기위해 사용자들에게 인터페이스 디자인의 높은 자유도를 제공하는 새로운 1인 미디어의 출현 사례를 보면, 기존 많은 회원을 보유했음에도 성과를 얻지 못하고 있다. 이는 생산자와 연출자가 개인이라는 1인 미디어의 표현의 한계를 인지하지 못한 결과로 풀이된다. 이에 논자는 다양한 콘텐츠성향을 표출하기 위한 디자인 제공은 배제하고 아이덴티티 추구를 강조해야 한다고 논하는 바이다. 즉, 1인 미디어는 개인이 생산자이며 표현의 주체라는 한계성으로 인해 인터페이스 설계 시 디자인의 높은 자유도 제공과 같은 오류를 범해서는 안 되며, 일반 사용자 입장의 편의성을 고려한 제약된 레이아웃 템플릿을 제공하야 한다는 것이다. 이렇듯 1인 미디어는 추구하고자 하는 콘텐츠의 성향을 강조한 차별화가 명확하게 인지될 수 있는 인터페이스의 전제성을 지녀야 하며, 보편적 사용자의 표현의 한계성을 감안한 레이아웃 템플릿을 설계하고 개발해야만 사용자들에게 지속적인 선택을 받을 수 있다고 제언하는 바이다.

Personal media became generalized as participation and sharing have been emphasized in the age of Web 2.0. In order to visualize the personal media, various interface design elements are required. Layout design is studying how to arrange these interface elements on a display. For interface design, it is important to make its contents predictable and look logical. The current study aims to examine personal media in Korea focusing on interface design and layout. In connection with the above purpose, the study investigated into interface of web content and elements of layout, and analyzed a successful case model through a preference survey for domestic personal media. Contents of the most preferred domestic personal media is divided into personal contents tendencies and information contents tendencies, and its visual arrangement of interface was designed to contain these contents tendencies. Provision of layout template can be interpreted as a tool for this function. On the contrary, new personal media providing high degree of freedom in interface design to users to contain various contents tendencies are not producing good results in spite of their large number of existing members. Perhaps, this is because they failed to recognize limitation of expression of personal media that both producers and directors are individuals. Accordingly, it is the researcher's position that provision of design for expressing various contents tendencies should be excluded while emphasizing pursuing identity. That is, a mistake providing too high degree of freedom in design should not be made at the time of interface design because personal media has limitation in which individuals are producers and the main bodies of expression. Also limited layout template considering convenience from general users' viewpoint should be provided. Like this, personal media should have distinctness emphasizing contents tendency to be pursued and a precondition of interface whose aura can be clearly recognized. The researcher also suggests that personal media should design and develop layout template taking into account limitation of expression of general users in order to be chosen by users consistently.

웹 환경에 가상현실(Virtual Reality)이 도입됨에 따라 최근 3차원 컨텐츠로 표현되는 웹 3D가 사이트에 많이 활용되고 있다. 웹 3D는 사용자(User)가 마우스나 키보드의 입력장치를 이용하여 직접 구현해 봄으로써 실재 사용하는 듯함 현실감을 얻을 수 있는 효과가 있으나, 이러한 인터랙티비티 구현에 있어 웹 3D를 접할 기회가 적었던 기존의 사용자(User)들은 많은 오작동을 범할 우려를 가지고 있다. 그러므로 본 논문은 사용자의 웹 3D 구현에 있어 오작동을 줄 일 수 있는 가장 적절한 인터페이스 디자인을 모색하기 위해 사례 분석을 하고 실제 사용자 실험을 실시하여 효과적으로 웹 3D를 구현할 수 있는 검증된 인터페이스 디자인을 제시하고자 한다.

본 논문에서는 쇼핑몰과 같은 사이트에서의 제품이해도가 낮은 이용자를 고려한 웹 인터페이스 설계를 제안한다. 기존의 쇼핑몰의 웹 인터페이스는 제품의 설명은 적고, 특장점을 내세우는 판매 위주의 인터페이스인 것에 반해, 제안하고 있는 설계는 제품자체에 대한 설명을 사용자 경험(UX) 설계에 따라 배치하여 이용자에게 제품에 대한 경험을 제공하는 점을 차별성으로 한다. 그리고 이러한 설계를 바탕으로 CSS와 자바스크립트를 활용하여 반응형 웹 사이트를 구축하였다.

최근에는 온라인을 통해 교육을 제공받고자 하는 사용자들이 점차 증가하고 있는 추세이며 이와 함께 UCC(User Created Contents)라는 새로운 패러다임의 도래로 자신의 전문지식이나 개성을 표현하려는 욕구 또한 함께 증가하고 있다. 사용자들은 개인 홈페이지나 동영상, 게임 등을 통해 자신만의 개성을 다양한 방법으로 표출하고 있다. 하지만 기존의 교육 사이트는 대부분 흥미로운 요소들이 배제 된 채 획일화된 인터페이스를 통해 지루하고 딱딱하다는 인상을 많이 받게 되는 아쉬움이 있다. 본 논문에서는 고객맞춤형 디자인 방법을 통해 심미성과 기능성을 지닌 다양한 디자인 요소들을 본인의 취향에 맞게 디자인함으로써 학습효율을 고취시킬 수 있는 쾌적한 환경을 만들 수 있으며 이러한 교육 공간은 사용자의 개성을 창출할 수 있게 된다. 그러므로 본 논문은 사용자 중심의 다양한 인터페이스를 지닌 온라인 교육사이트의 모델을 디자인 측면에 포커스를 두어 그 방법을 제안하고자 한다.

Recently, the number of People who want to study by online has been gradually increased. In addition, people's desire is increasing that represents their special knowledge and personality with new paradigm of UCC(User Created Contents). Most of the educational web-sites offer currently boring and unified educational contents without interesting objects. Therefore I want to solve these problems of existing online educational web-sites and I strongly propose the method of design to make the place educational and useful that everyone can enjoy and manifest the user's dispositions. On this study, it's possible to make pleasant environment and improve educational effects on cyber space by designing it in accordance with the individual tastes which have various design elements, beauties and facilities by the customized design method. As a result, this study proposes the model of online educational web-site having various interfaces and focusing on the customized design.

웹사이트의 폭발적 증가는 여러 계층의 사용자들에게 기존 미디어의 정보 유통체계에 대한 급작스런 변화를 가져왔다. 단순한 지사의 홍보사이트뿐만 아니라 사이버커뮤니티와 전자상거래를 가능하게 하는 중요한 매체로 인식되고 있다. 그리고 동일한 컨텐츠를 제공하는 여러 가지 웹사이트들의 성공 여부는 웹페이지를 통한 많은 사용자의 확보와 지속적인 방문의 유도를 통해 결정된다. 성공적인 웹사이트의 구축에는 다양하고 변화하는 사용자 계층에 적합한 웹 인터페이스의 디자인과 평가에 달려 있다. 따라서 본 연구에서는 효율적인 사용자 중심의 웹 인터페이스를 디자인하고 평가하기 위한 방법론적 요소를 기술하고 제안한다.