BrainBox Delivery 모바일 게임 기획과 UI/UX 취업 준비 여정

안녕하세요, 여러분! 이번 블로그에서는 저의 모바일 게임 기획과 UI/UX 설계에 대한 취업 준비 여정을 공유하고자 합니다. 제가 기획한 게임은 "BrainBox Delivery"라는 기억력 강화 게임입니다.

 

이 글에서는 게임의 기획 과정과 UI/UX 설계, 그리고 이를 통해 제가 어떤 경험을 쌓았는지에 대해 자세히 설명하겠습니다. 또한, 각 과정에서의 주요 활동과 필요한 도구, 그리고 배운 점들을 정리하여 여러분께 도움이 되기를 바랍니다.

 

 

게임 기획의 시작 목표 설정과 초기 문서 작성

모바일 게임 기획의 첫 번째 단계는 게임의 목표를 명확히 이해하는 것입니다. "BrainBox Delivery" 게임은 사용자가 배달원으로서 다양한 아이템을 올바른 장소에 배달하는 과정을 통해 기억력을 강화하는 데 초점을 맞추고 있습니다.

 

이를 위해 게임은 점차 복잡해지는 아이템 목록과 배달 경로를 제공하여 사용자가 자연스럽게 기억력과 문제 해결 능력을 훈련할 수 있게 설계되었습니다.

목표 설정의 중요성

게임의 목표는 단순히 사용자에게 즐거움을 주는 것을 넘어서, 그들이 어떤 경험을 통해 성장하고 발전할 수 있는지를 고민해야 합니다. 저는 "BrainBox Delivery"를 기획하면서 다음과 같은 목표를 설정했습니다.

목표	설명
기억력 강화	사용자가 아이템을 기억하고 배달하는 과정을 통해 기억력을 훈련함
문제 해결 능력 개발	복잡한 경로와 아이템 목록을 통해 사용자의 문제 해결 능력을 향상시킴
재미있는 경험 제공	흥미로운 스토리와 도전 과제를 통해 사용자의 몰입감을 높임

이러한 목표를 설정함으로써, 저는 게임이 사용자에게 어떤 도전과 재미를 제공할 수 있을지를 고민하게 되었습니다. 이후 기획 문서 작성 단계로 넘어가, 초기 기획 문서를 작성하는 일에 착수했습니다.

초기 기획 문서 작성

초기 기획 문서는 게임의 전체적인 방향성을 정리하는 중요한 자료입니다. 이 문서에는 게임의 개요, 주요 목표, 타겟 사용자, 핵심 게임 메커니즘, 초기 아이디어 등이 포함되었습니다.

 

저는 Google Docs를 활용하여 이 문서를 작성하였습니다. 초기 기획 문서의 주요 항목은 다음과 같습니다.

항목	내용
게임 개요	"BrainBox Delivery"의 기본 개념과 배경 설명
주요 목표	앞서 언급한 기억력 강화, 문제 해결 능력 개발 등
타겟 사용자	게임을 즐길 수 있는 연령대와 관심사에 대한 분석
핵심 게임 메커니즘	아이템 배달 시스템, 난이도 곡선 설계, 레벨 디자인 등
초기 아이디어	게임의 스토리라인, 캐릭터 디자인, 게임 내 경제 시스템 구상 등

이 문서는 이후 기획 과정에서 참조할 기본 문서가 되어 팀원들이 같은 방향으로 작업을 진행하는 데 큰 도움이 되었습니다. 기획 문서를 작성한 후, 다음 단계로 나아가기 위해 아이디어 확장을 위한 브레인스토밍을 시작했습니다.

 

Flutter와 B... 보러가기

아이디어 확장 브레인스토밍과 콘셉트 정의

아이디어를 발전시키기 위해 Miro와 같은 도구를 활용하여 브레인스토밍을 진행했습니다. 이 과정에서 다양한 아이디어를 시각적으로 정리하고 발전시키는 작업을 수행했습니다.

 

브레인스토밍 후 도출된 아이디어는 "BrainBox Delivery"를 더욱 다채롭게 만들기 위한 기초가 되었습니다.

브레인스토밍 과정

브레인스토밍은 다양한 아이디어를 자유롭게 나누는 과정으로, 이 과정에서 다음과 같은 추가적인 아이디어를 도출할 수 있었습니다.

아이디어	설명
다양한 아이템 종류	플레이어가 사용할 수 있는 다양한 아이템 추가
레벨 디자인 다양화	각 레벨마다 다른 테마와 난이도를 적용하여 도전감을 제공
스토리라인 강화	게임에 스토리를 추가하여 사용자 몰입감을 증대
보상 시스템 개선	사용자가 목표를 달성했을 때 더욱 매력적인 보상을 제공

