Journal of Digital Convergence (디지털융복합연구)

The Society of Digital Policy and Management (한국디지털정책학회)
권호 표지
DOI QR코드

DOI QR Code

A Study on the Special Characters as UX/UI Icon Design Elements

UX/UI 아이콘 디자인 요소로서 특수 문자 체계 연구

  • Song, Jae-yeon (Department of Design, Seoul National University of Science and Technology)
  • Received : 2021.04.03
  • Accepted : 2021.05.20
  • Published : 2021.05.28
Download PDF
⟨ Previous Next ⟩

Abstract

The purpose of this study is to organize the system of special characters as UX/UI icon design elements, thus laying the groundwork for improvement direction for unclear use regulations. This study examines the theoretical background of UX/UI design and special characters and discovers UX/UI design and special characters' relations and assignments. Besides, the case study summarizes the system of special characters being utilized in the company's UX/UI icon design guidelines to produce the study results. As a result of the analysis, the special character types being utilized in UX/UI were graphic characters, mathematical symbols, punctuation marks, and parentheses. And the special characters commonly used in analysis cases, iOS, Android, and Windows, are ▶, ♥, ★, ○, ⊙, +, ×, ⋯. So this study organizes the common characters to standardize them. Hopefully, this study contributes to increasing the interest in the study of 'special characters' in the UX/UI design field and helps establish a framework for future industrial standards.

본 연구의 목적은 UX/UI 디자인에서 아이콘 요소로 활용되고 있는 특수 문자의 체계를 정리하여, 명확하지 않은 사용 규정에 대한 개선 방향의 근거를 마련하는 것이다. 목적을 달성하기 위한 연구 방법으로 UX/UI 디자인과 특수 문자의 이론적 배경을 고찰하고, 특수 문자와 UX/UI 디자인의 연관성 및 당위 과제를 발견하였다. 그리고 사례연구로 기업의 UX/UI 아이콘 디자인 가이드라인에서 활용되고 있는 특수 문자의 체계를 정리하여 연구 결과를 도출하였다. 분석 결과, UX/UI에서 활용되고 있는 특수 문자 종류는 도형 문자, 수학 기호, 문장 부호, 괄호였다. 그리고 분석사례에서 공통으로 빈번하게 사용되는 특수 문자는 ▶, ♥, ★, ○, ⊙, +, ×, ⋯ 였고, 이에 대한 사용 체계를 정리하여 표준화 근거 자료로 제시하였다. 본 연구의 자료가 특수문자 체계화에 관한 연구의 관심도를 높이는 데 기여하고, 향후 기준의 틀을 마련하는 데 도움이 되기를 기대한다.

Keywords

References

  1. P. Kahn & K. Lenk. (1998). Design: Principles of Typography of User Interface. Interactions, 5(6). 15-29. DOI: 10.1145/28781.287825
  2. S. Hellweger et al. (2014). The Contemporary Understanding of User Experience in Practice. Free University of Bolzano. DOI: 10.6084/m9.figshare.1319577
  3. J. J. Garrett. (2001). The Elements of User Experience. AIGA. p. 33.
  4. Interaction Design Foundation. (n.d.). User Experience (UX) Design. Interaction Design Foundation. https://www.interaction-design.org/literature/topics/ux-design
  5. Usability.gov. (n.d.). User Interface Design Basic.. https://www.usability.gov/what-and-why/user-interface-design.html
  6. M. P. Couper et al. (2001). Web Survey Design and Administration. Public Opinion Quarterly, 65(2). 230-253. https://doi.org/10.1086/322199
  7. Go Global Developer Center. (n.d.). Use of Unicode. Microsoft. http://msdn.microsoft.com/ko-kr/goglobal/bb688113
  8. I. S. Lee (1996). Korean Punctuation's Function. Korean Language and Literature. 21(0). 19-40.
  9. J. S. Seo et al. (1996). A Study on the Survey and Standardization of Publication Forms and Sentences. Seoul :Korean Language Information Science Society.
  10. National Institute of Korean Language. (2014). A Collection of Punctuation Statements. Seoul :National Institute of Korean Language. p. 3.
  11. S. Yi. (2012). Korean punctuation marks from various perspectives of Korean linguistics. Journal of Korean Linguistics. 62. 185-215. DOI : 10.15811/jkl.2012..64.007
  12. S. H. Lee. (2006). A Study on Korean Punctuation Analysis of The Usages. The Academy for Korean Language Education. 74(0). 225-268. DOI : 10.15811/jkl.2012..64.007
  13. Creative Bloq Staff. (2014. 2. 28). The Designer's Guide to Special Characters. Creative Bloq. https://www.creativebloq.com/typography/special-characters-121310119
  14. J. Robinson. (2020. 1. 13). The UX of Punctuation. Planet. https://uxplanet.org/the-ux-of-punctuation-part-1-period-comma-colon-semicolon-ac8f35d34e5
  15. N. Awili. (2018. 6. 11). Punctuation in Design. Prototypr.io. https://blog.prototypr.io/full-stop-in-headers-9a991c0f79df
  16. USWDS. (n.d.). Icon. U.S.Web Design System. https://designsystem.digital.gov/components/icon/
  17. D. H. Kim. (2011). Translation of punctuation marks. Seoul : Hankook Publishing House.
  18. M. J. Noh. (2013). A study on formative system of Hangeul punctuation mark. Master dissertation. Hongik University, Seoul.
  19. Apple. (n.d.). System Icons(iOS and Earlier). Human Interface Guidlines. https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/
  20. Google. (n.d.). System Icons. Material. https://fonts.google.com/icons?selected=Material+Icons
  21. Microsoft. (n.d.). Fluent UI Icons. Fluent UI. https://developer.microsoft.com/en-us/fluentui#/styles/web/icons
  22. K. W. Lee & H. W. Son. (2016. 1. 3). GSIS Glossary. Naver. https://terms.naver.com/entry.naver?docId=3482948&cid=58439&categoryId=58439