• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2018년도 춘계 종합학술대회 논문집
• /
• pp.183-184
• /
• 2018

본 연구는 늘 접속되어 있는 디지털 고객들을 우선으로 한 모바일 우선주의 관점의 반응형 웹 디자인 패턴에 관한 연구이다. 현황파악 및 분석을 위해 WEB AWARD KOREA 모바일 부분 대상 수상작을 중심으로 반응형 웹 디자인 패턴 및 웹 그리드 시스템을 조사, 분석했다. 이를 통해 모바일에서부터 최적화된 반응형 웹 디자인 패턴을 적용한 디자인 모델을 제안하였고, 향후에는 실제 사이트에 적용하여 사용성을 검증하고 궁극적으로는 지속적으로 늘어나는 디지털 고객을 위한 반응형 웹 디자인 표준화 작업을 위한 기초가 될 것이다.

• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2012년도 춘계 종합학술대회 논문집
• /
• pp.17-18
• /
• 2012

온라인 접속이 기존 컴퓨터가 아닌 스마트폰과 타블렛 PC로 확장되면서, 웹에서 보여지는 방법, 즉 웹 디자인에 큰 변화가 일고 있다. 스마트폰, 타블렛 PC, 컴퓨터, 이 세 가지 디바이스에 모두 최적화된 웹 혹은 각각의 디바이스의 환경에 맞춘 웹 퍼블리싱 서비스가 크게 증가하고 있는 것이다. 또한 지금까지의 인터넷의 역할이 콘텐츠, 검색 쪽이었다면 모바일 기기 사용이 증가함에 따라 사용자들은 그들만의 개인화 서비스에 대한 요구가 점점 증가하고 있다. 이러한 요구에 맞춰 가장 눈에 띄는 변화는 바로 "One Page Design"의 증가와 반응형 웹 디자인이라고 할 수 있다. 이에 본 논문은 모바일 웹 환경에서 개인화서비스를 효과적으로 활용하기 위해 One Page Design과 반응형 웹 디자인에 대해 알아보고 이를 현재 개발진행중인 포털사이트에 적용해본 후, 이에 대한 문제점과 개선방안에 대해 논의해 보고자 한다.

• 한국콘텐츠학회:학술대회논문집
• /
• 한국콘텐츠학회 2010년도 춘계 종합학술대회 논문집
• /
• pp.129-131
• /
• 2010

최근 복합적인 기능을 가지고 있는 스마트폰의 확산으로 모바일 웹 시장이 빠르게 확장되고 있다. 모바일 웹은 데스크탑PC 웹과는 달리 화면이 작고 사용자가 손으로 아이콘을 선택하기 때문에 사용자들이 데스크탑PC 웹에서 사용하던 아이콘을 그대로 모바일 웹에 적용하여 사용하기에 모바일 웹서비스를 위한 GUI디자인의 연구의 필요성이 제기되고 있다. 본 연구에서는 데스크탑PC 웹과 모바일 웹의 아이콘 분석을 위하여 이론적 고찰과 함께 국내 포털사이트 5곳-구글, 네이버, 다음, 야후, 파란-을 대상으로 데스크탑 PC 웹과 모바일 웹의 아이콘을 내용방식과 표현방식으로 비교 분류하였다. 아직 모바일 웹의 아이콘을 데스크탑PC 웹에서 사용하고 있는 아이콘을 그대로 사용하는 포털사이트들이 많았지만 몇몇 포털에서는 모바일 웹 사용자를 고려하여 아이콘을 별도로 제작하는 사례들을 볼 수 있었다. 즉 모바일 웹의 사용성을 높이기 위해서 사용자가 작은 화면에서 아이콘을 보고 선택하는 사용 환경을 고려한 GUI디자인이 필요하다는 것을 알 수 있었다.

• 한국인터넷방송통신학회논문지
• /
• 제11권4호
• /
• pp.231-237
• /
• 2011

웹 사이트의 구축과정에서 회사의 이지지를 가장 잘 나타낼 수 있는 디자인 콘셉트를 도출하고 이를 구현하는 일은 초보 디자이너뿐만 아니라 경험자에게도 쉬운 작업은 아니다. 이 연구에서 우리는 국내 우수 디자인 사이트를 조사하여, 웹 디자인 콘셉트를 도출하는 방법과 이를 디자인에 어떻게 적용하는가를 분석하여, 디자인 콘셉트를 도출하는 기법들을 '디자인 요소'에 관점에 집중하여 분류 정리하였다. 이 결과는 디자이너가 웹 사이트의 개발이나 리뉴얼 할 때 최적의 디자인을 위한 스타일 콘셉트를 도출하고 이를 디자인으로 구현하는 지침으로 활용될 수 있을 것이다.

• 디자인학연구
• /
• 제17권3호
• /
• pp.413-420
• /
• 2004

