• 제목/요약/키워드: 웹사이트 디자인

검색결과 191건 처리시간 0.021초

웹 인터페이스디자인 분석방법 연구 (Study in Analyzing Method of Web Interface Design)

  • 이현주;이정현;방경락;류성현;신계옥;이은주
    • 디자인학연구
    • /
    • 제14권2호
    • /
    • pp.209-216
    • /
    • 2001
  • 인터넷과 뉴미디어의 발달로 인해 발생된 웹은 정보공유의 매체로서 뿐만 아니라 새로운 커뮤니케이션으로의 수단이 되고있다. 이에 따라 웹이 정보공유와 커뮤니케이션 목적을 효과적으로 수행할 수 있도록 웹 인터페이스에 관한 디자인 방법론이 정립되어야 한다. 본 연구에서는 효과적인 커뮤니케이션 도구로서 다양한 표현양식의 범위를 포함하는 웹의 효율적인 활용을 위해 웹 인터페이스디자인의 분석방법을 모색하였다. 본 연구는 웹 인터페이스디자인 방법론의 선행연구로서, 웹의 컨텐츠 분류, 정보구조, 웹사이트의 페이지디자인, 인터페이스의 구성원리와 디자인 구성요소를 살펴본다. 이를 바탕으로 웹 인터페이스디자인의 구성요소를 중심으로 하는 인터페이스 디자인의 분석 방법을 제시한다. 본 연구에서 제시한 웹 인터페이스디자인의 분석방법은 웹 분류, 인터페이스디자인의 구성요소분석, 종합분석의 3단계로 나뉜다. 분석결과는 인터페이스디자인을 분류하고 유형화시킴으로써 구체적 디자인 개발의 과정에서 즉각적으로 피드백되는 인터페이스디자인의 가이드라인으로 이용될 수 있으며, 디자인의 예상되는 결과를 미리 검토할 수 있는 자료로서 활용될 수 있을 것이라 기대한다.

  • PDF

차세대 웹 플랫폼의 UX설계 (UX Design of Next Generation Web Platform)

  • 김선우;조영주;김진혁
    • 한국컴퓨터정보학회:학술대회논문집
    • /
    • 한국컴퓨터정보학회 2017년도 제55차 동계학술대회논문집 25권1호
    • /
    • pp.251-254
    • /
    • 2017
  • 최근 현대인들은 웹 환경에 대해 높은 관심을 보이고 있다. 또한 웹 환경에서 HTML5의 표준화에 따라 사용자의 경험, 즉 'UX(User Experience)' 설계에 대한 관심 또한 높아지고 있다. 이러한 환경을 차세대 웹 플랫폼이라 한다. 차세대 웹 플랫폼이라 함은 HTML5라는 웹 표준 규약에 따라 설계한 것을 뜻한다. 따라서 본 논문에서는 이러한 차세대 웹 플랫폼의 UX 설계에 대한 최신 트렌드와 콘텐츠 UX에 대해서 설명하고 반응형 디자인에 따른 웹사이트 수익과의 관계까지 실험결과를 토대로 제시하고자 한다.

  • PDF

모자이크 기법을 적용한 네일아트 융합 디자인 (Nail Art Convergence Design Using Mosaic Technique)

  • 윤우리;강은주
    • 융합정보논문지
    • /
    • 제7권4호
    • /
    • pp.11-17
    • /
    • 2017
  • 현재 네일 리스트들은 기존의 디자인에서 변형 혹은 반복만 되풀이할 뿐 새로운 디자인을 찾지 않아 네일 디자인의 다양성 부족과 디자인을 점점 간소화하고 있는 실정이다. 이러한 관점에서 네일아트 소재의 부족과 디자인 기법의 한계점을 극복하는데 도움이 되고자 다양한 오브제를 활용한 모자이크 기법을 네일아트 디자인과 융합하여 제시하고자 한다. 연구방법은 전문서적과 인터넷 웹사이트, 선행연구를 통해 모자이크 개념과 특성을 분석하였고, 네일아트 융합디자인 제시를 위해 셀로판지, 젤, 홀로그램, 스톤 등 다양한 소재의 모자이크 기법을 적용한 네일아트 디자인 4작품을 현재 살롱에서 각광받는 재료인 UltraViolet Gel을 사용하여 총 4작품을 제작하였다. 연구결과, 다양한 소재의 확장에 대한 가능성을 확인하였고 예술기법과의 융합으로 새로운 네일아트 기법을 제시함으로써 기존 네일 기법의 한계를 극복할 수 있었다는데 본 연구의 의의가 있다. 향후 후속 연구에서는 개발된 기법을 실제 고객을 대상으로 적용하여 만족도 등을 조사하는 실증연구를 통해 네일샵의 매출 증대에 도움이 되고자 한다.

웹 인터랙티비티의 사례분석을 통한 인터랙션 디자인 전략 분석 및 개발 사례 (Analysis and Adaptation of Strategy for Designing Web Interaction through Analyzing Cases of Interactive Website)

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

  • PDF

