게이미피케이션을 이용한 모바일 학습 관리 어플리케이션 개발

학습은 관찰자의 눈으로 관찰할 수 있는 사용자의 행동이나 반응보다는 학습자 내면의 태도, 심리변화, 습관 등이 더 중요하게 반영되는 과정이라고 할 수 있다. 따라서 본 연구에서는 일정 기간 서비스를 사용하며 사용자의 행동과 감정을 모두 기록하게 한 뒤 살펴봄으로써 질적인 데이터를 수집하는 사용자 조사 방법인 다이어리 스터디를 수행하였다. 학습자들이 학습하며 느끼고 경험하는 다양한 생각들과 불편함 및 문제점을 알아보고 학습 패턴과 시나리오를 파악함으로써 학습자들을 이해하고자 하였다.

매일 공부하는 5명의 참여자(학습자)를 모집하여 다이어리 스터디를 진행하였다. 본 연구에서 해결할 수 있는 범위혹은 인사이트를 얻을 수 있는 점 위주로 작성될 수 있도록 질문지와 같은 작성양식을 제시하였으며, 일주일 간 매일 그날의 학습과 관련된 경험 및 느낀 점을 바탕으로 일기를 쓰듯 질문에 문장형식으로 응답하도록 하였다. 질문은 오늘의 공부에 있어서 개인적으로 마음에 들었던 점과 아쉬웠던 부분, 오늘 공부하여 활용한 것(앱, 장소, 플래너 등), 오늘의 공부에 대한 스스로의 평가 등으로 구성되었다.

Table 4.

Diary study and in-depth interview participants

다이어리 스터디에서 얻은 데이터를 보완하고 그의 구체적인 맥락을 파악하고자 다이어리 스터디 참여자 중 3명의 학습자(U3, U4, U5)를 대상으로 후속 인터뷰를 진행하였다. 학습자들의 다이어리 스터디를 통해 얻어진 데이터를 기반으로 질문지를 작성하였으며, 반구조적 인터뷰로 사전에 준비한 질문들을 중심으로 1:1 인터뷰를 진행하되 답변 내용에 따라 추가적인 내용을 자유롭게 질문하였다.

다이어리 스터디를 통해 학습자들이 만족감을 느끼거나 스트레스를 받는 맥락, 학습 시 선호하는 서비스와 그 이유 등을 알 수 있었으며, 심층 인터뷰의 경우 다양한 상황과 학습 관리 서비스들의 기능에 대한 구체적인 인식과 그 맥락을 파악할 수 있었다. 다이어리 스터디와 심층 인터뷰를 통하여 학습 경험과 관련된 니즈 및 불편함으로 도출된 주요 의견을 정리하면 다음과 같다. 첫 번째, 학습자들은 공부에 있어서 계획을 세우는 것과 실행하는 것의 중요성을 잘 알고 있으나 효율적으로 계획을 짜는 데에 어려움을 느끼고 있었다.

“바빠도 계획을 세우고 했으면 더욱 효율적일텐데 계획을 잘 못 세운 것이 아쉬웠고, 내일부터는 바빠도 계획을 잘 세우고 활동해야겠다.” (U1, 다이어리 스터디)

“시간 분배를 해서 계획을 짜지 않기 때문에 하루의 계획을 다 못 끝내는 일이 잦다. 계획이 밀리면 스트레스를 받기도 한다.” (U3, 심층 인터뷰)

“시간을 파악하고 계산해서 계획을 짜지 않아서 매일 새벽까지 하는 것 같다. 되는대로 계획에 때려넣는 편이다. 고쳐야 할 점인 것 같다.” (U4, 심층 인터뷰)

두 번째, 학습자들은 공부에 있어 경쟁심리는 긍정적으로 작용한다고 생각하나 공부의 양이나 내용보다는 도서관, 스터디 카페 등의 환경에서 주변 사람들이 공부하는 것을 보며 자극을 받는다는 것을 알 수 있었다. 반면, 유튜브 등의 인터넷 방송에서 다른 사람이 공부하는 화면을 보며 같이 공부하는 ‘스터디 윗 미’ 등의 콘텐츠에 대해서는 효과적이지 않다고 생각하는 모습을 보였다.