웹사이트의 특성에 따라 요구되는 감성을 파악하고 이를 디자인에 반영할 수 있는 새로운 디자인 방법론이 요구되고 있다. 기존의 사용성 위주의 웹 디자인 방법과는 차별화 되는 이와 같은 감성 연구를 통한 디자인 방법은 웹 디자이너들에게 또 다른 유용한 지침을 제공할 것이다. 하지만 이제까지 이에 관한 연구가 충분히 이루어지지 않아 특정 감성을 유발하는 웹 디자인을 위해 디자이너들은 자신의 직감과 경험에 의존할 수밖에 없었다. 이와 같이 특정 감성을 유발하는 디자인 방법론의 개발을 위해 본 연구에서는 감성공학에서 사용되는 감성 어휘를 이용한 감성공학 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

• 디자인학연구
• /
• 제19권4호
• /
• pp.101-110
• /
• 2006

본 연구는 지식과 정보가 경쟁력이 되고 있는 현대 사회에서 다양성을 지닌 사용자들이 웹을 통하여 보다 쉽고 편하게 정보를 찾을 수 있는 유니버설 웹 네비게이션 디자인의 유형을 개발하고자 하였다. 서로 다른 네비게이션의 특징을 가지고 있는 웹 네비게이션 디자인의 유형을 개발하여 30명을 대상으로 정보 검색 소요시간, 오류 발생 측면, 웹 네비게이션 디자인 요소의 크기와 위치, 레이아웃에 관한 조사를 하였다. 측정된 정보 검색 소요시간은 반복측정 일원변량분석에 의하여 분석하였고 오류 발생 측면은 비디오 분석하였다. 또한 사후 설문을 실시하여 사용자가 선호하는 네비게이션 디자인의 유형을 파악하였다. 웹에서 사용자가 쉽고 편하게 정보를 찾을 수 있는 네비게이션 디자인은 페이지의 상단에 가로로 길게 위치한 글로벌 메뉴 아래에 세로로 서브 카테고리 메뉴가 나타나는 유형이며 롤오버 메뉴와 단계적으로 분류된 메뉴, 크게 처리된 본문과 레이블, 움직이지 않는 이미지로 구성된 디자인이었다. 사용편의성이 향상된 웹 네비게이션 디자인에서 사용자는 오류 없이 정보를 쉽고 편하게 찾을 수 있으며 유니버설 웹 네비게이션 디자인의 개발은 정보력이 경쟁력으로 대두되는 현대사회에서 인터넷을 통한 효율적 정보 활용이 가능하도록 할 것이다.

• 한국정보과학회:학술대회논문집
• /
• 한국정보과학회 2003년도 가을 학술발표논문집 Vol.30 No.2 (2)
• /
• pp.292-294
• /
• 2003

대부분의 웹 기반의 개발 환경에서는 웹 디자인이 변경되는 경우 그에 해당하는 개발 코드를 수정하는 방법을 이용하여 개발한다. 이와 같은 개발 방식은 웹 프로그램의 개발 생산성 및 개발된 코드의 재사용성을 저하시키는 문제를 유발하였다. 그래서 웹 디자인과 개발 코드를 분리하기 위한 다양한 방법들이 제안되었으며 활용되어 왔으나 미흡했다. 본 논문에서 설계, 구현한 MVC기반의 웹 컴포넌트 시스템을 적용하는 경우 설계 단계에서부터 웹 디자인과 개발 코드를 쉽게 분리할 수 있도록 하여 웹 프로그램의 개발 생산성 및 개발 코드의 재사용성을 향상시켰다.

• 디자인학연구
• /
• 제20권3호
• /
• pp.49-60
• /
• 2007

세계화 및 정보화 시대에 접어들면서 시장 환경에 많은 변화가 나타나고 있다. 인터넷의 보급과 글로벌 네트워크의 등장으로 세계 어디서나 정보 습득과 상거래가 가능해졌기 때문이며, 소비자의 의식수준과 기호를 동질화시켜 새로운 트렌드와 라이프스타일이 동시에 정착되고 있는 것이다. 본 연구에서는 웰빙 소비자와 로하스 소비자의 이론적 개념을 정립해 보았다. 사전 설문조사를 통해 로하스 단계의 소비자를 분류하였으며, 웰빙 브랜드와 일반 브랜드의 의. 식. 주 업체를 선정하여 업체의 웹 디자인을 분석하였다. 이를 통해 로하스 소비자들이 느끼는 웰빙 감성, 감성과 이성의 인지도, 긍정과 부정, 또한 심리적 감성 인지도, 웹 디자인을 통한 선호도 변화를 통해 그들의 가치관과 트렌드를 파악하여 웹 디자인이 나아 가야할 방향을 모색하였다. 연구를 통해 얻어진 결론은 첫째, 소비자들은 웰빙 브랜드의 웹 페이지에서 일반 브랜드의 웹 페이지 보다 웰빙에 대한 감성을 느낄 수 있다. 둘째, 웰빙 브랜드의 웹 페이지에서는 감성보다는 이성을 인지하고 있다. 셋째, 웰빙 브랜드의 웹 디자인이 일반 브랜드의 웹 디자인 보다 호감과 친근감 즉 긍정적인 면에서 좀 더 높은 점수를 얻었으며, 심리적 감성인지가 높아도 웹 디자인에 대한 선호도에 크게 영향을 미치지는 못한다. 넷째, 웰빙 브랜드가 일반 브랜드보다는 기본적인 선호도가 높으며, 웹 페이지를 방문 후 선호도 역시 높았다. 다섯째, 웰빙 브랜드의 웹 디자인을 통한 감성 형용사를 추출한 결과 동적, 정적 어느 곳에 치중하지 않은 약간 심미적인 쪽의 그래프를 표시할 수 있었다. 위의 조사 결과를 통해 앞으로 점차 변화 되어가는 소비자들을 산업저인 차원에서 적극적으로 이용하기 위한 전략을 세우는 데 작은 기초가 되길 바란다.