인터넷 정보탐색 과정에서 정보구조와 메뉴디자인의 상호작용 분석 (Interaction between Information Structure and Menu Design on Information Searching and Attitude in WWW)

  • 유병민
    • 정보처리학회논문지B
    • /
    • 제12B권4호
    • /
    • pp.473-478
    • /
    • 2005
  • 이용자의 인터넷 정보탐색 과정에 웹사이트가 제공하는 메뉴디자인과 정보구조가 어떻게 상호작용적 영향을 미치는 가에 대하여 분석하였다. 상호작용 효과를 분석하기 위해서 두가지 정보탐색(서칭과 브라우징) 방식의 속도와 이용자가 느끼는 3가지 태도 (선호도, 이용도, 방향감 상실)를 분석하였다. 연구결과 서칭을 제외한 나머지 4개의 변인이 메뉴디자인(단순선택형, 풀다운)과 정보구조(증가형, 감소형)의 결합에 의해서 상호작용 효과를 받는 것으로 나타났다. 이러한 연구결과는 웹 사이트 설계와 웹 인터페이스 연구에서 메뉴디자인과 정보구조를 함께 고려하여야 한다는 점을 시사하고 있다.

웹사이트에 나타난 시각적 메시지의 의미작용 연구 -자동차 기업 홈페이지의 intro page를 중심으로 - (A study on the signification of visual message in the website - Focus on intro page of automobile company homepage -)

  • 박상혁;이용호
    • 디자인학연구
    • /
    • 제18권3호
    • /
    • pp.45-54
    • /
    • 2005
  • 시각메시지는 커뮤니케이션 성립을 위한 기본적인 구성요소로 송신자(communicator)에서 수신자(communicatee)에게 어떤 경로(channel)를 통하여 전달되는 기호를 말한다. 일반적으로 시각메시지는 이성적이고 추상적 관념을 전달하는 언어적 요소와 감정적이고 구상적으로 표현할 수 있는 비언어적 요소로 나뉘는데, 특히 수용자의 관심이 낮고 집중도가 낮은 특징의 웹사이트에서는 시각적 유도의 요인을 파악하고 시각메시지에 관심을 집중시킬 수 있는 이미지를 필요로 한다. 즉, 웹사이트는 시각적, 감상적 경험을 느끼게 해주는 매체로서 다양한 양식의 디지털 텍스트로 이루어져 있는 융합적 기호체계의 전형이라 할 수 있다. 본 연구의 주된 목적은 디지털 텍스트의 여러 양상 중 홈페이지의 intro page가 텍스트로서 어떻게 수용자에게 의미작용되는지 기호학적 접근을 통해 이미지 구조의 형성과 기호유형을 파악하여 메시지의 기저의미를 분석하는데 있다. 이미지 구조를 알아보기 위해서 Osgood을 중심으로 개발된 의미분별법(Semantic differential method)을 적용하여 메시지에 대한 태도를 알아보고 퍼스의 기호유형을 도입하여 시각적 메시지의 의미를 분석하고자 한다. 의미작용은 다양한 기호들의 결합에 의해 창출되어지는 것이니 만큼 웹사이트가 전달자와 수용자간에 커뮤니케이션되는 기호들의 의미를 기호학적으로 분석하여 의미작용체계를 알아보고, 시각메시지와 기호학의 관계를 밝혀 기호학의 유용성을 알아보는데 의의가 있다.

  • PDF

SaaS 기반 전자도서관 시스템에 최적화된 사용자 맞춤형 웹 인터페이스 디자인 -LinkSaaS 웹사이트를 중심으로- (User Customized Web Interface Design Optimized for SaaS-based Digital Library System -focusing on the LinkSaaS Website-)

  • 오형용;민병원;오용선
    • 한국콘텐츠학회논문지
    • /
    • 제11권5호
    • /
    • pp.148-156
    • /
    • 2011
  • 최근 클라우드 컴퓨팅의 빠른 보급으로 인하여 기존의 인터넷 환경 뿐 아니라, 하드웨어, 운영체제, 애플리케이션, 서비스까지 모든 면에서 변화하고 있다. SaaS 기반 클라우드 컴퓨팅 환경은 웹 플랫폼 기술과, 웹 클라우드 서비스가 더욱더 밀접하게 연계되는 형태로 발전하고 있다. 전자도서관 시스템도 기존의 ASP 방식에서 벗어나 SaaS 기반의 클라우드 컴퓨팅 환경에 적합한 서비스모델로 진화하고 있다. 웹 인터페이스 측면에서 접근했을 때 SaaS 기반의 클라우드 컴퓨팅 환경에서 중요한 부분은 사용자를 위한 커스터마이징이라 할 수 있다. 따라서 본 논문은 SaaS 기반의 클라우드 컴퓨팅 환경에서 사용성과 접근성을 고려한 사용자 맞춤형 웹 인터페이스를 제안함으로써 기업과 사용자들에게 클라우드 컴퓨팅 환경에서도 쉽게 웹 사이트를 검색할 수 있도록 제안 하고자 한다. 이를 위해 사용자 맞춤형 웹 인터페이스 개선을 위한 디자인을 제시하고 연구대상인 SaaS 기반의 전자도서관 서비스인 LinkSaaS 웹사이트에 적용해 본 후, 사용성평가를 실시하였다. 이를 통해 각각의 사용자 개인에게 맞는 인터페이스 디자인을 구성할 수 있는 UI환경을 제안한다.

