본문 바로가기
KERD
논문KCI 등재

어포던스 이론에 기반한 한중 가계부앱 UI 디자인 제안에 대한 연구-기록 페이지를 중심으로-

A Study on UI Design Proposal of Korea-China Account Book App Based on Affordance Theory-Focused on the Account Page-

0

조회

0

다운로드

2

인용

0

참고문헌

키워드

주제분류디자인

초록

기술의 발달로 모바일을 이용한 소비 방식은 더욱 편리해졌다. 이관즈쿠(Analysys)에서 발표한 보고서 따르면 사람들은 자신의 지출 상황을 파악해 자산을 더욱 효율적으로 관리하기 위해 가계부 앱을 사용하는 것으로 나타났으며, 이에 대한 수요가 점차 늘고 있는 것으로 보인다. 현재 시장에는 다양한 스타일의 가계부 앱이 등장하고 있으나, 사용자의 편의를 고려한 UI 디자인의 문제가 끊임없이 발생해 UI 디자인에 대한 고려가 필요한 것으로 나타난다. 이를 개선하기 위하여 어포던스 디자인과 UX(User Experience) 디자인의 밀접한 관련성을 통해 사용자의 행위에 있어 쉽게 조작하고 식별할 수 있도록 발전 시킬 수 있다. 본 연구의 목적은 어포던스 이론을 바탕으로 한중 가계부 앱의 기록 페이지의 UI 디자인을 분석하는 것이며, 이를 위해 선행연구와 문헌 자료를 통해 가계부 앱 UI 디자인의 4가지 시각적 요소와 본 연구에 적합한 어포던스 유형을 도출하였다. 다음으로 이론적 배경에서 도출된 내용을 바탕으로 설문문항을 작성하였으며 전공자들의 인터뷰를 진행하였다. 마지막으로 한중 가계부 앱 4가지의 기록 페이지의 UI 디자인에 대하여 합리적인 개선 방안을 제시하였다. 본 연구의 결과는 앱 인터페이스를 디자인 할 때 레이아웃 방식, 사용하는 색채, 아이콘 스타일, 텍스트가 일정한 규범성과 통일성을 가지고 있어야하며 그 외에 사용자의 조작 습관에 맞게 사용하기 편리하고 명확한 피드백을 통해 사용자와 소통하는 것이 필요하다는 점이 나타났다. 본 연구를 통해 향후 동일 분야의 가계부 앱의 발전을 위하여 참고할만한 자료를 제공하고자 하였다.

Abstract

With the development of technology, mobile consumption methods have become more convenient. According to a report published by Analysys. In order to better grasp their own income and expenditure, the demand for account book apps is gradually increasing. At present, there are a variety of account book apps with different UI design styles on the market. When users use these account book app, the usability of the UI design continues to occur. To improve this, actions and recognition in user behavior can be developed through the close correlation between affordance design and UX design. Therefore, the visual elements of UI design were studied, and screened out four major elements. Based on Hartson's four categories of cognitive, physical, sensory and functional affordance, relevant questionnaires were produced and collected. Finally, combined with the opinions of professionals, a reasonable improvement plan is put forward for the Korea-China account book apps. The results of this study show that when designing an app interface, layout method, color, icon style, and text should have a certain normality and uniformity, and that it is easy to use according to the user's operating habits, and it is necessary to communicate with the user through clear feedback. Through this study, it was intended to provide reference data for the development of account book apps in the same field in the future.

참고문헌 (22)

  1. 도널드 노먼, "디자인과 인간 심리" (2016), 학지사
  2. Gibson, James J., "The Ecological Approach to Visual Perception" (2014), Psychology Press
  3. Li Sida, "Introduction to Interaction Design" (2009), Tsinghua University Press
  4. Wang Duo, "New Impression Deconstruction UI Interface design" (2019), People Post Press
  5. Zhang Jian, "UI Design and Production" (2015), Southwest Normal University Press
  6. 김성훈, "인지적 어포던스 기반의 인터랙티브 e-퍼블리싱 컨텐츠 디자인에 관한 연구", 디자인지식저널, (25), pp.355~366 (2013), 한국디자인지식학회[DOI]
  7. 노주희, "GUI 정보시각화와 UX 어포던스의 영향관계 연구", 박사, pp.2020
  8. 루한이, "어포던스 이론이 적용된 GUI 디자인 제언에 관한 연구-SNS 앱을 중심으로-", 한국콘텐츠학회 논문지, 18(11), pp.113~122 (2018), 한국콘텐츠학회[DOI]
  9. 박샘, "액티브시니어의 모바일뱅킹 앱 사용성 향상을 위한 UI 디자인 연구", 석사, pp.2021
  10. 박진화, "스마트폰 금융 어플리케이션 GUI 특성에 따른사용편의성에 관한 연구", 석사, pp.2015
  11. 송미란, "사용성 평가를 통한 오프라인 간편결제 UI 디자인 제안", 석사, pp.2020
  12. 양운, "iOS GUI 디자인의 변화에 대한 어포던스 관점의 고찰", 스마트미디어저널, 5(4), pp.96~102 (2016), (사)한국스마트미디어학회
  13. 이나은, "모바일 가계부 앱의 지속 사용을 위한 디자인 요소 연구", 학술발표대회 논문집 (2017)
  14. 이태연, "어포던스 이론의 본질과 디자인적용에 관한 연구", 한국공간디자인학회 논문집, 5(4), pp.69~78 (2010), 한국공간디자인학회[DOI]
  15. 이호선, "어포던스 기반의 모바일 커뮤니케이션 콘텐츠디자인에 관한 연구", 한국과학예술융합학회, 18, pp.565~576 (2014), 한국전시산업융합연구원
  16. Gaver, W. W., "Technology Affordances", Proceeding of the SIGCHI Conference on Human Factors in Computing Systems (1991)
  17. Gibson, J., "The Theory of Affordance", Radiation & Environmental Biophysics (2009)
  18. H. REX Hartson, "Cognitive, Physical. Sensory and Functional Affordances in Interaction Design", Behaviour & Information Technology, 22(5) (2003)
  19. Norman, D. A., "Affordance Convention and Design" (2005), Magazine Interactions
  20. "구글 스토어"[URL]
  21. "위키백과"[URL]
  22. "이관즈쿠"[URL]

관련 논문AI추천

이 간행물의 다른 논문 (34건)