“스터디 카페에서 사람들이 열심히 노력하는 모습을 보니 의욕이 생겨서 열심히 할 수 있었다.” (U2, 다이어리 스터디)

“환경에 영향을 많이 받는다. 주변에 공부하는 사람들에게서. 그리고 누군가 나를 지켜보는 느낌” (U3, 심층 인터뷰)

“스터디 카페에서도 저 사람이 앉아있는 만큼 나도 앉아있어야지 하게 된다. 대신, 친구들과 함께 공부하며 내가 더 점수를 높게 받아야지 이런 생각은 들지 않는다.” (U4, 심층 인터뷰)

“스터디 윗 미를 본 적은 있는데 효과적인지는 모르겠다. 그 사람은 그 사람이고 나를 볼 수 있는 환경은 아니니까. 상호작용으로 서로 동기부여를 주는 것에 자극을 많이 받는 편이다.” (U3, 심층 인터뷰)

세 번째, 학습자들은 공부 시간도 중요하지만 그보다 공부의 효율 및 내용이 중요하다고 인식했다.

“공부를 몇 시간 해야지라고 정하고 시작하지는 않는다. 집중력을 높이기까지 어렵고 얼마나 걸릴지도 모르고, 한번 집중하게 되면 끊고 싶지 않아 내 흐름대로 쭉 공부한다.” (U5, 심층 인터뷰)

“오늘의 공부 시간을 비교하는 것 자체는 사실 크게 의미가 없다고 생각한다. 얼마나 빨리 효율적으로 공부했나, 오늘 하는 걸 얼마나 느리게 했나, 이 차이인 것 같다. 사람마다 목표를 달성했는지, 오래 공부했는지 중 무엇이 더 중요한지 기준도 다르고.” (U3, 심층 인터뷰)

“시간체크가 동기부여가 될 수는 있을 것 같다. 열품타처럼 아예 경쟁 구도로 가든지 해서. 하지만 나는 오래 공부하는 것에 가치를 두지 않고 ‘이 정도하고 끝내야지’ 하는 느낌이라 시간에 의미를 두지 않는다.” (U4, 심층 인터뷰)

발견 단계를 통해 조사된 내용을 종합하여 클리스터링 분류 방법에 따라 정리하고 다이어그램으로 구조화한 결과, 총 6가지의 핵심 인사이트가 도출되었다.

첫 번째, 경쟁을 위한 요소로는 다른 사용자를 의식하며 동시에 다른 사용자도 해당 사용자를 의식한다는 느낌을 받을 수 있는 상호작용이 중요하다는 점이다.

두 번째, 동기부여(도전) 요소로는 학습자들이 공부 시간보다는 공부 내용 및 효율이 중요하다고 인식하는 점을 고려하여, 기존의 애플리케이션들처럼 공부 시간 위주의 목표 및 경쟁 요소가 아닌 공부 내용 및 효율을 잘 나타낼 수 있는 비교 자료의 필요성이 나타났다.

세 번째, 학습에 있어 관계 요소는 긍정적으로 작용할 수 있다는 점을 고려하여 애플리케이션 내에서 사용자들이 서로 응원을 주고받는 등 상호작용하며 자극도 받을 수 있도록 해야 할 것이다.

네 번째로는, 할 일을 완료한 후 할 일 목록에 체크하는 것, 공부 시간이 기록된 것 등을 보고 학습자들이 뿌듯함을 느끼고 공부 의욕을 다지게 된다는 점을 바탕으로, 애플리케이션 내에서도 사용자들이 자신의 학습 내용에 따른 뿌듯함을 느낄 수 있도록 적절한 성취의 가시화와 보상이 필요하다는 점을 알 수 있었다.

Table 5.

Affinity diagram