이렇게 도출된 아이디어들은 게임의 재미를 더욱 강화하고, 사용자에게 더 많은 도전과 재미를 제공할 수 있는 기반이 되었습니다. 아이디어 확장을 통해 게임의 콘셉트를 명확히 정의하는 단계로 나아갔습니다.

콘셉트 정의

콘셉트를 정의하는 과정은 게임의 전체적인 방향성을 결정짓는 중요한 단계입니다. 저는 "BrainBox Delivery"의 콘셉트를 다음과 같이 정의했습니다.

요소	설명
게임의 주제	기억력 훈련을 통한 배달원 역할 수행
사용자 경험	도전과 성취감을 느낄 수 있는 게임플레이 제공
비주얼 스타일	밝고 경쾌한 색상과 직관적인 UI/UX 디자인 적용
게임 메커니즘	아이템 픽업, 배달, 점수 시스템 등 다양한 게임 요소 설계

이 과정을 통해 "BrainBox Delivery"는 명확한 방향성과 콘셉트를 가진 게임으로 구체화되었습니다. 이 콘셉트를 바탕으로 이후 디자인과 개발 작업을 진행할 수 있게 되었습니다.

게임 메커니즘 설계 Trello 보드를 통한 구조화

게임의 메커니즘을 설계하는 과정에서는 Trello 보드를 이용하여 게임의 구조를 시각화하고 각 요소의 상호작용을 이해하는 데 도움을 받았습니다. Trello는 다양한 작업을 관리하고 팀원들과 협업하기에 매우 유용한 도구입니다.

Trello 보드 구성

Trello 보드를 활용해 게임의 메커니즘을 구성하는 과정은 다음과 같이 진행되었습니다.

카테고리	작업 내용
게임 구조	게임의 전체적인 흐름과 각 레벨의 구조를 시각화
아이템 시스템	아이템의 종류, 사용 방법, 효과 등을 정리
배달 시스템	배달 경로와 아이템의 목적지를 설정
난이도 곡선	사용자 경험에 맞는 난이도 조절 방안 구상

이러한 구조를 통해 게임의 각 요소가 어떻게 상호작용하는지를 직관적으로 이해할 수 있었습니다. 이를 기반으로 각 요소의 기능과 역할을 구체화하여, 게임의 진행 과정에서 사용자에게 제공할 경험을 더욱 풍부하게 만들 수 있었습니다.

아이템 및 배달 시스템 설계

게임의 핵심 메커니즘 중 하나인 아이템과 배달 시스템을 설계하면서, 사용자가 게임의 흐름을 자연스럽게 이해할 수 있도록 디자인했습니다. 아이템을 픽업하는 시스템과 배달 시스템은 다음과 같은 요소로 구성되었습니다.

요소	설명
아이템 픽업	사용자가 주변의 아이템을 쉽게 픽업할 수 있도록 직관적인 UI 제공
배달 경로	사용자가 올바른 목적지를 선택하도록 유도하는 경로 설계
피드백 시스템	올바른 선택을 했을 때 사용자에게 즉각적인 피드백 제공

이러한 설계를 통해 사용자는 게임의 목표를 쉽게 알아보고, 자연스럽게 게임에 몰입할 수 있었습니다. 또한, 난이도를 상승시키는 방안으로 Google Sheets를 이용해 난이도 곡선을 설계하였습니다.

UI/UX 설계 Figma를 활용한 디자인

UI/UX 설계는 게임의 전반적인 사용자 경험을 결정짓는 중요한 요소입니다. 저는 Figma를 활용하여 게임의 주요 UI 요소를 설계하였습니다.

 

Figma는 사용자 인터페이스 디자인과 프로토타입 제작에 매우 유용한 도구입니다.

인벤토리 바 UI 설계

"BrainBox Delivery"의 인벤토리 바는 플레이어가 현재 보유하고 있는 아이템을 관리하고, 필요한 정보를 즉각적으로 확인할 수 있는 중요한 인터페이스 요소입니다. 인벤토리 바의 UI는 사용자가 직관적으로 알아보고 쉽게 접근할 수 있도록 설계되었습니다.

설계 요소	설명
기본 레이아웃	화면의 상단 또는 하단에 인벤토리 바를 배치하여 쉽게 접근 가능
아이템 슬롯 디자인	다양한 크기의 아이템을 명확하게 표시할 수 있도록 슬롯 디자인
아이템 아이콘 디자인	각 아이템의 특성을 명확히 나타내는 시각적 아이콘 디자인
인터랙션 디자인	아이템을 선택하거나 드래그할 때의 피드백과 애니메이션 설계

