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

아동 학습 앱에서 어포던스 개념의 적용과 GUI 디자인 요소 효과 탐구 - 6-12세 아동 인터뷰를 중심으로

Exploring the App of the Affordance Concept and Effects of GUI Design in Children's Learning Apps - Focusing on Interviews with Children Aged 6-12

김현석|상일박
디자인융복합학회(구.한국인포디자인학회) (Society of Design Convergence)|2024.10|디자인융복합연구(구.인포디자인이슈) (Design Convergence Study)|제23권 제5호|pp. 15-32

3

조회

0

다운로드

0

인용

0

참고문헌

키워드

AppGraphical User InterfaceAffordance DesignChild Learning
주제분류디자인

초록

본 연구는 아동의 온라인 학습 환경이 확장되면서 나타나는 과제를 수행하 기 위해, 어포던스 개념을 적용하고 GUI 디자인 요소가 인지적, 물리적, 감 각적, 기능적 어포던스에 미치는 영향을 탐구하는 데 목적이 있다. 특히, 어 포던스가 GUI디자인 요소에서 어떤 효과가 나타나는지 분석하고, 아동의 학습 유도성을 개선할 방향을 탐구하고자 한다. 연구방법은 선행연구를 바 탕으로 연구문제를 설정하고, 점유율이 높은 4개의 언어 학습 앱을 대상으 로 버튼/아이콘, 컬러, 레이아웃 등의 GUI 디자인을 사례 분석하였다. 이를 통해 각 앱에서 나타나는 어포던스 디자인 차이를 발견하고, 아동의 인터뷰 로 학습 앱이 아동의 행동 유도성을 고려하고 있는지에 대해서 어포던스의 인지적, 물리적, 감각적, 기능적 측면을 탐구한다. 그 결과 버튼/아이콘의 감각적 어포던스에 레이아웃의 물리적 어포던스가 영향을 미쳤다. 색상은 감각적 어포던스가 높게 나타났지만 아동C를 제외하면 감각적 어포던스와 인지적 어포던스의 연관성이 나타난다. 레이아웃은 아동들의 어포던스 요소 에 대한 평가가 동일하게 나타났다. 본 연구는 아동의 관점에서 GUI 디자 인 요소가 학습 경험에 어떻게 기여하는지 심층적으로 분석함으로써, 향후 아동 교육 앱의 GUI 디자인 개선을 위한 방향을 제시한다.

Abstract

This study aims to apply the concept of affordance and explore how GUI design elements impact cognitive, physical, sensory, and functional affordances in the context of children’s expanding online learning environments. Specifically, it analyzes the effects of affordance in GUI design elements and examines ways to improve children's learning guidance. The research questions were set based on prior studies, and case analyses were conducted on GUI designs such as buttons/icons, colors, and layouts in four popular language learning apps. The study identifies affordance design differences and explores how learning apps guide children’s behavior, supported by interviews. The results show that the sensory affordance of buttons/icons is influenced by the layout's physical affordance. While color exhibited high sensory affordance, a relationship between sensory and cognitive affordances emerged, except for Child C. Layout evaluations were consistent across children. This study provides an in-depth analysis of how GUI design elements contribute to learning experiences and suggests improvements for future educational apps.