다섯 번째, 학습자들은 계획 관리에 어려움을 느끼며, 자신의 지난 학습 내용을 돌아보며 반성도 하고 그에 따라 공부 의욕을 느끼는 것으로 나타났다. 따라서 공부 관련 데이터가 기록되고, 그를 분석해 제시함으로써 학습자가 지난 학습을 돌아보고 참고하여 앞으로의 공부 계획을 효율적으로 잘 세울 수 있도록 해야 할 필요성이 있었다.

마지막은 기능 관련 내용으로, 학습자들은 학습에 도움이 되는 유용한 기능을 제공하는 디지털 서비스를 적극적으로 사용하나 사용하는 과정에서 공부의 흐름이 깨지지 않기를 원했다. 따라서 본 연구에서 개발하는 서비스는 학습을 위하는 본 기능에 충실하며 간결한 디자인을 제공해야 할 것이다.

사용자 그룹을 유형화한 뒤 2명의 가상 인물을 설정하여 페르소나를 작성함으로써 사용자의 대표적인 니즈 및 문제점을 구체화하고자 하였다.

첫 번째 페르소나 ‘김단아’는 학습 의욕이 높고 공부 습관이 잘 형성되어 있는 학습자이다. 그만큼 계획에 대한 강박이 심하고 공부로 인한 스트레스가 큰 인물로 설정하였으며, 계획이 밀리는 것을 싫어하기 때문에 컨디션 조절과 계획 실천에 어려움을 겪는 유형이다.

Fig. 5.

‘Danah Kim’ persona

Fig. 6.

‘Sanghoon Hwang’ Persona

따라서 계획을 잘 이행하기 위해 효율적으로 계획을 세울 수 있는 기능을 필요로 하며, 공부로 인한 스트레스를 줄이고 즐거운 마음으로 공부하고자 하는 의욕이 강하다.

두 번째 페르소나 ‘황상훈’은 공부에 집중하는 것 자체에 어려움을 겪는 학습자로, 공부 중에도 수시로 스마트폰을 사용하는 등의 집중력이 약한 점을 고치고 공부에 몰입할 수 있는 방법을 고민하는 유형이다. 따라서 실천력과 의지력을 높이고, 집중에 방해되는 자극을 참으면서도 지루하다고 느끼는 공부를 좀 더 재밌게 하고 싶어 한다.

페르소나의 앱 서비스 사용 과정 중의 니즈와 페인포인트를 보다 면밀하게 분석하기 위해 사용자 여정 지도를 작성하여 시간의 흐름에 따른 페르소나의 경험을 시각화하였다. 연속적으로 이루어지는 경험에 따른 감정 변화를 통해 사용자의 입장을 이해하고 구체적인 아이디어를 도출할 수 있었다.

‘김단아’ 페르소나는 공부하는 과정에서 스트레스를 많이 받으나 앱 서비스 사용 중 다른 사람들과 상호작용하고 게이미피케이션 기법의 보상, 성취 요소 등을 통해 재미를 느끼며 보다 즐거운 마음으로 공부할 수 있게 된다.

Fig. 7.

‘Danha Kim’ User journey map

Fig. 8.

‘Sanghoon Hwang’ User journey map

‘황상훈’ 페르소나는 공부를 시작하기 어려워하지만 다른 학습자들이 공부하는 모습을 보고 시작하게 되며, 중간중간 집중력이 떨어질 때도 다른 사람들이 공부하는 모습을 보고 자극을 받게 된다. 또한, 다른 학습자들과 응원을 주고받으며 의욕을 얻기도 하며, 게이미피케이션의 보상 요소를 위해 더욱 열심히 공부하고 다음 날도 보상을 받기 위해 열심히 해야겠다고 다짐한다.

앱 서비스의 주요 목표 및 가치를 정의하기에 앞서 게이미피케이션 요소의 적용을 위한 앱의 컨셉을 설정하였다. 컨셉 설정을 위해 데스크 리서치를 수행한 결과, 최근의 학습자들은 그림 9, 10, 11과 같이 공부 및 할 일에 있어 다소 공격적으로 싸우는 것처럼 접근하여 ‘이겨준다’, ‘조진다’ 등의 단어를 활발히 사용하는 모습을 보였다. 따라서 본 연구에서는 게임에서 몬스터 등과 싸워 물리치거나 퀘스트를 해결하는 것처럼 할 일(공부)을 완료하는 것에 접근하고자 하였다.

