스마트 미디어 환경의 시각 인터페이스 디자인에 관한 연구-브랜드, 프로모션, 쇼핑몰 웹 중심으로- (A Study on Visual Interface Design in Smart-media Environment -Focused on Brand, Promotion, and Shopping-mall Web-)

서지정보

· 발행기관 : 한국디자인문화학회
· 수록지 정보 : 한국디자인문화학회지 / 19권 / 3호 / 779 ~ 790페이지
· 저자명 : 최진원, 박정기

초록

최근 웹뿐만 아니라 모바일 전반을 아우르며 디지털 디바이스의 사용자 환경(UI :User Interface) 디자인 패러다임이 새롭게 변화하고 있다. 이러한 변화 가운데 디바이스가 다양해지고 콘텐츠들이 많아지면서사용자들은 타 기기에서도 웹 서비스를 일관성 있게제공받기를 원하게 되었다.
이에 본 연구에서는 스마트 미디어 환경에 대해 이해하고, 웹사이트 UI디자인 동향을 수집하여 특징을알아보고, 그에 따라 분류된 레이아웃, 스크롤, 해상도, 그래픽요소, 기술 요소를 기준으로 브랜드, 프로모션, 쇼핑몰, 3가지 유형의 사례 분석을 진행하였다.
그 결과 레이아웃은 콘텐츠가 단순하고 비주얼이강화된 일반 그리드, 브로슈어 레이아웃과 스마트기기에 적합한 블록 레이아웃의 형태가 나타났다. 스크롤은 전반적으로 태블릿, 폰에 좀 더 적합한 싱글 페이지 구조의 세로 스크롤 사이트가 늘어나고 있음을 알수 있었다. 해상도 반응의 경우 다양한 해상도에 대응하는 반응형 웹사이트가 늘어나고 있고, 그래픽 요소의 경우 직관적이고 신뢰할 수 있는 사진 이미지의사용이 많았다. 기술적 요소는 스마트 기기에 적합한html5, jQuery의 적용이 많았고, 세로 스크롤 방식을통해 마우스 휠이 아닌 넘김 방식으로 스토리에 맞는모션이 혼합되어 차별화된 경험을 제공했다. 이러한결과로 도출된 동향을 통해 추후 웹사이트 제작 시기초자료로 활용할 수 있으리라 기대한다.

영어초록

Recently, with the web as well as mobile digital devices, the user experience (UI: User Interface) is a new design paradigm is changing. Among these changes, the device As more users are diverse and content to other devices, in addition to the PC consistently provide Web services were to be won.
In this research, a smart media environment for the understanding and design trends by collecting website UI features to learn, and accordingly classified layout, scroll, resolution, design elements, technical elements, based on brand, promotion, shopping malls, three type of case analysis was conducted.
As a result, the content, the layout is simple and regular grid with enhanced visuals, brochure layout and is suitable for smart devices in the form of a block layout appeared. Scroll structure as a whole tablet, phones, a more suitable structure of a single-page vertical scroll was found that increasing the site.
Resolution corresponding to different resolutions reaction responsive Web sites is growing, graphic elements, the intuitive and reliable use of photographic images respectively. Technology components suitable for the smart devices html5, jQuery application of the common vertical scrolling mouse wheel over the story in a way that meets a non-feed is a mixture of motion were differentiated experience. As a result, the derived trends as a basis for making future web site can use to expect that.

참고자료

· 없음