이와 같은 요소들을 고려하여 인벤토리 바를 설계하였으며, 이는 사용자 경험을 보다 향상시키는 데 큰 도움이 되었습니다.

사용자 경험(UX) 고려 사항

인벤토리 바 UI 설계 과정에서 사용자 경험(UX)도 중요한 고려사항이었습니다. UX는 사용자가 게임을 이용하는 전반적인 경험을 결정짓는 요소로, 다음과 같은 점을 중요하게 생각하였습니다.

고려 사항	설명
직관적 배치	인벤토리 바의 각 요소를 사용자가 쉽게 이해할 수 있도록 배치
시각적 피드백	아이템 선택 시 즉각적인 시각적 피드백을 제공하여 사용자 경험 개선

이러한 고려사항을 통해 인벤토리 바는 직관적이고 사용자 친화적인 디자인으로 완성되었습니다. 사용자들이 쉽게 아이템을 관리하고 필요한 정보를 즉시 확인할 수 있도록 하였습니다.

테스트 및 피드백 반영 개선의 과정

게임의 UI/UX를 설계한 이후에는 실제 사용자 테스트를 진행하여 피드백을 받고 개선하는 과정을 거쳤습니다. 이 과정은 게임의 품질을 높이고 사용자 경험을 최적화하는 데 매우 중요합니다.

사용자 테스트 진행

테스트 계획을 수립한 후 Google Forms를 사용하여 사용자 피드백을 받을 설문지를 작성하였습니다. 실제 사용자 테스트를 진행하여 사용자들이 게임을 어떻게 경험하는지를 관찰했습니다.

 

이 과정에서 얻은 피드백은 매우 유용한 자료가 되었습니다.

피드백 항목	개선 사항
UI 이해도	사용자가 특정 아이템을 쉽게 찾지 못하는 경우, 해당 아이템의 위치 조정
시각적 강조	사용 불가능한 아이템에 더 뚜렷한 잠금 표시 추가
인터랙션 개선	아이템 사용 과정에서 혼동을 줄이기 위한 추가적인 피드백 제공

이러한 피드백을 바탕으로 UI를 개선하고, 게임의 전반적인 사용자 경험을 향상시키기 위한 여러 가지 조치를 취하였습니다. 사용자 피드백을 반영하여 게임을 최적화하는 과정은 매우 보람차고 중요한 경험이었습니다.

최종 결과물 및 포트폴리오 구성

이 모든 과정을 통해 "BrainBox Delivery"의 기획과 UI/UX 설계는 완성되었습니다. 이제는 이 기획 문서와 디자인 산출물을 포트폴리오로 구성하는 단계에 들어갔습니다.

 

포트폴리오는 취업 준비에서 중요한 역할을 하며, 자신의 능력을 효과적으로 어필할 수 있는 기회를 제공합니다.

포트폴리오 구성 요소

포트폴리오에는 다음과 같은 내용이 포함되었습니다.

구성 요소	설명
기획 문서	전체 게임 기획과 방향성을 설명하는 문서
UI/UX 디자인 산출물	인벤토리 바, 배달 시스템 등 주요 UI 디자인
사용자 피드백	테스트 결과와 피드백을 반영하여 개선한 사항
개인 경험 및 배운 점	게임 기획 및 UI/UX 설계 과정에서 얻은 개인적인 경험과 통찰

이러한 요소들을 시각적으로 매력적으로 구성하여, 면접 시 자신감을 가지고 설명할 수 있도록 준비하였습니다. 포트폴리오를 완성한 후에는 실제 면접을 대비해 모의 면접을 진행하고 피드백을 받아 개선점을 파악하였습니다.

결론 성공적인 취업 준비의 여정

이 여정을 통해 저는 모바일 게임 기획과 UI/UX 설계의 전 과정을 경험하며, 프로그래머에게 전달할 준비가 된 완성도 높은 산출물을 만들어냈습니다. "BrainBox Delivery"를 통해 저는 자신 있게 취업 준비를 마무리할 수 있게 되었으며, 여러분도 이 과정을 통해 같은 성취를 이룰 수 있을 것입니다.

 

게임 기획과 UI/UX 설계는 많은 노력과 시간이 필요한 과정이지만, 그만큼 보람도 큰 분야입니다. 여러분도 꿈꾸는 목표를 향해 나아가길 바랍니다!

같이보면 좋은 글

 

Flutter와 Bootstrap으로 크로스 플랫폼 웹 개발하기