참고문헌 (33)

  1. 가건, "어포던스 이론을 토대로 하는 한중 내비게이션앱의 UI디자인 가이드라인", 커뮤니케이션디자인학회, 75(0), pp.312~237 (2021)
  2. 고호경, "스마트 기기 활용 시니어 수학 앱 개발을 위한 어포던스 설계 전략", 한국수학교육학회, 30(1), pp.89~93 (2016)
  3. 김나영, "디자인 유형에 따른 어포던스 적용 차이 연구", 브랜드디자인학회, 17(4), pp.77~88 (2019)
  4. 김병주, "사용자 어포던스를 위한 모바일 GUI 디자인에 관한 연구", 한국일러스아트학회, 19(4), pp.8~ (2016)
  5. 김성훈, "사용자 인지 경험 유도를 위한 어포던스 디자인에 관한 연구", 디자인문화학회, 20(4), pp.359~ (2014)
  6. 김영롱, "검색 포털 서비스 네이버 메인화면 디자인 변화의 흐름", 기초조형학회, 19(4), pp.72~ (2018)
  7. 김윤경, "체감형 학습을 위한 매개 디바이스의 디자인 요구사항", 한국감성과학회, 13(1), pp.103~110 (2010)
  8. 모아라, "영아의 스마트폰 사용 경험에 대한 부모의 걱정 탐색", 한국디지털콘텐츠학회, 18(4), pp.696~ (2017)
  9. 박희연, "아동용 애플리케이션의 교육적 가치와 몰입요소에 대한 연구", 디지털콘텐츠학회, 23(3), pp.413~421 (2022)
  10. 심지은, "어포던스 이론 기반 초등학교 도서관에서의 아동 행태 특성 연구", 한국실내디자인학회, 32(2), pp.82~95 (2023)
  11. 양루잉, "어린이의 어포던스를 위한 교육앱의 UI 디자인 제안", 디자인리서치학회, 8(3), pp.352~365 (2023)
  12. 오주현, "영유아의 스마트 미디어 사용 실태 및 부모 인식 분석", 육아정책연구, 13(3), pp.6~ (2019)
  13. 유소연, "유아 교육용 어플리케이션에서 표현 모티브에 따른 캐릭터 선호도 분석", 디지털디자인학연구, 12(3), pp.95~104 (2012)
  14. 이옥화, "아동들의 학습 주도성과 사회 정서적 웰빙에 대한 학습유도성(어포던스)분석", 교육연구논총, 34(3), pp.51~60 (2013)
  15. 이호선, "어포던스 기반의 모바일 커뮤니케이션 콘텐츠 디자인에 관한 연구", 한국과학예술융합학회, 18(0), pp.577~ (2014)
  16. Duh, E., "Exploring the impracticability of press freedom during a political transition", Online Journal of Communication and Media Technologies, 4, pp.1~26 (2014)
  17. Gaver, W., "Technology affordances", Proc. CHI 91, 4, pp.79~84 (1991), ACM Press
  18. Hirsh-Pasek, K., "Putting Education in"Educational"Apps : Lessons From the Science of Learning", Psychological Science in the Public Interest, 16(1), pp.3~34 (2015)
  19. Piaget, J., "Piaget’s theory", pp.33~47 (1976), Piaget and His School
  20. Zhu, X., "Education in and After Covid-19 : Immediate Responses and Long-Term Visions", Postdigital Science and Education, 2(0), pp.695~699 (2020)
  21. Herbert P. Ginsburg, "피아제의 인지발달이론" (2006), 학지사
  22. Norman. D. A., "The psychology of everyday things" (1988), Basic Books
  23. 오수진, "액티브 시니어를 위한 쇼핑 앱 UI 어포던스 비교 연구", 석사, pp.2018
  24. 이윤혁, "시각장애인을 위한 앱(App) 디자인 사용성 향상 연구", 석사, pp.2020
  25. 이주희, "모바일 어플리케이션 플랫디자인 GUI가 사용자 인지적 어포던스에 미치는 영향", 석사, pp.2015
  26. 초림아, "어포던스 이론에 기초한 중국 특수유아원의 자폐아 교육 공간디자인 요소에 관한연구", 박사, pp.2023
  29. "CNNIC" (2022)[URL]
  30. "CNNIC" (2022)[URL]
  31. "CNNIC" (2023)[URL]
  32. "CNNIC" (2023)[URL]
  33. "Razorfish" (2023)[URL]

관련 논문AI추천

어포던스를 적용한 아동용 게임디자인 개발김동조, 김형기, 박진형(사)한국컴퓨터게임학회 · 컴퓨터게임및콘텐츠논문지2013 · 제26권 제4호교육용 애플리케이션에서의 인터페이스 디자인 활용 - 아동용 스마트폰 앱을 중심으로 -이운형한국디자인트렌드학회 · 한국디자인포럼2012 · 제36호아동 교육용 게임의 사용자 인터페이스(UI) 색채 디자인 분석이동열, 정재주한국디지털정책학회 · 디지털융복합연구2020 · 제18권 제12호앱 아이콘의 인지도와 선호도에 관한 연구 - 초등학생을 위한 앱 아이콘 디자인을 중심으로 -이진호사단법인 한국브랜드디자인학회 · 브랜드디자인학연구2013 · 제11권 제3호어포던스 관점에서 디지털 교과서 사용편의성에 영향을 미치는 요인분석 연구박형주, 송해덕한국교육공학회 · 교육공학연구2009 · 제25권 제3호iOS GUI 디자인의 변화에 대한 어포던스 관점의 고찰양운, 김형우(사)한국스마트미디어학회 · 스마트미디어저널2016 · 제5권 제4호

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

생성형 AI를 통한 아이콘 디자인 시스템 활용 방안 탐색: 토스의 아이콘 디자인을 중심으로장순규pp. 1-14중·고령층 디지털 리터러시 향상을 위한 UTAUT2 모델 기반 디지털 헬스 케어 서비스 모형 연구박승민, 이윤수pp. 33-49퍼소나 제작에서 Human Made 제작 방식과 LLM Made 제작 방식 비교연명흠, 박지은pp. 51-66공연예술의 인터랙션 유형에 따른 무대 연구양예은pp. 67-82GenAI 사용 여부 및 디자인 전공 여부에 따른 디자인 시나리오 제작 과정 비교송혜정, 연명흠pp. 83-96
원문 보기