모바일 애플리케이션 UI 디자인 구성 요소와 가이드라인 연구-안드로이드 구글 머티리얼 디자인을 중심으로- = A Study on Mobile Application UI Design Components & Design Guidelines -Focused on the Google Material Design Guidelines-

다국어 초록 (Multilingual Abstract)

The purpose of this study is to study the elements that make up the interface design of the applicatio, focusing on Android’s Google Material Design Guidelines. and propose a way to produce the UI design guide by categorizing it according to form and combination methods. The components provided by the Materials Design Guidelines were disassembled form and attributes, types, and the characteristics. The components of UI design include surfaces, letters, icons, and media, which enable the creation of UI style guides, and the components for the purpose of exploring and communicating information, with different components and rules of use used for the purpose. Based on these results, I would like to propose design criteria for the interface of mobile applications and how to utilize it effectively.

국문 초록 (Abstract)

본 연구는 안드로이드의 구글 머티리얼 가이드를 중심으로 애플리케이션의 인터페이스 디자인을 구성하는 요소들에 관하여 연구하고, 형태 및 조합 방식에 따라 분류하여 UI 디자인 가이드 제작하는 방식을 제안하는 데 목적이 있다. 우선 머티리얼 디자인 가이드라인이 제공하고 있는 컴포넌트들을 분해하여 구성 요소들에 대해 분석하고, 형태 및 속성에 따라 구분하여 유형을 나눈 뒤 각각의 특성에 대하여 조사하였다. UI 디자인의 최소 구성 요소로는 표면, 글자, 아이콘, 미디어가 있고 이러한 요소들은 컴포넌트 적용 사례를 수집하여 공통 규칙을 수립하는 방식으로 가이드를 제작하는 것이 효율적이다. 컴포넌트는 목적에 따라 정보 탐색과 알림, 콘텐츠 전달로 분류할 수 있었는데 속성 및 고려해야 할 점이 달라 각각에 맞는 제작 방식을 연구하였다. 이러한 결과는 모바일 애플리케이션의 인터페이스 디자인을 구성하는 데 있어서 효율적 가이드를 제공하는 데 의의가 있으며, 머티리얼 디자인을 바탕으로 하는 UI 디자인의 지침이 될 것으로 기대한다.

참고문헌 (Reference)

1 제갈 은, "안드로이드 애플리케이션 UX 디자인에 대한 연구" 사단법인 인문사회과학기술융합학회 6 (6): 1-8, 2016

2 이홍로, "디자인 패턴을 활용한 LBS기반 모바일 시스템 구현" 한국지리정보학회 12 (12): 26-35, 2009

3 App Annie, "The State of mobile 2019"

4 Shopify, "Polaris design system"

5 A. Holst, "Mobile operating systems’ market share worldwide from January 2012 to July 2019"

6 Google Design, "Material makes it possible"

7 Google, "Material design guidelines"

8 Google, "Information of Material design guidelines"

9 Apple, "Human interface guidelines"

10 J. W. Yun, "Forecast of Global mobile app market"

11 Microsoft, "Fluent design system"

12 Atlassian, "Design system"

13 J. Araujo, "Design Systems : benefits, challenges & solutions"

14 IBM, "Carbon design system"

15 B. Frost, "Atomic design methodology"

16 Nielsen KoreanClick, "Analysis of 'GenerationZ'smartphone usage behavior"