Fig. 9.

Desk research results[12]

Fig. 10.

Desk research results[13]

Fig. 11.

Desk research results[14]

Fig. 12.

Design Goal&Direction

또한, 그 과정에서 보통 게임에서 중요한 요소로 평가되는 ‘캐릭터’를 활용하고자 하였다. 할 일(공부) 완료 보상으로 가상재화를 지급하여 캐릭터를 꾸밀 수 있는 아이템을 구매할 수 있도록 함으로써 캐릭터를 꾸미며 성취감을 느끼고, 캐릭터를 꾸미기 위해 열심히 공부할 수 있도록 동기를 부여하며, 다른 사용자의 캐릭터를 구경하며 캐릭터를 꾸미는 것에 있어 경쟁의식도 느낄 수 있도록 설정하였다.

앞서 도출된 인사이트들을 바탕으로 게이미피케이션 요소를 적용한 학습 관리 앱 서비스의 디자인 목표와 방향을 설정하였다. ‘효율적인 계획 수립 및 관리’, ‘다른 학습자와의 상호작용’, ‘성취의 가시화와 보상을 통한 동기부여’, ‘경쟁심리의 활용’, ‘공부 내용 및 효율 중시’, ‘공부의 흐름을 깨지 않는 간결한 시스템’ 등의 디자인 목표를 게이미피케이션 구성 요소인 ‘도전’, ‘성취’, ‘보상’, ‘경쟁’, ‘관계’와 서비스의 기능을 활용하여 달성하는 것을 목표로 둔다. 이를 통해 학습자는 앱 서비스를 통해 더욱 집중하며 즐거운 마음으로 공부에 몰입할 수 있도록 한다.

전달 단계에 앞서 대략적인 화면 및 인터랙션 설계를 위하여 와어어프레임을 제작하고 스토리보드를 작성하였다. 주요 태스크는 1. 할 일(미션) 설정하고 완료하기, 2. 다른 학습자들과 상호작용하기, 3. 아이템 구매 및 캐릭터 꾸미기로 설정하고 그에 따른 화면 및 시나리오를 설계하였다.

Fig. 13.

Task ‘Set up a to-do (mission) and complete it’

Fig. 14.

Task ‘Interact with other learners’

Fig. 15.

Task ‘Purchase items and decorate character’

본 단계에서는 먼저 앱의 주요 태스크를 위주로 제작한 와이어프레임을 사용하여 페이퍼 프로토타입을 제작해 1차 테스트를 진행하였다. 총 5명의 참가자를 대상으로 하였으며, 테스트 결과 및 피드백 내용은 표 6과 같다.

Fig. 16.

First prototype test(paper)

Table 6.

First prototype test results and feedback

Fig. 17.

Character, items, background image design

Fig. 18.

Second prototype test(digital) image

2차 프로토타입 테스트는 1차 테스트의 피드백을 수용하여 와이어프레임을 수정·보완하고, 메인 캐릭터 및 캐릭터를 꾸밀 수 있는 의상, 무기, 악세사리와 미션에 해당하는 몬스터, 이미지 배경 등을 디자인한 다음 디지털 프로토타입을 제작하여 수행하였다.

2차 테스트를 통해 수집한 의견을 바탕으로 프로토타입을 수정·보완한 뒤 최종 GUI 디자인을 완성하였다. 주요 수정 내용으로는, 사용 시나리오를 고려해 할 일(미션)을 설정하고 완료하는 과정에서 더욱 몰입하고 집중할 수 있도록 UI를 수정하였으며, 앱을 처음 실행한 후 공부를 시작하는 과정을 단순화하기 위해 랜딩 페이지를 재구성하였다.

Fig. 19.

GUI Design(Main page&Archive page)

Fig. 20.

GUI Design(To-do list&Create a mission)

Fig. 21.

GUI Design(Study screen)

Fig. 22.

GUI Design(Store)