<35312DBCB1C8A3B5B52E687770>



Similar documents
<28C3D6C1BE29312DC0CCBDC2BEC62E687770>

#Ȳ¿ë¼®

1+2월호-최종2

Journal of Educational Innovation Research 2017, Vol. 27, No. 3, pp DOI: : A basic research

<34372DB5B5BCADC1F6BFAA2E687770>

<31332EBEC6C6AEB8B6C4C9C6C3C0BB20C8B0BFEBC7D120C6D0C5B0C1F6B5F0C0DAC0CE20BFACB1B82E687770>

44-3대지.08류주현c


- 2 -

27 2, 17-31, , * ** ***,. K 1 2 2,.,,,.,.,.,,.,. :,,, : 2009/08/19 : 2009/09/09 : 2009/09/30 * 2007 ** *** ( :

프로덕트 아이덴티티의 유형별 특성에 관한 연구

<32382DC3BBB0A2C0E5BED6C0DA2E687770>

<31362DB1E8C7FDBFF82DC0FABFB9BBEA20B5B6B8B3BFB5C8ADC0C720B1B8C0FC20B8B6C4C9C6C32E687770>

<34362DBDBAC5B8C7ECBEEEC4C3B7AF2E687770>

ePapyrus PDF Document

12¾ÈÇö°æ 1-155T304®¶ó

(JH)

Journal of Educational Innovation Research 2018, Vol. 28, No. 3, pp DOI: NCS : * A Study on

<BFA9BAD02DB0A1BBF3B1A4B0ED28C0CCBCF6B9FC2920B3BBC1F62E706466>

Output file

Microsoft Word - P02.doc

KT Community Relations White Book

1. 서론 1-1 연구 배경과 목적 1-2 연구 방법과 범위 2. 클라우드 게임 서비스 2-1 클라우드 게임 서비스의 정의 2-2 클라우드 게임 서비스의 특징 2-3 클라우드 게임 서비스의 시장 현황 2-4 클라우드 게임 서비스 사례 연구 2-5 클라우드 게임 서비스에

歯Phone

<31342D3034C0E5C7FDBFB52E687770>

11¹ÚÇý·É

철학탐구 1. 들어가는말,. (pathos),,..,.,.,,. (ethos), (logos) (enthymema). 1).... 1,,... (pistis). 2) 1) G. A. Kennedy, Aristotle on Rhetoric, 1356a(New York :

우리들이 일반적으로 기호

2014_ pdf

본문1

44-4대지.07이영희532~

11¹Ú´ö±Ô

KIM Sook Young : Lee Jungsook, a Korean Independence Activist and a Nurse during the 이며 나름 의식이 깨어있던 지식인들이라 할 수 있을 것이다. 교육을 받은 간 호부들은 환자를 돌보는 그들의 직업적 소

원고스타일 정의

27송현진,최보아,이재익.hwp

2

81-05.PDF

목 차 1. 서론 1.1. 문제 제기 및 연구 목적 1.2. 연구 대상 및 연구 방법 2. 교양 다큐 프로그램 이해 3. 롤랑바르트 신화론에 대한 이해 3.1. 기호학과 그 에 대하여 3.2. 롤랑바르트 신화 이론 고찰 4. 분석 내용 4.1. 세계테마기행 에 대한 기

<31325F FB1E8B9CCC1A42CBFF8C0B1B0E62CB1E8B9CCC7F62E687770>


0802¼þ½Çµ¿¹®È¸-69È£ÃâÃâ

화해와나눔-여름호(본문)수정

화해와나눔-가을호(본문)

수기집-내지

12Á¶±ÔÈŁ

歯1.PDF

Unit 2. Spring Is Here Spring Is Here Spring is (here / in). The snow is melting. Spring is here. The (flowers / bees) are blooming. Spring is here. T

ePapyrus PDF Document

1_4_제안색_16SS_이탈리아_attachment

<31335FB1C7B0E6C7CABFDC2E687770>

Output file

<332EC0E5B3B2B0E62E687770>

30이지은.hwp

<5B D B3E220C1A634B1C720C1A632C8A320B3EDB9AEC1F628C3D6C1BE292E687770>

歯M PDF

이번에 보존처리한 족도 族 圖 사진1 는 안 동 권 씨 安 東 權 氏 집안의 것으로, 원본 제작 시기는 1454년에서 1456년 사이로 추정되는데, 이는 현존하는 최고 最 古 의 족보로 알려진 1476년 안동권씨성화보 安 東 權 氏 成 化 譜 보다 20 년 정도 앞서는

Microsoft Word - 1st-revise_Elements-and-structure-of-the-smart-lighting-design-in-the-office_1_

새천년복음화연구소 논문집 제 5 권 [특별 기고] 說 敎 의 危 機 와 展 望 조재형 신부 한국천주교회의 새로운 복음화에 대한 小 考 정치우 복음화학교 설립자, 교장 [심포지엄] 한국 초기 교회와 순교영성 한반도 평화통일과 한국 교회의 과제 교황 방한의 메시지와 복음의

step 1-1

,,,,,, ),,, (Euripides) 2),, (Seneca, LA) 3), 1) )

