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

검색결과 535건 처리시간 0.027초

웹 어플리케이션 개발을 위한 사용자 인터페이스 패턴 모델 개발과 효용성에 관한 연구 (A Study on Development and Efficiency of UI Design Pattern Model for Web Application)

  • 김창겸;유승연;정영웅
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2007년도 학술대회 1부
    • /
    • pp.653-660
    • /
    • 2007
  • 최근 국내외 소프트웨어 개발 특성의 변화인 잦은 요구사항의 변경, 단축된 비즈니스 라이프사이클, 비용절감의 압력등과 맞물려 생산성을 높이기 위한 개발 접근방식이 요구되었으며, 소프트웨어의 재사용 및 높은 생산성을 제공할 수 있는 대표적인 방법이 디자인 패턴이다. 본 연구는 웹 어플리케이션 시스템 개발에 실제 적용가능한 UI디자인 패턴모델을 개발하기 위해 20개의 웹 어플리케이션 시스템을 표본으로 추출하여 1000여개의 단위업무화면을 분석하였다. 개발한 어플리케이션 UI 디자인 패턴 모델을 실무 전문가(UI디자이너, 개발자)들에게 이해도, 사용적합성, 생산성측면에서 검증하여 실무에 적용가능한 모델임을 객관적으로 증명하였다.

  • PDF

티셔츠 커스터마이징 사용편의성을 위한 웹 GUI 디자인 가이드라인 연구 (A Study on the Web GUI Design Guidelines for the Ease of Using T-shirt Customization)

  • 이샘;정제윤;남원석
    • 한국융합학회논문지
    • /
    • 제12권4호
    • /
    • pp.105-112
    • /
    • 2021
  • 커스터마이징 서비스는 단순 상품판매를 하는 기존 온라인 쇼핑몰과는 달리 구매자가 직접 커스텀 해야 하는 차이점이 있기에 사용자 중심의 원활한 커스텀이 가능한 작업환경이 제공되어야 할 필요성이 있다. 따라서 티셔츠 커스터마이징 웹 GUI의 사용편의성 연구를 목표로 티셔츠 커스터마이징 서비스를 제공하는 웹사이트 3곳을 선정하여 티셔츠 커스터마이징 웹사이트의 현황을 분석하였다. 또한 선행연구를 통해 커스터마이징의 특성이 유의한 웹 GUI 디자인 가이드 평가원칙을 일관성 및 명료성, 조작성, 피드백, 오류의 대처, 마지막으로 공유 및 검색의 용이성으로 총 5가지의 평가원칙을 정립하였고, 이를 바탕으로 티셔츠 커스터마이징 웹 GUI디자인 가이드라인 초안을 작성하여 이를 GUI 관련 전문가 집단을 대상으로 3차례의 델파이 조사를 실시하여 티셔츠 커스터마이징에 효과적인 웹 GUI 가이드라인 평가항목의 내용타당도를 확인했다. 본 연구는 향후 티셔츠 커스터마이징 웹의 제작 및 사용성을 높이는데 기여하고, 효과적인 커스터마이징 웹 GUI 디자인 참고자료로 활용될 수 있기를 기대한다.

유저빌러티를 고려한 교육용 웹 디자인 (VRML교육용 웹 페이지 중심으로) (Educational Web Design Taking Usability into Consideration (Focused on VRML Educational Web Page))

  • 김남희;김태완
    • 한국게임학회 논문지
    • /
    • 제2권1호
    • /
    • pp.16-22
    • /
    • 2002
  • 우리나라에 인터넷이 보급된 이후에 웹 페이지는 초기에는 텍스트 위주에서 그래픽 위주로, 그리고 현재에는 사용자를 위한 디자인으로 발전해 가고 있다. 또한 초고속 정보통신망 구축의 가속화와 멀티미디어 기반 기술의 보편화로 수요자 중심과 시공간을 초월하는 인터넷 기반 서비스로 교육환경이 변화하고 있다. 교사가 일방적으로 이끄는 교육에서 학습자 중심의 교육체제로 전환이 되고 있으며 정보의 공동활용과 정보의 디지털화로 교육의 질적 향상은 물론 비용도 절감하는 효과가 있다. 인터넷상에 수많은 교육용 웹 페이지가 있지만 사용자가 사용하기에 불편한 웹 페이지가 많은 것을 볼 수 있다. 이것은 웹 디자인을 하려면 디자인에 대한 기본기술과 웹에 대한 이해가 수반된 상태에서 웹 페이지를 디자인하여야 하는데 많은 사람들이 이런 기본적인 것들을 무시하는데서 기인한다. 이에 본 논문에서는 사용자가 웹 페이지를 사용하는데 고려해야 할 것들을 살펴보고 이러한 것들을 VRML을 교육하는데 반영한 교육용 웹 페이지를 구현해 보고자 한다.

  • PDF

