earticle

영어

The boundary of interaction design has expanded from desktop environment, web-site, and mobile design to diverse objects in our everyday life. In order to provide UI patterns reflecting these changes and evolutions, collaborative and participatory UI pattern library needs to be developed. The goal of this research is to design a new UI pattern library based on the wiki platform, one of Web 2.0 systems. This library will be evolved constantly by diverse users’ participations. To achieve the goal, this research reviews the original concept of pattern, the application cases of the concept of pattern in interaction researches, the concept of Web 2.0 and the characteristics of the wiki platform. The strategies to design the new UI patterns library, named ixpatterns.com, were drawn based on the reviews. The UI pattern library proposed by this research has open structure that enables users of the library to easily update UI patterns. Also, the IA (Information Architecture) was developed by considering user groups’ needs. The ixpattern.com is expected to be a significant case in UI pattern libraries because of its application way of the concept of Web 2.0.

한국어

인터랙션 디자인의 영역은 데스크탑 환경에서 웹, 모바일 환경을 넘어 다양한 기기와 공간 속으로 빠르게 확장되고 있다. 이러한 변화와 진화를 반영한 인터랙션 UI패턴 정보를 제공하기 위해서는, 다양한 사용자들이 참여할 수 있고 협업, 즉 참여자 중심의 지속적 진화가 가능한 패턴 라이브러리 사이트가 반드시 필요하다. 따라서 본 연구는 Web 2.0의 특성을 반영하는 wiki 플랫폼을 채택하여, 사용자들의 참여를 통해 진화하는 새로운 UI패턴 라이브러리 디자인을 목적으로 한다. 이를 위하여, 패턴의 근본적 개념을 이해하고, 인터랙션 디자인에서 패턴의 개념이 적용된 연구들을 살펴보았다. 그리고 Web 2.0과 wiki에 대한 고찰을 통해 새로운 UI패턴 라이브러리의 디자인 전략을 설정하고, ixpatterns.com의 디자인을 진행하였다. 본 연구에서 제시하는 새로운 UI패턴 라이브러리는 wiki의 개방형 구조를 기반으로 UI패턴 생성이 용이하며, 사용자 니즈를 고려한 정보체계로 구성되어 있다. 본 연구에서는 빠르게 진화하는 인터랙션 디자인 환경의 특성을 반영하여, 전문 인터랙션 디자이너와 교육자, 그리고 인터랙션 디자인 관련 전문 기획자 및 일반인 모두가 참여할 수 있고 유용하게 활용할 수 있는 라이브러리 웹사이트를 디자인하는 데 초점을 두었다. 본 연구를 통해 제안되는 UI패턴 라이브러리는 wiki 플랫폼 기반으로 개발되는 웹 라이브러리 선례라는 점에서도 그 연구의 의의가 있다고 할 수 있다.