ENEX PRODUCT CONTENTS Designed to resemble a nature Prime Series Standard Series Classy (White & Indigo) New Classy (White & Kha

¾Èµ¿±³È¸º¸ÃÖÁ¾

#³óÃÌ°æÁ¦ 64È£-Ä®¶ó¸é

¾Ë±â½¬¿îÀ±¸®°æ¿µc03ÖÁ¾š

untitled

304.fm

학습영역의 Taxonomy에 기초한 CD-ROM Title의 효과분석

<31372DB9CCB7A1C1F6C7E22E687770>

원고스타일 정의

untitled

Week3

04 형사판례연구 hwp

책을읽고(요약)1권

<B3EDB9AEC1FD5F3235C1FD2E687770>

<B1B3B9DFBFF83330B1C7C1A631C8A35FC6EDC1FDBABB5FC7D5BABB362E687770>

16박소영.hwp

DBPIA-NURIMEDIA

<30392EB9DAB0A1B6F72CC1A4B3B2BFEE2E687770>

<C3D6C1BE2D312DC1A4BDC2C0BA2E687770>

09김정식.PDF

DBPIA-NURIMEDIA

IFEZ 03,04 국문

양성내지b72뼈訪?303逞



자식농사웹완

chungo_story_2013.pdf

*중1부

2

Çѱ¹ÀÇ ¼º°øº¥Ã³µµÅ¥

...._



전반부-pdf

표1.4출력

003-p.ps

<4D F736F F F696E74202D20312E20B0E6C1A6C0FCB8C15F3136B3E2C7CFB9DDB1E25F325FC6ED28C0BA292E >

_

12월월간보고서내지편집3

중앙도서관소식지겨울내지33

Transcription:

논문접수일 : 2011.09.25 심사일 : 2011.10.07 게재확정일 : 2011.10.24 선호도 높은 웹페이지의 디자인요소 분석연구 - 그래픽이미지, 색채, 레이아웃, 배경을 중심으로 - A study on the Design Factor Analysis in a High Preferable Web site Design - With a focus on Graphic Image, Color, Layout, Background - 홍 수 연 숭의여자대학 시각디자인 강사 Hong soo-youn Soong Eui Women's college Visual design lecturer - 563 -

1. 서 론 1.1 연구 배경 및 목적 1.2 연구 문제 1.3 연구 범위 2. 이론적 고찰 2.1 선호도 3. 연구방법 3.1 선호도 높은 웹페이지 추출 3.2 웹페이지 디자인 요소 분석 3.3 정보 데이터화 4. 분석결과 4.1 그래픽 이미지 4.2 색채 4.3 레이아웃 4.4 배경 5. 결 론 참고문헌 논문요약 본 연구는 선호도 높은 웹 페이지의 디자인을 분 석하기 위한 목적으로, 설문을 통해 선호도 높은 웹 페이지를 추출하여 그래픽이미지, 색채, 레이아웃, 배 경을 중심으로 디자인 요소를 분석하였다. 또한, 정확 한 연구 분석을 위해 4가지 디자인요소를 더욱 세분 화하여 그래픽이미지는 표현기법, 배치, 기울기, 표현 내용 색채는 유채, 무채 레이아웃은 정형, 비정형 배 경은 색채중심, 형태중심으로 항목을 세분화하였다. 분석결과, 사용자는 콘텐츠를 읽는데 있어 효과적 인 디자인을 선호하는 경향이 강한 것으로 나타났다. 자세한 분석내용은 본문에서 상세히 설명하였으며, 요약부분에서는 결론에 영향을 미친 디자인요소를 중 심으로 정리하면 다음과 같다. 선호도 높은 웹페이지에서의 그래픽이미지는 기울 기를 주지 않았을 때 비율이 78%였으며, 기울기를 주 었을 때 비율이 22%였다. 사용자는 정보를 찾고자 웹 을 이용하는 경우가 많으므로, 기울기를 주지 않은 정돈되고 차분한 이미지의 웹 페이지 선호도가 높은 것으로 보여 진다. 또한, 레이아웃에서는 정형 레이아웃의 비율이 64%인데 반해, 비정형 레이아웃이 36%로 나타났다. 선호도 높은 웹페이지에서의 배경은 단색 배경 비 율이 72%로 높은 것을 볼 수 있다. 형태 중심으로 표 현된 패턴이나 실제적인 형태를 묘사한 이미지 배경 은 비율이 각각 6%, 10%로 낮은 비율을 보이고 있 다. 이는 정보습득이 효과적인 디자인을 선호하는 것 으로, 복잡한 배경보다는 단순한 배경이 정보습득에 용이하기 때문에 선호도가 높게 나온 것으로 보여 진 다. 웹 페이지 사용자 선호도 연구결과 웹에서의 디자 인은 정보의 전달이라는 중요한 목적이 작용하기 때 문에 사용자는 콘텐츠를 읽는데 있어 효과적인 디자 인을 선호하는 경향이 강한 것으로 나타났다. 주제어 웹, 인터페이스, 선호도, 디자인요소 Abstract The purpose of this study is to analyze the web interface design where the preference is high. The analysis showed that the User had tendency to like the design that was effective for him to read the contents. I explained the analysis in detail in Main context, and summarized the design factor that influenced the Result in Summary. The rate of the graphic image in the preferable web-page was 78% when I did not give the Tendency, but 22% when I gave the Tendency. As there are many Users who use the web-page to find informations, it shows that the web-page which has the clean and calm image that was not given the Tendency is preferable. When it sees the user preference degree from background, It is that the monochrome background ratio is the highest with 72%. The ratio (which is the pattern background which is expressed in the form center or The image background which depicts an actual form) is showing a low-end ratio with 6% and 10% respectively. The background which is complicated compared to the background which is simple because information find is easy preference boat song it comes to seem with the fact that it comes out being high. Also, in the lay-out, the rate of formal lay-out is 64%, but the rate of informal lay-out is 36%. According to the research of Web-page User Preference, the User has tendency to like the design that is effective for him to read the contents because the design in web-page has an important role in delivering informations. Keyword web interface, preference, design factor - 564 -

1. 서론 1.1 연구 배경 및 목적 인터넷 사용이 생활화 되면서 웹의 중요성이 날로 증대 되고 있으며, 조동성(2002)은 10-30대 젊은 층을 중심으로 디지털 문화는 생활의 중요한 축을 이루고 있다고 하였다. 웹 디자인은 다른 디자인 분야에 비 해 불특정 다수의 사용자가 접근할 수 있는 유동적이 고 개방화된 특징을 지니고 있기 때문에, 정승은 (2001)은 웹 디자인은 사용자와의 커뮤니케이션이 잘 이루어 질 수 있도록 디자인 되어야 하며, 사용자의 다양한 선호도와 감성적 요구가 반영 되어야 한다고 하였다. 그러나, 현재 웹 페이지의 기능적인 연구는 활발히 이루어지고 있으나, 디자인 측면에서 선호도 에 대한 연구는 그에 비해 체계적이고 객관적인 연구 가 미비한 실정이다. 따라서, 본 연구는 선호도 높은 웹 페이지의 디자 인을 분석하기 위한 목적으로, 설문을 통해 선호도 높은 웹페이지를 추출하여 그래픽이미지, 색채, 레이 아웃, 배경을 중심으로 디자인 요소를 분석하였다. 1.2 연구 문제 1) 선호도 높은 웹페이지에서 많이 표현되는 그래 픽이미지는 무엇인가? - 전영신(2001)은 그래픽이미지는 문자에 비해 직 접적이고, 함축적이며, 웹페이지 요소 중 가장 사용자 가 흥미를 느끼는 부분이라고 하였다. 그래픽이미지를 좀 더 세분화하여 선호도 높은 웹페이지에서 많이 표현되는 표현기법, 표현내용, 배 치, 기울기를 분석한다. 2) 선호도 높은 웹페이지에서 많이 표현되는 색채 는 무엇인가? - 웹페이지에서의 색채의 사용은 사용자 만족도와 감성에 많은 영향을 준다. 색채는 색상(hue) 뿐 아니 라 색조(ton)에 의해서도 사용자에게 많은 영향을 주 므로, 사용자 선호도가 높은 웹페이지에서 주조색 4 가지를 추출하여 색상(hue)과 색조(ton)에 대해 분석 한다. 3) 선호도 높은 웹페이지에서 많이 표현되는 레이 아웃은 무엇인가? - Lynch & Horton(1999)은 웹에서의 레이아웃은 정보를 쉽고 빠르게 볼 수 있게 할 뿐 아니라, 내용 의 이해를 더 쉽고 명확하게 하며, 오래 기억하는데 도움을 준다고 하였다. 정형 레이아웃과 비정형 레이 아웃으로 나누어 사용자 선호도가 높은 웹 페이지의 레이아웃에 대해 분석한다. 4) 선호도 높은 웹페이지에서 많이 표현되는 배경 은 무엇인가? - 웹에서의 배경은 웹페이지를 구성하는 메뉴, 그 래픽이미지, 본문, 타이틀 등을 표현하는데 있어 바탕 이 되는 부분이다. 웹사이트는 정보전달이 목적이므 로 배경은 다른 디자인 요소와 함께 어우러지도록 구 성하여야 하는 중요한 요소이기도 하다. 배경은 단색 과 그러데이션을 사용하는 색 중심과 패턴이나 사진, 일러스트가 확장된 형태 중심으로 나누어 분석한다. 1.3 연구 범위 첫째, 표본 사이트 수집은 국내와 국외의 300개의 사이트를 수집하였다. 국내의 사이트 수집은 다음과 같다. 콘텐츠에 따라 디자인의 경향성이 달라질 수 있으므로, 각 분야 별 순방문자수(Unique Visitor)를 기준으로 사이트 순위를 산정하는 100hot(www.100hot.co.kr 각 분야별 사이트 순위를 매겨 제공하는 곳으로 100일 평균/주간/월간/ 순방 문자수(Unique Visitor)를 기준으로 순위를 산정)에서 각 분야별 상위 순위의 사이트를 선정하였다. 또한, 우수한 디자인 사이트를 선정하기 위하여 2006,2007 년 웹어워드 코리아 수상작에서 선정하였다. 국외의 사이트 선정은 웨비어워드(Webby Awards) 2006, 2007년의 각 분야별 수상작과 정글 (jungle.co.kr)우수 추천 사이트에서 선정하였다. 둘째, 수집된 300개의 표본 웹사이트를 10년 이상 경력의 웹디자인 전문가 3인의 FGI를((Focus Group Interview) 통해 최종 200개의 표본을 선정 하였다 사이트의 표본 범위는 사이트의 아이덴티티가 가 장 잘 반영된 메인 페이지와 캡처 받은 스틸이미지 위주의 표현방식으로 한정하였다. 또한, 브랜드 네임은 선호도에 영향을 미칠 수 있 으므로 명의적 속성인 브랜드네임은 모자이크 처리를 하고 설문을 실시하였다. 2. 이론적 고찰 2.1 선호도 디자인은 사람의 취향, 즉 '선호(preference)'에 크 게 영향을 받으며, 사전적 정의로 선호도는 좋아하는 정도를 말하는 것이다. Grantham과 Gordon(1986)에 의하면 사람이 무엇을 결정하는데 있어 영향을 미치 - 565 -

는 과정과 요인은 사람의 지각에 대한 반응(sensory reaction) 과 자아의 처리과정(ego process)을 거치는 데 이러한 과정의 결과를 선호라고 정의했다. 선호는 매우 역동적이고 다차원적인 성격을 가졌으며, 한꺼 번에 많은 것을 선호할 수도 있는 복잡성을 지니고 있다고 하였다. Cheatham(1987)은 과거의 경험에 의해 감정의 이 상적 요인과 유사성 요인의 영향으로 최종적인 결정 의 과정에 영향을 미친다고 하였으며, 유사성은 선호 에 있어 가장 큰 영향을 주는 중요한 요인으로 간주 되고 있다. 선호의 개념은 실제적인 선호(realistic preference)와 이상적인 선호(ideal preference)로 나눌 수 있는데, 실제적인 선호는 과거의 경험에 의해 영 향을 받는 것으로 과거에 긍정적으로 인지 되었던 것 을 현실상황에 적용되는 것을 말한다. 반면 이상적인 선호는 미래에 대한 바라는 것에서 영향을 받는 인지 적 예상(cognitive projection)을 말한다. 3. 연구방법 본 연구는 온라인 설문을 통해, 사용자 선호도가 상위인 웹 페이지를 추출하여 그래픽 이미지, 색채, 레이아웃, 배경을 중심으로 디자인 요소를 분석하였 다. 이를 위해, 선호도 평균점수, 디자인요소 정보를 데이터화하였다. 데이터화된 자료는 SPSS 빈도분석을 실시하였다. 3.1. 선호도 높은 웹페이지 추출 웹 페이지 선호도 평가를 위해, 200개 웹 페이지 에 대한 온라인 설문조사가 이루어 졌다. 설문 대상 은 인터넷을 가장 많이 사용하는 연령대인 20-30대 40명을 대상으로 실시하였다. 설문 참가자는 총 200개의 웹 페이지를 보고 응답 하였으며, 정확한 설문 조사를 위해 설문자의 피로도 를 고려하여 3일에 걸쳐 설문이 이루어졌다. 온라인 설문지는 1024*768로 제작 되었으며, 선호 도를 5점 척도로 질문하였다. 한번에 1개의 웹페이지 를 화면을 30초간 응시한 후, 선호도에 대해 5점 척 도로 답하도록 하였으며, 시간제한은 두지 않았다. 이를 통해 200개의 표본 중 선호도가 높은 50개의 화면을 추출하여 분석하였다. 분석결과, 200개 화면의 선호도 평균 점수는 5점 만점에 3.11이었으며, 분석한 50개의 웹페이지는 평균이상의 점수를 받은 3.42이상 의 웹페이지이다. 본 연구에서는 선호도가 높은 50개 의 화면을 대상으로 분석하였다. [그림 1] 추출된 선호도 높은 웹페이지 예제 3.2 웹페이지 디자인 요소 분석 웹페이지 분석을 위한 디자인 요소는 그래픽이미 지, 색채, 레이아웃, 배경을 중심으로 분석하였으며 디자인요소 분류에 대한 문헌고찰은 선행연구(홍수연, 이현주, 진기남 2009)에서 정리한 바 있어 본 논문에 서는 간단히 표로 제시하였다. [표 1] 디자인 요소 분석항목 그래픽 이미지 디자인 요소 분석항목 표현기법 사진 일러스트 사진, 리얼 리터칭 선 중심 면 중심 입체 중심 사진중심 - 566 -

배치 일러스트 혼합 전면적 사용 부분적사용 일러스트중 심 색채분석은 웹페이지에서 4가지의 주조색을 추출 하여 분석하였다. 주조색 추출을 위해 색채분석 프로 그램인 Color Synta프로그램을 사용하였고, PCCS(색 조분석)분석을 하기위해 같은 프로그램을 이용하여 기울기 표현내용 無 有 인물 동식물 정물 자연환경 인공환경 문자 분석하였다. Color Syntax 프로그램은 픽셀 하나하나의 특성을 분석하여, 빈도순으로 웹페이지에서 사용된 색채를 수치화하여 나타내며, 먼셀 색채계에서 위치를 파악 할 수 있다. 이 프로그램은 기존에 웹 페이지의 색채 분석을 위해 웹페이지를 모자이크 처리하여 분석하는 방법에 비해, 분석결과를 정량화하여 결과의 정확도 기타 를 높일 수 있으며, 오차의 한계를 줄일 수 있다. Red(R) Yellow Red(YR) 이미지, 레이아웃, 배경의 분석은 육안분석으로 이 루어졌다. Yellow(Y) Green Yellow(GY) Green(G) 색상 Blue Green(BG) Blue(B) Purple Blue(PB) Purple(P) Red Purple(RP) Blue(B) 유채 pale(p) light(lt) bright(b) 색채 색조 light grayish(ltg) soft(sf) strong(s) vivid(v) grayish(g) [그림 2] Color Cyntax프로그램을 사용한 분석결과 [표 2] 웹 인터페이스 색채분석 사례 dull(d) deep(dp) dark grayish(dkg) 분석 대상 웹 페이지 상위 4개의 주조색과 정보값 dark(dk) White(W) light Gray(ltGy) 무채 색조 medium Gray(mGy) dark Gray(dkGy) Black(Bk) 메뉴상단 메뉴중앙 레이아 웃 정형 메뉴하단 메뉴좌측 메뉴우측 비정형 주이미지 혼합 단색 배경 색채 중심 그라데이션 형태 중심 패턴 이미지 - 567 -

3.3 정보 데이터화 [표 3] 그래픽이미지 선호도 분석 결과 웹페이지 분석을 위해, 200개 화면에 대한 디자인 요소 분석내용과 선호도 점수를 기록하였다. 이 데이 디자인 요소 분석항목 비율(%) 터를 가지고 SPSS 빈도분석을 실시하였다. 선호도 점수는 온라인 설문을 통한 사용자 선호도 평균점수이며, 디자인 정보는 각 인터페이스의 디자 인 요소인 이미지, 색채, 레이아웃, 배경을 육안 분석 한 자료를 가지고 0, 1로 데이터화 하였다. 표현 기법 배치 사진 24% 일러스트 62% 사진, 일러스트 14% 혼합 전면적 사용 58% 부분적사용 42% 이미지 각도 무 78% 유 22% 인물 16% 정물 30% 동물 10% [그림 3] 웹 인터페이스 분석표 예제 4. 분석결과 표현 내용 환경(자연환 경) 16% (인공환경) 14% 문자(글자, 숫자) 4% 기타 10% 4.1 그래픽 이미지 그래픽이미지는 문자에 비해 직접적이고 함축적 이며, 콘텐츠의 내용을 직접 전달하는 경우가 많고 전체적인 내용 파악을 용이하게 해준다. 4.1.1 표현기법 선호도 높은 웹사이트에서 사진, 일러스트, 사진과 일러스트 혼합한 표현기법의 분포는 일러스트의 표현 방식이 가장 높았으며, 비율은 62%이다. 사진은 24% 이며, 콜라주 형식인 사진과 일러스트 혼합은 14%의 낮은 비율을 보였다. 표현기법에서 좀 더 세분화된 분석결과를 보면, 일러스트표현 기법에서 평면 일러스트가 32%의 비율 을 보였고, 3D를 포함한 입체 일러스트 표현 기법도 26%의 높은 비율을 보였다. 다음으로 높은 분포는 사 진표현 방식 중 인위적인 가공을 하지 않은 리얼 사 진이미지 표현이 18%를 차지했다. [그림 5] 그래픽이미지 표현기법 세분화 선호도 결과 [그림 6] 선호도 높은 웹 페이지 중 평면일러스트 [그림 4] 선호도 높은 웹 페이지 중 일러스트 예제 - 568 -

4.1.2 배치 그래픽 이미지를 화면에서 표현할 때 풀샷(Full Shot)을 이용한 형태 전체 보여주느냐, 혹은 형태의 일부분을 보여주느냐에 대한 선호도의 차이는 전체 58%, 부분 42%였다. 전체를 보여줄 때 분포가 다소 높지만 크게 차이가 나지 않는 것을 볼 수 있다. 4.1.3 각도 역동적으로 표현하거나 움직임을 표현할 때 주로 사용하는 각도의 기울기에 대해서는 큰 선호도 차이 를 보였다. 그래픽이미지 표현에서 기울기를 주었을 때 22%, 기울기를 주지 않았을 때 78%로 선호도 높 은 웹페이지에서 기울기를 주지 않았을 때의 비율이 높았다. 이는 정보전달이 주요 목적인 웹 매체의 특 성을 반영한 것이라고 할 수 있다. 사용자 입장에서 정보를 찾고자 웹을 이용하는 경우가 많으므로, 정돈 되고 차분한 이미지의 웹 페이지 선호도가 높은 것으 로 보여 진다. [그림 8] 선호도 높은 웹 페이지 중 표현내용 예제 [그림 9] 유채색조 분석결과 그래프 2.1 색채 [그림 7] 선호도 높은 웹 페이지 중 각도 예제 4.1.4 표현내용 표현내용은 정물30%, 환경30%, 인물16%, 동물 10%, 기타10%, 문자4%이며, 정물을 표현 했을 때와 환경(자연환경 혹은 인공환경)을 표현 했을 때 분포 가 가장 높았다. 색채 분석 결과, 선호도 높은 웹 페이지에서 대체 로 밝고 부드러운 색채에 대한 분포가 높은 것으로 나타났다. 유채의 색조는 light 28.9%, light grayish 17.1%, bright 17.1%, soft 14.5%로 밝고 부드러운 색조에 대 한 비율이 높았다. 선호도 높은 웹 페이지의 색채분석에서 유채와 무 채의 비율은 48%, 42%로 비슷한 비율을 보였다. 색 상 중 가장 높은 분포를 차지한 것은 Yellow 15.5%, Yellow Red 11.5%로 색상 또한 밝고 부드러운 이미 지의 색상이 높은 분포를 보였다. [표 4] 색채 분석 결과 디자인 요소 분석항목 비율(%) Red(R) 7% 색채 유채 색상 Yellow Red(YR) 11.5% Yellow(Y) 15.5% - 569 -

Green Yellow(GY) 2% Green(G) 4% Blue Green(BG) 3.5% Blue(B) 6.5% Purple Blue(PB) 4% Purple(P) 1% Red Purple(RP) 3% pale(p) 2.6% light(lt) 28.9% bright(b) 14.5% light grayish(ltg) 17.1% 무채 색조 색조 soft(sf) 14.5% strong(s) 1.3% vivid(v) 3.9% grayish(g) 9.2% dull(d) 0% deep(dp) 5.38% dark grayish(dkg) 0% dark(dk) 2.6% White(W) 66.7% light Gray(ltGy) 4.8% medium Gray(mGy) dark Gray(dkGy) 10.7% 0 Black(Bk) 17% 무채색의 경우도 White 66.7%로 높은 비율을 보 였고, Black17%, medium Gray 10.7%, light Gray 4.8% 순의 비율을 보였다. White의 비율이 가장 높은 분포를 보인 이유 또한, 밝은 색조에 대한 선호도가 높기 때문으로 보여 진다. [그림 11] 선호도 높은 웹 페이지 중 색채 예제 4.3 레이아웃 정형 레이아웃이(메뉴상단, 중앙, 하단, 좌측, 우 측) 64%로 높은 분포를 보이고 있다. 그 중, 메뉴가 상단에 위치한 레이아웃이 24%로 높은 비율을 보이 고 있다. 웹에서의 레이아웃은 심미적인 측면 뿐 아 니라, 정보의 전달이라는 중요한 목적이 작용하기 때 문으로 보여 진다. Jacob Nielsen(2001)에 의하면 유저들은 웹사이트 를 방문했을 때 주의 깊게 보지 않고 전체를 한눈에 보며, 일반적으로 가장 먼저 왼쪽 상단을 보는 경향 이 있다고 밝히고 있다. 상단에 메뉴가 있을 경우, 정 보를 찾고자 사이트를 방문한 사용자들이 쉽게 메뉴 를 찾을 수 있으며, 빠른 시간 안에 정보를 찾을 수 있기 때문에 선호도가 높은 이유로 파악 된다. 레이 아웃 디자인 요소 분석항목 정형 (64%) 비율(%) 메뉴상단 24% 메뉴중앙 6% 메뉴하단 14% 메뉴좌측 16% 메뉴우측 4% 비정형 (36%) 주이미지 메뉴혼합 36% [그림 10] 무채색조 분석결과 그래프 [표 5] 레이아웃 분석 결과 - 570 -

[그림 12] 선호도 높은 웹 페이지 중 레이아웃 예제 [그림 13] 선호도 높은 웹 페이지 중 배경예제 4.4 배경 박희석 등(2000)은 웹에서의 배경은 웹페이지를 구성하는 메뉴, 그래픽이미지, 본문, 타이틀 등을 표 현하는데 있어 바탕이 되는 부분이라고 하였다. 배경 은 이미지가 확장되어 사진이나 일러스트로 채워지기 도 하며, 패턴이나 단색으로 채워지기도 한다. 배경에 서의 사용자 선호도를 보면, 색 중심 배경 중 단색 배경 비율이 72%로 가장 높은 것을 볼 수 있다. 형태 중심으로 표현된 패턴이나 실제적인 형태를 묘사한 그래픽 이미지 배경은 비율이 각각 6%, 10%로 낮은 비율을 보이고 있다. 이는 정보습득이 효과적인 디자 인을 선호하는 것으로, 복잡한 배경보다는 단순한 배 경이 정보습득이 용이하기 때문에 선호도가 높게 나 온 것으로 보여 진다. 디자인 요소 분석항목 비율(%) 단색 72% 색 중심 그러데이션 12% 배경 패턴 6% 형태 중심 실제 형태 10% [표 6] 배경 분석 결과 5. 결론 웹 디자인은 사용자와의 커뮤니케이션이 잘 이루 어 질 수 있도록 디자인 되어야 하며, 사용자의 다양 한 선호도와 감성적 요구가 반영 되어야 한다. 선호도 높은 웹페이지의 디자인을 그래픽이미지, 색채, 배경, 레이아웃으로 분석한 결과, 그래픽이미지 표현기법에서는 사진, 일러스트, 사진과 일러스트 혼 합 표현에서 일러스트 표현기법의 비율이 가장 높았 으며, 표현내용에서는 정물과 환경을 소재로 한 것의 비율이 가장 높았다. 색채는 밝고 부드러운 색채의 선호도가 높게 나타나고 있으며, 이는 색조(ton)의 경 향에서 뚜렷하게 나타나고 있다. light 28.9%, light grayish 17.1%, bright 17.1%, soft 14.5%로 밝고 부드 러운 색조에 대한 비율이 높았다. 배경은 단색 배경의 비율이 72%로 뚜렷한 선호도 를 보이고 있다. 이러한 결과는 사용자들이 정보습득 이 효과적인 디자인을 선호하는 것으로, 복잡한 배경 보다는 단순한 배경이 정보 습득이 용이하기 때문에 선호도가 높게 나온 것으로 보여 진다. 그래픽이미지 표현에서 기울기를 주었을 때 22%, 기울기를 주지 않았을 때 78%로 기울기를 주지 않았 을 때 비율이 훨씬 높게 나타나는 것으로 보였다. 사 용자는 정보를 찾고자 웹을 이용하는 경우가 많으므 로, 기울기를 주지 않은 정돈되고 차분한 이미지의 웹 페이지 선호도가 높은 것으로 보여 진다. 또한, 레이아웃에서는 정형 레이아웃이 64%로 높 은 비율을 보이고 있다. 정형 레이아웃에서 상단에 메뉴를 위치한 경우가 24%로 높은 비율을 차지하고 있다. 이 또한 정보전달이라는 웹의 특성을 크게 반 영한 선호도 결과로 보여 진다. 분석 결과를 종합하면, 웹에서의 디자인은 정보의 전달이라는 중요한 목적이 작용하기 때문에 사용자는 컨텐츠를 읽는데 있어 효과적인 디자인을 선호하는 경향이 강한 것으로 나타났다. - 571 -

현대사회는 디자인 이 중요한 화두가 되고 있다. 또한, 웹사이트의 인터랙션의 흥미 요소와 더불어 심 미적인 측면을 강조한 웹페이지가 많아지고 있다. 그 러나 웹 페이지 사용자 선호도 연구결과, 웹에서의 디자인은 심미적인 측면 뿐 아니라, 정보의 전달이라 는 중요한 목적이 작용하기 때문에 사용자는 콘텐츠 를 읽는데 있어 효과적인 디자인을 선호하는 경향이 강한 것으로 나타났다. 그러므로 웹디자인을 할 때 이러한 점을 고려하여 디자인이 이루어진다면, 보다 사용자 만족도와 선호 도가 높은 웹사이트가 될 것 이다. 참고문헌 - 박희석, 장동성, 이정규, 인치호(2000). 인터넷 상거 래의 인터페이스 디자인 및 평가지침 개발, 한산업공학회 학회지, 26(2), 146-154. - 박관희 이형백(2001). 인터넷 사용자의 웹사이트 구 성 선호도에 관한 연구, 경영과학연구, 10. 15-26. - 이윤주(1996). 색채 이미지에 관한 연구, 培 花 論 叢. 15, 305-322. - 이원재(1994). 멀티미디어의 세계, 혜지원. - 이주은(2000). 웹디자인의 감성적 기술을 위한 실 증적 연구, 연세대학교 대학원 석사학위 청구 논문. - 조동성(2006). 디자인 혁명, 한스미디어. - 정승은(2001). 감성기반의 웹 그래픽 디자인 모형 에 관한 연구, 이화여자대학교 대학원 석사 학위청구 논문. - 전영신(2002). 인터넷에서의 효과적인 정보 전달 을 위한 그래픽 유저 인터페이스 디자인에 관 한 연구, 연세대학교 대학원 석사학위 청구 논문. - 지상현(2002). 시각예술과 디자인 심리학, 민음 사. - 지상현(2007). 디자인의 법칙, 지호. - 최동성, 이주은, 김진우(2001). 감성기반의 웹페이지 디자인을 위한 실증적 연구, 정보과학회, 컴퓨팅의 실제, 7, 475-488. - 최진희(1997). 효과적 인터넷 마케팅 활동을 위한 웹 사이트 디자인에 관한 연구, 석사학위논 문, 홍익대학교 산업미술대학원 청구논문. - 하쿠호도(1996). 감각시대의 소비스타일, 생활 종합연구소, 시유시 - 한경진. 1998. 색채문화모델의 개발과 활용에 관 한 연구, 한국과학기술원 석사학위 청구논문. - 홍수연, 이현주, 진기남(2009). 디자인학연구, 22(4), 197-209. - 홍수연, 이현주, 진기남(2009). 감성과학, 12(1), 1-10. - 황수영, 김성혁, 김용일(2008). 인터넷 웹 사이트 이 용동기 유형에 따른 인터넷 선호행동의 차이와 재미에 미치는 영향에 관한 연구, 觀 光 硏 究, 23(2), 401-425. - Cheatham, Harold E(1987). The Nature of Preference, Journal of Counseling and Development, 66(3), 131-134. - Grantham & Gordon(1986). The Nature of Preference, Journal of counseling and Development 64(6), 396-400. - Jakob Nielsen(2001)). Designing Web Usability, Peachpit Press - 572 -