웹사이트의 특성에 따라 요구되는 감성을 파악하고 이를 디자인에 반영할 수 있는 새로운 디자인 방법론이 요구되고 있다. 기존의 사용성 위주의 웹 디자인 방법과는 차별화 되는 이와 같은 감성 연구를 통한 디자인 방법은 웹 디자이너들에게 또 다른 유용한 지침을 제공할 것이다. 하지만 이제까지 이에 관한 연구가 충분히 이루어지지 않아 특정 감성을 유발하는 웹 디자인을 위해 디자이너들은 자신의 직감과 경험에 의존할 수밖에 없었다. 이와 같이 특정 감성을 유발하는 디자인 방법론의 개발을 위해 본 연구에서는 감성공학에서 사용되는 감성 어휘를 이용한 감성공학 1류(Nagamachi, 2002, 박경수, 2000) 방법을 웹 디자인에 적용하여 특정 감성을 사용자에게 전달하는 방법을 알아보았다. 연구를 위해서 감성을 잘 전달할 수 있는 136개의 웹사이트를 전문 웹 디자이너들의 추천을 통해 우선적으로 선정하고 실험에 사용한 감성어휘(최재호, 2001)들을 잘 나타낼 수 있다고 판단되는 22개의 웹사이트를 최종적으로 선정하여 설문조사를 통해 감성 평가를 실시하였다. 표본 웹사이트들은 디자인 요소의 활용 정도, 균형, 전체 비중, 균일성 등을 고려하여 정량적으로 다시 평가하였다. 정량적 평가와 감성평가 결과 사이의 인과관계는 회귀분석을 통해 살펴보았고 그 결과를 바탕으로 특정 감성을 유발하는 웹 디자인 방법론을 제시하였다. 본 연구에서 사용된 방법과 절차는 감성유발과 관련된 디자인방법론 개발을 위해 다른 연구에서도 적용될 수 있을 것이며 회귀분석을 통한 디자인 방법론은 실제로 웹 디자인에 활용될 수 있을 것이다.논하였다. 본 연구는 웹에서의 사용자 경험에 대한 관점을 정황적 요소로까지 확장하고 이를 체계적으로 매핑하는 실증적인 사례를 제시함으로써 웹에서의 혁신적이며 크로스 사이트, 크로스 장르적인 컨텐츠 플래닝의 가능성을 시사하는데 의의가 있다고 하겠다.y used to some of interactive storytelling through hyper text in CD-ROM and web sites. More complicated and different structured models were born through games that offered graphics, virtual spaces and interactivity. When drawn onto a structural graph, few attributes and similarities seem to occur. This paper will try to outline and discuss structural graphs of interactive storytelling methods and suggest some ways for better storytelling design.eal sales volume, but the case study could verified that this method is effective to the evaluation of marketability in case of completely new product got on the typical category and the product category could
웹사이트의 특성에 따라 요구되는 감성을 파악하고 이를 디자인에 반영할 수 있는 새로운 디자인 방법론이 요구되고 있다. 기존의 사용성 위주의 웹 디자인 방법과는 차별화 되는 이와 같은 감성 연구를 통한 디자인 방법은 웹 디자이너들에게 또 다른 유용한 지침을 제공할 것이다. 하지만 이제까지 이에 관한 연구가 충분히 이루어지지 않아 특정 감성을 유발하는 웹 디자인을 위해 디자이너들은 자신의 직감과 경험에 의존할 수밖에 없었다. 이와 같이 특정 감성을 유발하는 디자인 방법론의 개발을 위해 본 연구에서는 감성공학에서 사용되는 감성 어휘를 이용한 감성공학 1류(Nagamachi, 2002, 박경수, 2000) 방법을 웹 디자인에 적용하여 특정 감성을 사용자에게 전달하는 방법을 알아보았다. 연구를 위해서 감성을 잘 전달할 수 있는 136개의 웹사이트를 전문 웹 디자이너들의 추천을 통해 우선적으로 선정하고 실험에 사용한 감성어휘(최재호, 2001)들을 잘 나타낼 수 있다고 판단되는 22개의 웹사이트를 최종적으로 선정하여 설문조사를 통해 감성 평가를 실시하였다. 표본 웹사이트들은 디자인 요소의 활용 정도, 균형, 전체 비중, 균일성 등을 고려하여 정량적으로 다시 평가하였다. 정량적 평가와 감성평가 결과 사이의 인과관계는 회귀분석을 통해 살펴보았고 그 결과를 바탕으로 특정 감성을 유발하는 웹 디자인 방법론을 제시하였다. 본 연구에서 사용된 방법과 절차는 감성유발과 관련된 디자인방법론 개발을 위해 다른 연구에서도 적용될 수 있을 것이며 회귀분석을 통한 디자인 방법론은 실제로 웹 디자인에 활용될 수 있을 것이다.논하였다. 본 연구는 웹에서의 사용자 경험에 대한 관점을 정황적 요소로까지 확장하고 이를 체계적으로 매핑하는 실증적인 사례를 제시함으로써 웹에서의 혁신적이며 크로스 사이트, 크로스 장르적인 컨텐츠 플래닝의 가능성을 시사하는데 의의가 있다고 하겠다.y used to some of interactive storytelling through hyper text in CD-ROM and web sites. More complicated and different structured models were born through games that offered graphics, virtual spaces and interactivity. When drawn onto a structural graph, few attributes and similarities seem to occur. This paper will try to outline and discuss structural graphs of interactive storytelling methods and suggest some ways for better storytelling design.eal sales volume, but the case study could verified that this method is effective to the evaluation of marketability in case of completely new product got on the typical category and the product category could
New design method has been required for web designers to grasp the proper emotion, impression, and feeling of a web site and reflect these elements in web design. It is certain that such a new methodology can be a useful design tool, although web designers have only relied on their intuition and exp...
New design method has been required for web designers to grasp the proper emotion, impression, and feeling of a web site and reflect these elements in web design. It is certain that such a new methodology can be a useful design tool, although web designers have only relied on their intuition and experience to induce users to perceive specific emotion of web sites. In this study, Kansei Engineering Type Ⅰ (Nagamachi, 2002 and Park, 2000) method was applied to develop the methodology. One hundred thirty six web sites believed to convey emotions effectively were first selected by recommendation of professional web designers and twenty two web sites were finally chosen and evaluated using questionnaire. The web sites were then objectively and quantitatively assessed by measuring the degree of utilization of the design elements, balance, overall density, and homogeneity. We examined the cause-and-effect between the results of emotional and quantitative analysis by multiple regression and introduced the design methodology based on the examination. The research method and procedures applied to this study would be applicable to design studies related to the emotional inducement.
New design method has been required for web designers to grasp the proper emotion, impression, and feeling of a web site and reflect these elements in web design. It is certain that such a new methodology can be a useful design tool, although web designers have only relied on their intuition and experience to induce users to perceive specific emotion of web sites. In this study, Kansei Engineering Type Ⅰ (Nagamachi, 2002 and Park, 2000) method was applied to develop the methodology. One hundred thirty six web sites believed to convey emotions effectively were first selected by recommendation of professional web designers and twenty two web sites were finally chosen and evaluated using questionnaire. The web sites were then objectively and quantitatively assessed by measuring the degree of utilization of the design elements, balance, overall density, and homogeneity. We examined the cause-and-effect between the results of emotional and quantitative analysis by multiple regression and introduced the design methodology based on the examination. The research method and procedures applied to this study would be applicable to design studies related to the emotional inducement.
* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.
문제 정의
본 연구를 통해 이러한 문제를 조금이라도 해소하고 새로운 방법을 제시하고자 하였다. 그러나 감성 평가에 사용된 감성 어휘가 충분히 많지 않았던 관계로 좀 더 다양한 감성을 유발 하는 웹 페이지 디자인 방법을 제시하지 못한 아쉬움이 남는 다.
본 연구에서는 실험과 분석을 통해 웹 디자인 요소와 관련된 감성을 추출해내고 감성차원을 이용하여 특정 감성을 유발하는 웹 사이트를 디자인하는 방법을 통계적 기법을 이용하여 살펴보고자 한다.
본 연구에서는 효율성을 위주로 하는 사용성 중심의 디자인 방법에서 벗어나 웹 페이지의 목적에 부합하는 감성을 사용자 로부터 이끌어 내는 디자인 방법론을 제시하기 위해 감성공학 에서 자주 이용되는 감성어휘를 통한 분석방법을 웹 디자인에 적용하였다.
뿐만 아니라 ”간결한”, ”개성 있는", ”샤프한”, "수 수한”, "화려한" 등의 감성을 유발하는 방법도 알 수 있었다. 웹 개발자들은 웹 사이트의 효율성 제고를 위해 자주 특정 감 성을 유발하는 웹 페이지들을 만들고자 시도를 할 것이다. 하지만 이제까지 감성유발에 관한 디자인 방법이 충분히 개발되어 있지 않았던 관계로 대체로 디자이너들의 경험이나 개인적 감성에 의존하여 과학적이지 못한 방법으로 감성을 유발하고 자 하였다.
웹 디자인에서도 웹 사이트 특성에 따른 사용자들의 감성을 파악하고 이를 디자인에 반영하려는 연구가 최근에 이루어지 고 있다. 웹 페이지는 주로 시각적 요소들에 의해 지각되고 심미성이나 감성이 전달된다고 알려져 있으므로(김광명 외, 1998) 웹 디자이너들은 시각적 요소의 사용법에 주의를 기울 임과 동시에 웹 페이지가 전달하고자 하는 정보를 효율적으로 사용자에게 전달하기 위해서 사용자의 지각과 인지에 잘 매핑 (mapping)되는 웹 사이트를 제작하고자 한다.
웹 개발자들은 웹 사이트의 효율성 제고를 위해 자주 특정 감 성을 유발하는 웹 페이지들을 만들고자 시도를 할 것이다. 하지만 이제까지 감성유발에 관한 디자인 방법이 충분히 개발되어 있지 않았던 관계로 대체로 디자이너들의 경험이나 개인적 감성에 의존하여 과학적이지 못한 방법으로 감성을 유발하고 자 하였다.
제안 방법
기존의 연구(최재호, 2001)에서 제시한 웹 페이지 평가에 적절한 10개의 감성어휘를 사용하여 최종적으로 실험의 표본으로 선정된 22개의 웹 페이지를 평가하고 그 결과와 웹 페이지의 정량적 평가결과와의 인과관계를 회귀분석을 통해 살펴보았으 며 이를 바탕으로 구체적인 특정 감성을 유발할 수 있는 웹 디자인 방법론을 제시하였다.
두 번째 단계에선 실험대상인 웹 사이트들의 객관적이고 정량 적인평가를 위해 웹 디자인 요소의 사용량에 의해 디자인 요 소의 활용(utilization of design elements), 그리고 배치 방법에 따라 균형(balance), 전체 비중(overall density), 균일성 (homogeneity) 등의 평가 요인을 선정하고 평가요인 별로 결과 값을 계산하였다.
본 연구에서 수행한 실험, 평가, 분석 등은 해당 웹 사이트의 전체 페이지를 다루지 않고 각 웹 사이트의 초기 화면에 해당하는 홈페이지의 시각적 요소를 중심으로 분석하였다. 또한 시각적 요소를 일반 사용자의 주관적 감성평가와 화면에 표현 되는 요소들의 객관적 측정을 통해 연구하였으며, 시각적 요 소들과 다른 디자인 차원간의 상호작용은 고려하지 않았다.
본 연구는 크게 세 단계로 진행하였으며 사용자 평가를 위해 각 피험자에게 미리 선정된 웹 페이지들을 프로젝트를 이용해 스크린에 비추어 보여주었고, 피험자들은 설문지를 이용해 감 성평가를 하였다.
본 연구에서 수행한 실험, 평가, 분석 등은 해당 웹 사이트의 전체 페이지를 다루지 않고 각 웹 사이트의 초기 화면에 해당하는 홈페이지의 시각적 요소를 중심으로 분석하였다. 또한 시각적 요소를 일반 사용자의 주관적 감성평가와 화면에 표현 되는 요소들의 객관적 측정을 통해 연구하였으며, 시각적 요 소들과 다른 디자인 차원간의 상호작용은 고려하지 않았다.
선정된 각각의 웹 사이트에 대해 경성대학교 디지털디자인 전 문대학원의 재학생 18명(남자 7명, 여자 11명, 평균 나이 28 세)이 최재호(2001)가 웹 사이트와 관련해서 90여개의 원시 형 용사로부터 전문가의 인터뷰와 요인분석을 통해 추출하고 제 시한 10개의 대표 감성어휘 (간결한, 개성있는, 분위기 있는, 샤프한, 수수한, 아기자기한, 아름다운, 엽기적인, 예쁜, 화려 한)를 평가 항목으로 삼아 감성적 선호도를 평가하였다.
3-2.설문조사
설문지는 간단한 인적사항과 감성평가로 이루어졌으며 표본 웹 페이지를 하나씩 스크린에 보여주면서 피험자들로 하여금 10개의 감성어휘를 이용해 각각의 웹 페이지를 충분한 시간을 가지고 5점 척도로 평가하게 하였다. 웹 페이지는 빔 프로젝터(SINDORICOH_SRP_2700XG)를 이용해 1024 x768 pixel 의 해상도로, 마이크로소프트사의 익스플로러 (Microsoft Explorer)를 사용하여 강의실의 고정식 스크린에 보여주었다.
세 번째 단계는 회귀분석을 통해 웹 디자인 요소가 사용자들 의 감성에 어떤 영향을 미치는가를 분석하였으며 이를 통해 특정 감성을 유발하는 웹 디자인 요소의 사용법과 배치 방법에 대해 살펴보고 활용방안을 제시하였다.
웹 페이지의 정량적 평가를 위해 화면 전체에서 디자인 요소 가 차지하는 비율을 나타내는 지수로 전체 비중(OD: Overall Density)의 개념을 도입하였다. 전체 비중은 디자인 요소가 아닌 여백의 비중으로도 표시될 수 있다(Tullis, 1983).
이처럼 요구되는 감성들을 웹 페이지에 구현할 수 있는 방법을 알기위해 웹 페이지에 관한 정량적 평가가 요구된다. 정량적인 평가를 위해 웹 페이지의 레이아웃과 디자인 요소를 평가항목으로 선정하고 그에 맞는 수식을 이용하여 각 웹 페 이지의 정량적 평가값을 산출하였다.
첫 번째 단계인 실험에서는 피험자내 방법(wit&in-subject)으로 모든 피험자들이 무작위 순으로 제시되는 22개의 웹 사이트를 하나씩 보고 각각의 웹 사이트에 대해 5점 척도로 감성을 평 가하였는데 약 30분 정도의 시간이 소요되었다. 피험자들은 실험의 목적, 평가방법, 주의점 등을 듣고 실험동의서 (informed consent form)에 서명한 뒤 실험에 참여하였다.
대상 데이터
실험에 사용될 표본 웹 페이지 선정을 위해 야후(Yahoo)검색 엔진에 ”웹 디자이너"로 등록된 디자이너 중 웹 디자인 전문 가로 실무 경력 3년 이상의 25명을 선정하고 연구에 대한 개 괄적인 내용을 이메일을 통해 알려준 뒤 실험 표본으로 사용 될 웹 사이트를 감성차원(최재호, 2001) 별로 10개씩 추천 받 았다. 이와 같이 추천된 136개의 웹 사이트 중 연구진의 내부 심사를 통해 차별화된 감성을 떠올리지 못하거나 유발되는 감 성이 빈약한 웹 사이트들은 제외시키고 연구에 적절하다고 판 단되는 22개의 웹 사이트를 실험대상으로 선정하였다.
표본으로 사용한 웹 페이지는 1)디자인이 특정한 감성을 떠올 리게 하고, 2)다른 표본 디자인과 뚜렷하게 차별화되는 감성 을 제공하며, 3)여러가지의 감성을 풍부하게 느낄 수 있어야 한다는 선정기준을 이용해 전문가들의 추천을 받아 총 136개의 웹 사이트를 우선적으로 추출하였고 다시 내부 연구진의 선별과정을 거쳐 선정된 10개의 감성어휘를 가장 잘 표현한다. 고 판단되는 웹 사이트 22개를 최종적으로 선별하였다(그림2
실험을 위한 감성어휘는 웹 사이트의 특성에 따른 감성 이미 지 분석연구(최재호, 2001)에서 최초의 원시 형용사 90개로부터 선정된 10개의 감성 형용사(간결한, 개성있는, 분위기 있는, 샤프한, 수수한, 아기자기한, 아름다운, 엽기적인, 예쁜, 화려 한)를 그대로 사용하였다.
실험에 사용될 표본 웹 페이지 선정을 위해 야후(Yahoo)검색 엔진에 ”웹 디자이너"로 등록된 디자이너 중 웹 디자인 전문 가로 실무 경력 3년 이상의 25명을 선정하고 연구에 대한 개 괄적인 내용을 이메일을 통해 알려준 뒤 실험 표본으로 사용 될 웹 사이트를 감성차원(최재호, 2001) 별로 10개씩 추천 받 았다. 이와 같이 추천된 136개의 웹 사이트 중 연구진의 내부 심사를 통해 차별화된 감성을 떠올리지 못하거나 유발되는 감 성이 빈약한 웹 사이트들은 제외시키고 연구에 적절하다고 판 단되는 22개의 웹 사이트를 실험대상으로 선정하였다.
데이터처리
실험에 이용된 22개의 웹 페이지들 중에서 비슷한 감성평가 결과를 보이는 웹 페이지들을 파악하고 분류하기 위해 설문결 과의 평균값을 이용하여 군집분석을 실시하였다. 군집들 간의 거리는 Average Linkage 방법을 이용하여 계산하였고 그 결과 4개의 군집으로 구분할 수 있었다(표3).
예를 들면 "간결한”, "수수한〃 과 같은 감성어휘들은 피험자들에게 어느 정도 연관이 있는 감성을 떠올리게 한다. 이처럼 연관성이 깊은 감성어휘를 그 룹으로 묶고, 각 그룹들의 대표 감성어휘를 찾기 위해 요인분석을 실시하였으며, 다른 한편으로는 감성평가 결과에 의해 비슷한 감성을 유발하는 웹 페이지들을 분류하기 위해 군집분석을 실시하였다.
피험자 18명의 감성평가 결과에 대한 평균값을 사용하여 요인 분석을 실시하였으며 추출할 요인의 수를 결정하기 위해선 고 유값(eigen value) 1.0을 기준으로 하였고 요인회전 방식은 직 각회전방식 중 Varimax 방법을 사용하였다.
회귀분석을 통해 각 감성어휘와 웹 페이지 디자인 요소들 간의 선형관계를 알아보았고 다중회귀식의 계수들은 표 6에 요 약해서 나타내었다. 즉 감성어휘 "간결한"의 경우 식(7)과 같은 다중회귀식으로 표현되었고 또한 표준화된 회귀계수 (standardized beta coefficient)# 통해 균일성이 "간결한”이란 감성 유발에 가장 크게 영향을 미치며 균형값도 감성에 유의한 영향을 준다는 것을 알 수 있었다(표 6).
이론/모형
실험에 이용된 22개의 웹 페이지들 중에서 비슷한 감성평가 결과를 보이는 웹 페이지들을 파악하고 분류하기 위해 설문결 과의 평균값을 이용하여 군집분석을 실시하였다. 군집들 간의 거리는 Average Linkage 방법을 이용하여 계산하였고 그 결과 4개의 군집으로 구분할 수 있었다(표3). 그룹핑의 순서를 단계적으로 보여주는 덴드로그램은 그림 3에 제시하였다.
성능/효과
감성평가와 정량적 평가 결과의 인과관계를 회귀분석을 통해 살펴본 결과 대표적 감성인 "엽기적인" 감성을 웹 페이지 사 용자에게 떠올리게 하기 위해서는 우선적으로 웹 페이지의 균 일성을 높이는 동시에 전체비중을 낮추어야 함을 알 수 있었 다(표 6). 뿐만 아니라 ”간결한”, ”개성 있는", ”샤프한”, "수 수한”, "화려한" 등의 감성을 유발하는 방법도 알 수 있었다.
또한 신뢰성을 가진 감성평가 결과를 이용하여 ''예쁜", ''간결 한, , , "엽기적인, , 등과 같은 감성어휘들이 감성을 위한 웹 디 자인에 중요함을 발견하였으며(표 3), 웹 페이지의 객관적인 정량적 평가를 위해서는 시각적 요소의 사용정도와 배치방법에 따라 평가기준을 디자인 요소의 활용, 균형, 전체비중, 균 일성 등을 이용할 수 있음을 보였다(표 4).
감성평가와 정량적 평가 결과의 인과관계를 회귀분석을 통해 살펴본 결과 대표적 감성인 "엽기적인" 감성을 웹 페이지 사 용자에게 떠올리게 하기 위해서는 우선적으로 웹 페이지의 균 일성을 높이는 동시에 전체비중을 낮추어야 함을 알 수 있었 다(표 6). 뿐만 아니라 ”간결한”, ”개성 있는", ”샤프한”, "수 수한”, "화려한" 등의 감성을 유발하는 방법도 알 수 있었다. 웹 개발자들은 웹 사이트의 효율성 제고를 위해 자주 특정 감 성을 유발하는 웹 페이지들을 만들고자 시도를 할 것이다.
또한 피험자들의 감성평가가 어느 정도 일치하는지 알아보기 위해 켄달의 W 검증을 실시하였는데 유의수준 0.001에서 평 가결과가 일치하였다. 이를 통해 피험자들이 웹 사이트를 통해 느끼는 감성이 대체로 비슷함을 알 수 있다.
설문에 대한 신뢰도의 척도로 자주 사용되는 크론바하 알파 (Chronbach7s Alpha) 값은 본 실험에서 0.781 로 나타나 설문 결과는 신뢰할 수 있는 것으로 예측되었으며 각 웹 페이지에 대한 설문결과의 크론바하 알파 계수의 값은 표 1과 같았다.
표본으로 사용한 웹 페이지는 1)디자인이 특정한 감성을 떠올 리게 하고, 2)다른 표본 디자인과 뚜렷하게 차별화되는 감성 을 제공하며, 3)여러가지의 감성을 풍부하게 느낄 수 있어야 한다는 선정기준을 이용해 전문가들의 추천을 받아 총 136개의 웹 사이트를 우선적으로 추출하였고 다시 내부 연구진의 선별과정을 거쳐 선정된 10개의 감성어휘를 가장 잘 표현한다. 고 판단되는 웹 사이트 22개를 최종적으로 선별하였다(그림2
후속연구
그러나 감성 평가에 사용된 감성 어휘가 충분히 많지 않았던 관계로 좀 더 다양한 감성을 유발 하는 웹 페이지 디자인 방법을 제시하지 못한 아쉬움이 남는 다. 향후 연구에서는 좀 더 다양한 감성어휘를 이용하여 감성 평가를 실시하고 표본 웹 사이트 역시 더 넓은 분야로 확대하여 실제 디자인 되어지고 있는 다양한 웹 페이지에 대해 필요한 감성을 알아보고 그에 맞는 디자인 방법을 제시해 보고자 한다.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.