Browse > Article
http://dx.doi.org/10.14400/JDC.2020.18.5.417

A Study on Mobile Application UI Design Components & Design Guidelines -Focused on the Google Material Design Guidelines-  

Jung, Dayoung (Hongik University, International Design School for Advanced Studies)
Kim, Seung-In (Digital Media Design, Hongik University, International Design School for Advanced Studies)
Publication Information
Journal of Digital Convergence / v.18, no.5, 2020 , pp. 417-423 More about this Journal
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.
Keywords
Android; Google Material design guidelines; Mobile interface; Design guide; Design system;
Citations & Related Records
연도 인용수 순위
  • Reference
1 A. Holst. (2019). Mobile operating systems' market share worldwide from January 2012 to July 2019. https://www.statista.com/statistics/272698/global-market-share-held-by-mobile-operating-systems-since-2009/
2 Google Design. (2018). Material makes it possible. https://www.youtube.com/watch?v=m1diVY4Uzjc&feature=emb_title
3 Google. Information of Material design guidelines. https://developer.android.com/guide/topics/ui/look-and-feel
4 B. Frost. (2016). Atomic design methodology. http://atomicdesign.bradfrost.com/chapter-2
5 J. Araujo. (2018). Design Systems : benefits, challenges & solutions. https://uxdesign.cc/design-systems-62f648c6dccf
6 App Annie. (2019). The State of mobile 2019. https://www.appannie.com/kr/insights/marketdata/the-state-of-mobile-2019
7 J. W. Yun, (2019), Forecast of Global mobile app market. https://www.hankyung.com/it/article/201810187722g
8 Nielsen KoreanClick. (2017). Analysis of 'GenerationZ' smartphone usage behavior.http://www.koreanclick.com/english/insights/newsletter_view.html?code=topic&id=433&page=1
9 E. Jegal & D. H. Choi. (2016). Research of User-eXperience(UX) Design for an Android Application. Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology, 6(3), 1-8.
10 H. R. Lee, J. H. Baek & Y .C .Mun. (2009). Implementation of Mobile System based on LBS using Design Pattern. Journal of the Korean Association of Geographic Information Studies, 12(1), 26-35.
11 Google. Material design guidelines. https://material.io
12 Apple. Human interface guidelines. https://developer.apple.com/design
13 Microsoft. Fluent design system. https://www.microsoft.com/design
14 IBM. Carbon design system. https://www.carbondesignsystem.com
15 Shopify. Polaris design system. https://polaris.shopify.com
16 Atlassian. Design system. https://www.atlassian.design