웹 인터페이스 디자인 평가모델에 관한 연구 (The Study on the Evaluation Model of the Web Interface Design)

  • 신순호
    • 디지털콘텐츠학회 논문지
    • /
    • 제2권1호
    • /
    • pp.81-91
    • /
    • 2001
  • 국가 경쟁력을 강화하고 국내의 IT수요에 효과적으로 대처하기 위하여 인터넷 활용의 기반이 되는 웹 인터페이스 디자인에 대한 인식을 정립할 필요가 있다. 짧은 인터넷 역사와 인터넷 환경의 급격한 변화로 웹 인터페이스 디자인의 기준이 정립되지 못하였을 뿐 아니라 이를 평가할 수 있는 기준과 도구가 구비되지 않아 웹사이트의 양적인 성장에도 불구하고 사용자가 보다. 높은 양질의 웹사이트를 선택할 수 있는 근거가 마련되지 못하고 있는 실정이다. 따라서 본 연구에서는 웹 그래픽 인터페이스의 시지각에 대한 평가방안을 분석하여 개발된 평가기준에 의한 웹의 질적인 제고를 통하여 사용자에게 양질의 웹 서비스가 제공되도록 평가모델을 개발하였고 설문을 통해 개발된 평가모델의 유용성을 검증하였다. 이를 통해 새로운 인터넷 문화를 조성하고 바람직한 웹 디자인의 평가모델을 개발하는데 기여하도록 하였다.

  • PDF

웹 기반 인포그래픽 디자인을 위한 사용성 평가 요소 (Elements for Evaluating the Usability of the Web-Based Infographic Design)

  • 권효정
    • 한국멀티미디어학회논문지
    • /
    • 제16권7호
    • /
    • pp.879-887
    • /
    • 2013
  • 최근 다변화된 웹 환경에서 기존의 정보그래픽 사용성 연구 및 평가 방법론들은 새로운 사용자 경험환경에 적용하는 데 근본적인 한계를 가진다. 다양한 정보 사용자 환경을 고려한 효과적인 웹 디자인을 위해서는 무엇보다 '정보의 단순화와 함축'이 잘 이루어진 인포그래픽 디자인의 사용성에 대한 연구가 필요하다. 본 연구의 목표는 웹 기반 인포그래픽 디자인의 확장성을 이해하고 개념을 재정립하며, 사용성 평가요소를 도출함으로써 이를 통해 효과적인 사용자 경험 데이터를 획득하고자 하는 것이다. 본 연구는 향후 지속적으로 변화하는 스마트 미디어 환경에서 다양한 정보 분야의 융합을 통한 유형별 경험별 데이터와의 연관성을 밝히는 데 기반 연구로 활용될 수 있을 것으로 기대한다.

웹사이트 설계시 감성 커뮤니케이션 향상을 위한 색체계획 수립 연구 (Study on the Color Scheme for Improvement of a Sensibility Communication when Web Site Design)

  • 김남호
    • 한국정보통신학회논문지
    • /
    • 제10권9호
    • /
    • pp.1602-1611
    • /
    • 2006
  • 지금껏 비교적 많은 웹 디자인 가이드라인이 있지만 대부분의 가이드라인은 확인 실험을 거치지 않은 디자이너의 직감이나 상식 에 바탕을 둔 것이 대부분이다. 본 논문에서는 효율성 위주로 하는 사용성 중심의 디자인 방법에서 벗어나 웹사이트의 목적 에 부합하는 감성을 사용자로부터 이끌어 내는 디자인 방법론을 제시하기 위해 I.R.I 색채 연구소의 감성 모형을 통한 색채 계획을 웹 디자인에 적용하여 제작자와 사용자간의 색채를 통한 감성 커뮤니케이션을 향상시킬 수 있는 방안을 제시하였다.

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

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

  • PDF