• 디자인학연구
• /
• 제17권4호
• /
• pp.69-78
• /
• 2004

컴퓨터 기술의 발달과 웹 환경의 개선은 e비즈니스의 확대와 웹 사이트의 트랜드에 영향을 주었다. 멀티미디어를 사용한 사이트의 인기가 상승하고 경쟁 사이트보다 높은 인지도를 보여주고 있어 멀티미디어 도입이 활성화되고 있다. 웹 멀티미디어 콘텐츠에 있어서도 평가기준에 합당한 멀티미디어 컨텐츠의 구성요소가 필요하다. 이들 구성요소는 정보디자인, 영상디자인, 인터랙티브 디자인의 요소로 정리할 수 있다. 이 요소들을 사용자에게 대표적인 웹 멀티미디어 사이트를 평가하도록 하였다. 웹 사이트의 선정은 대표적인 웹 사이트의 유형인 HTML기반, 플래시 기반, 혼합기반으로 한정하였다. 사용자가 평가한 데이터를 이용하여 디자인과 멀티미디어의 요소별 연관성과 상관관계를 규명하는 통계분석을 하였다. 서울, 경기, 충청지방에 거주하는 C대학교 재학생 중 디자인 비전공자들 101명을 대상으로 분석하였다. 설문내용은 인터넷을 이용하여 코카콜라, 나이키, 삼성전자 각 기업의 한국어 사이트에 방문하여 평가하도록 하였다. 설문의 평가 방식은 각 항목 당 5점 척도로 평가하도록 하여 이를 점수화했다. 설문 분석을 위한 통계 패키지는 SPSS Ver 10.0을 사용하였다. 기술 분석을 통해 각 유형별 웹 사이트가 정보디자인, 영상디자인, 인터랙티브디자인, 디자인에서 사용자 평가를 분석하였다. 웹 멀티미디어 컨텐츠 유형에 따른 웹 사이트 평가에 같은 웹 멀리미디어 평가 항목을 설문한 결과 eigenvalue의 요인추출개수가 다르게 나왔으며 회귀식 또한 다르게 나왔다. 이는 웹 사이트를 제작할 때 목적에 따라 유형의 방법을 다르게 선택해야하는 것을 알 수 있었다.

• 디자인학연구
• /
• 제17권4호
• /
• pp.37-50
• /
• 2004

플래시의 액션 스크립트, 자바 스크립트, 자바 등 웹 기반 프로그래밍 툴의 발전과 사용잗ㄹ의 총체적 경험으로써의 인터랙티비티의 중요성이 대두되면서, 웹은 정보를 면 단위로 보여주는 웹진의 형태로부터 인터랙티브한 조작 인터페이스를 제시하고 조작에 따라 즉각적으로 사용자에게 피드백을 주는 인터랙션의 형태로 진화하게 하였다. 웹은 소프트웨어에 비해 다향한 계층의 사용자가 비교적 단순한 작업을 하기 위해 사용하므로 보다 인터랙티브하게 작업을 지원함으로써 사용자의 인지적 부담을 줄이며 사용의 재미를 줄 필요가 있다. 본 연구에서는 이러한 추세에 따라 등장하고 있는 웹사이트의 인터랙티비티의 개념과 사례를 통해 인터랙티브화하는 경향을 분석하고, 웹의 인터랙티브화를 위한 디자인 전략들이 어떤 것들이 있는지 도출하였으며, 이의 적용 예를 보일 수 있는 사이트 개발 사례 제시를 목적으로 진행되었다. 본 연구는 웹 상에 있어서 인터랙티비티를 부여할 수 있는 디자인 전략을 제시하였으며, e-book 사이트에서의 인터랙티브 북셀프 디자인에 있어 인터랙션 디자인 전략의 적용 사례를 통해 디자인 개발 프로세스에 활용할 수 있는 가능성을 제시하였다.