디자인시스템 플랫폼 구축을 위한 인터페이스 인벤토리 개발 연구 (A study on interface inventory development for design system platform construction)

서지정보

· 발행기관 : 차세대컨버전스정보서비스학회
· 수록지 정보 : 차세대컨버전스정보서비스기술논문지 / 12권 / 5호 / 595 ~ 604페이지
· 저자명 : 이영주

초록

본 연구는 최근 국내외 기업들이 디자인의 일관성 유지와 업무 효율성을 위해 구축하고 있는 디자인 시스템을 좀 더 빠르게 구축할 수 있는 방법 중 하나로 인벤토리를 구성하는 것에 포커싱하였다. 그를 위해 이미 구축된 102개의 디자인 시스템과 구글 플레이의 앱 카테고리에서 평점이 4.8 이상이 되는 87개의 앱을 선정하여 키 스크린을 분석하였다. 키 스크린에서는 반복적으로 재사용되는 37개의 UI 구성 요소로 분류되었으며 이를 다시 아토믹 디자인 요소 중 분자와 원자 요소로 분류하여 총 75개의 컴포넌트를 추출하였다. 추출된 컴포넌트는 유사한 기능으로 그루핑하였으며 Action, Container, Contents Display, Data Display, Feedback, Form, Inputs, Loading & Status, Navigational 그리고 Search & Filters의 10개의 인벤토리 그룹으로 분류할 수 있었다. 분류된 각 인벤토리 그룹의 하위요소들은 디자인 시스템 구축 플랫폼을 구성하기 위한 컴포넌트의 핵심 옵션을 크기, 스타일 그리고 상태의 세 가지로 정의되었다.

영어초록

This study focused on organizing inventory as one of the ways to more quickly build the design system that domestic and foreign companies have recently built to maintain design consistency and work efficiency. For this purpose, key screens were analyzed by selecting 102 already established design systems and 87 apps with a rating of 4.8 or higher in the app category of Google Play. The key screen was classified into 37 repeatedly reused UI components, which were further classified into molecular and atomic elements among atomic design elements, and a total of 75 components were extracted. The extracted components were grouped by similar functions and could be classified into 10 inventory groups: Action, Container, Contents Display, Data Display, Feedback, Form, Inputs, Loading & Status, Navigational, and Search & Filters. The sub-elements of each classified inventory group were defined as size, style, and status as the core options for components to form a design system construction platform.

참고자료

· 없음