대학 웹진의 사용자 인터페이스 디자인 조사 (A Survey on User Interface Design of University Webzines)

  • 이주희
    • 한국인터넷방송통신학회논문지
    • /
    • 제14권6호
    • /
    • pp.303-308
    • /
    • 2014
  • 이 논문은 대학 웹진 현황을 토대로 웹진의 목적과 어떤 기능을 담당하는지 사용자 인터페이스 디자인 측면에서 다루고자 한다. 이를 위해 웹진의 내용적 측면과 사용자 중심의 콘텐츠 구성과 컬러 및 내비게이션 디자인 측면에서 조사해 보았다. 조사를 통해, 향후 효과적인 대학 웹진 제작을 위해 사용자와 제작자가 어떤 점에 유의하고 참고하여 디자인해야하는지 알아보고자 하였다. 웹진 제작자와 사용자의 상호 적극적인 커뮤니케이션을 활성화하고 공감하기 위해 웹진이 주요한 기능을 하고 있는지 조사를 통해 알 수 있었으며, 웹진의 이런 특성을 살려 제작한 대학들은 사용자 인터페이스 디자인 측면에서도 우수함을 알 수 있었다.

웹 프로젝트에서 디자인과 프로그램의 분리에 관한 연구 (A Study on Separating Design from Program on Web Project)

  • 정강용;김원중;허영남
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2003년도 춘계학술발표논문집 (하)
    • /
    • pp.1765-1768
    • /
    • 2003
  • 웹 프로젝트는 다양한 언어와 기술들이 결합되어 매우 복잡하고, 개발 및 유지보수의 생산성이 낮은 분야이다. 특히, 화면의 디자인과 프로그램 코드가 혼재되어 있다는 것이 공동개발과 이해를 가장 어렵게 한다. 웹 기반 시스템을 개발하기 위해서는 사용자 인터페이스 디자이너가 먼저 화면 레이아웃을 설계한 후 그 화면의 레이아웃 소스를 가지고 다시 프로그램 로드 개발자가 코딩을 하여 프로젝트를 완성한다. 유지 보수를 하는 경우에도 이와 비슷한 형태로 작업이 진행된다. 이러한 웹 기반의 소프트웨어 개발 방법은 JSP의 태그 라이브러리와 같은 다양한 형태로 제안되었으나 실제로 적용하는데 여러 가지 문제점이 있으며, 기존치 C/S 기반의 소프트웨어 개발에 비해 생산성 측면에서도 매우 좋지 않다. 본 논문에서는 웹 환경에서 운영되는 정보 시스템의 개발 과정에서 발생하는 디자인(사용자 인터페이스)과 프로그램을 분리하기 위한 방법론들의 문제점들을 제시하고 효율적인 분리 방법론이 갖추어야할 조건들을 제시하였다.

  • PDF

스프링 MVC 기반에서 하이브리드 앱 디자인 설계 및 구현 (Design and Implementation of Hybrid Apps Design based on Spring MVC)

  • 이명호
    • 한국융합학회논문지
    • /
    • 제10권3호
    • /
    • pp.395-400
    • /
    • 2019
  • 프론트엔드 영역의 웹 환경은 표현층의 새로운 표준을 선점하고자 하는 경쟁이 높아지고 있다. 국내에서도 다양한 기기에서 하나의 콘텐츠를 끊김없이 이용할 수 있게 해주는 서비스인 N-스크린을 미래의 핵심 서비스로 인지하여 시장선점을 위하여 경쟁을 하고 있으며, 클라우드 컴퓨팅 시대에서 대표적인 서비스 형태가 N-스크린이다. 그러나 엔터프라이즈 환경의 그룹웨어에 필요한 프론트엔드 연구는 대부분 웹에 대해서는 반응형 웹 디자인과 모바일은 네이티브 앱에 국한되어져 왔다. 점차 기업들의 문화적인 차이를 극복하고 하나의 소스를 여러 가지 디바이스를 지원하는 원소스 멀티유즈 전략과 개발 생산성을 위하여 MVC 디자인 패턴의 필요성은 엔터프라이즈 환경에서는 점차 확대되고 있다. 따라서 본 연구에서는 차세대 웹표준의 전자정부 표준프레임워크 환경인 스프링 MVC 기반에서 하이브리드 앱 디자인으로 JPetStore를 분석 및 설계한 후 구현함으로써 향후 엔터프라이즈 환경에서의 프론트엔드 하이브리드 앱 디자인의 참조 모델을 제공하고자 한다.