유에스에이투데이닷컴의 웹사이트 홈페이지디자인과 서비스디자인 분석 (Website Homepage Design and Service Design of USATODAY.com Analysis)

  • 한칭보;김은주;이지현
    • 디지털융복합연구
    • /
    • 제14권10호
    • /
    • pp.423-430
    • /
    • 2016
  • 본 연구는 이용자와의 상호작용을 추구하는 온라인 커뮤니케이션의 대표적인 매체로 간주되고 있는 유에스에이투데이닷컴을 홈페이지디자인과 서비스디자인 측면에서 분석함으로써 중국의 온라인신문들이 나아갈 방향을 찾는데 도움을 주고자 한다. 이를 위해 지면-온라인신문의 통합 뉴스룸 운영을 통해 세계 최고 수준의 혁신적인 디자인과 서비스를 제공하고 있는 유에스에이투데이닷컴을 2016년 5월 23일부터 6월 5일까지 2주 동안 랜덤하게 방문하여 분석하였다. 유에스에이투데이닷컴은 지면신문인 유에스에이 투데이와 일관된 시각 아이덴티티 연계성을 갖고 있다. 그리고 멀티미디어와 가로읽기 방식의 기사, 이용자와 편집자는 물론 이용자간 쌍방향 소통, 이용자와 광고주를 모두 고려한 광고와 직관적인 결제 기능 등 편리하고 유니크한 서비스디자인을 제공하고 있다. 분석 내용을 토대로 중국도 사용자 경험을 고려한 독창적인 디자인을 개발하여 온라인신문의 페이지와 서비스를 개선한다면 콘텐츠는 물론 디자인도 우수한 세계적인 온라인신문으로 자리매김할 수 있을 것으로 기대한다.

과학기술분야 웹 정보원 평가 및 비교 연구 (A Comparative Study of Web Information Resources on Science & Technology)

  • 김석영
    • 한국도서관정보학회지
    • /
    • 제33권3호
    • /
    • pp.133-152
    • /
    • 2002
  • 본 연구의 목적은 과학기술분야 웹 정보원의 평가기준을 제시하고 평가 기준간의 관계를 규명하는 것이다. 웹 정보원 평가 카테고리로서 정보 콘텐츠, 기능성, 그리고 디자인 둥 세 가지가 제시되었다. 정보콘텐츠는 권위성, 적합성, 최신성을, 기능성은 탐색성, 네비게이션, 이용자 지원성을, 그리고 디자인은 구조 및 외양 등의 평가 요소를 포함한다. 제시된 평가 기준에 근거하여 과학기술 주제분야별로 총50개 웹 정보원을 평가한 결과, 전기·전자공학분야의 웹 정보원이 가장 우수한 것으로 나타났다. 그리고 평가 기준간의 상관관계를 분석한 결과, 정보 콘텐츠와 기능성은 음의 관계를 가진 반면에 기능성과 디자인은 비교적 높은 상관관계가 있는 것으로 나타났다.

  • PDF

비쥬얼 이미지 정보의 점화효과에 따른 디자인 적용방안 - 상업용 웹사이트 배경화면 디자인을 중심으로 - (Design Applications Caused by Priming Effects of Visual Image Information - Based on Background Designs for Commercial Web Site)

  • 김은영;류시천;이진렬
    • 디자인학연구
    • /
    • 제16권3호
    • /
    • pp.273-280
    • /
    • 2003
  • 점화효과(Priming Effect)라 함은 상황효과(Contextual Effect)의 일부로서 "앞서 본 정보에 의해 뒤에 나오는 제품정보의 해석이 영향을 받게되어 제품평가가 달라지는 현상"을 말한다. 점화효과가 다른 상황효과와 구별되는 점은 앞서나온 정보가 제품의 평가에 직접적인 영향을 미치는 것이 아니라 제품정보의 해석에 영향을 미침으로 인해 제품평가에 간접적인 영향을 미친다는 점이다. 위와 같은 이론적 배경을 바탕으로 본 연구에서는 점화효과의 개념을 디자인 분야에 적극적으로 도입하여 온라인 쇼핑몰 디자인에 있어 시각적 이미지들이 제품의 선호도와 선택에 어떠한 영향력을 행사하는지 파악하였다. 디지털카메라를 대상제품으로 '가격과 '크기'에 관한 속성을 점화시킨 웹 페이지를 각각 설계하여 제품에 대한 선호도 차이를 실증분석 하였으며 그 결과 점화된 속성에 따른 제품의 선호도 차이가 유의한 것으로 판명되었다. 따라서 상업용 웹 페이지의 배경화면이 제품의 선택에 영향을 미칠 수 있는 요인이라는 점을 인지하고 이러한 점화효과를 디자인과 접목시켜 온라인상의 광고에도 적극적으로 활용할 수 있기를 기대해본다.있기를 기대해본다.

  • PDF