uibowl
안녕하세요, 유아이볼팀입니다.
여러분은 필요한 게임 레퍼런스를 주로 어디서 찾고 계신가요? 핀터레스트나 Game UI Database 같은 해외 사이트를 뒤지거나, 혹은 원하는 화면 하나를 보겠다고 앱을 직접 다운로드해 본 적 있으신가요?
상점 UI 한 장을 확인하려고 밤새 자동 사냥을 돌렸던 경험, 특정 콘텐츠 화면을 보기 위해 지루한 튜토리얼을 견디며 눈물겹게 레벨업을 했던 기억. 게임 업계에서 레퍼런스를 다뤄본 분이라면 한 번쯤 겪어보셨을 실무의 애환일 거예요.
그렇다면 게임 레퍼런스를 찾는 일은 왜 이렇게 어려운 걸까요?
게임 UI/UX는 일반적인 커머스나 금융, SaaS 앱과 달리 고유의 세계관과 독특한 그래픽 스타일, 그리고 복잡한 인벤토리와 화려한 인터랙션이 유기적으로 맞물려 있어요. 여기에 잦은 업데이트까지 더해지죠. 완성도 높은 프로젝트를 위해 정교한 레퍼런스가 필수인데도, 막상 실무에 쓸 자료를 찾으려면 다음과 같은 벽에 부딪히곤 했어요.
기존 레퍼런스 수집 방식의 명확한 한계
단편적인 이미지의 한계: 핀터레스트 등에서 찾은 스크린샷은 단면만 보여줄 뿐이라, 유저가 실제로 겪는 플로우나 UI의 맥락을 파악하기 어려워요.
해외 레퍼런스 사이트의 아쉬움: 너무 예전 자료 위주로 아카이빙되어 있어, 빠르게 변하는 최신 트렌드를 따라가기 어려워요.
시간과 리소스의 낭비: 원하는 화면(예: 강화, 길드, 상점)을 보려고 게임을 새로 받으면, 진입 장벽을 넘는 데에만 디자인 구상 못지않은 에너지가 소모돼요.
자료를 '조사하고 수집하는 과정' 자체에서 오는 이 비효율을 누구보다 잘 알기에, 유아이볼이 게임 영역으로 발을 넓혔습니다. 일반 앱 디자인의 표준과 영감을 제시해온 유아이볼이, 이제 게임 UI/UX 실무자분들을 위한 든든한 레퍼런스 창고로 거듭나요.
이런 분들께 추천해요!
• "레퍼런스 찾다가 하루가 다 가요" — 자료 조사와 캡처에 쏟던 에너지를 아껴 비주얼과 크리에이티브에만 집중하고 싶은 게임 UI/UX 디자이너
• "화면 간의 흐름이 안 보여요" — 단순 이미지 한 장이 아니라 깊이 있는 시스템 구조와 매끄러운 유저 동선을 기획해야 하는 게임 기획자 및 PM
"타사 게임의 핵심 BM 연출이 궁금해요" — 상위 매출 게임들의 트렌디한 디자인과 연출 요소를 빠르게 파악해 프로젝트에 녹이고 싶은 아트 디렉터 및 업계 종사자
실무 인터뷰(UT)로 정립한 게임 맞춤형 탐색구조 설계
새롭게 탄생한 유아이볼 게임 탭은 여러 차례의 사용자 인터뷰를 거쳐 만들어졌어요. 어떤 기준으로 설계했는지 세 가지로 소개할게요.
1. 플로우(Flow) 중심 레퍼런스 구성
스크린샷 한 장으로는 UI의 진짜 기획 의도와 진입 맥락을 파악하기 어렵죠. 유아이볼 게임 탭은 기존 유아이볼의 강점이었던 플로우 중심 화면 구성을 그대로 가져왔어요. 원하는 화면의 단면만 보여주는 게 아니라, 유저가 진입해 행동하는 일련의 과정을 패턴별로 매끄럽게 확인할 수 있어요. 덕분에 다양한 게임이 유저 인터랙션을 어떻게 설계했는지, 그 기획 의도와 맥락까지 직관적으로 파악할 수 있죠.
2. 8개의 장르 및 4대 패턴 대분류 체계
게임 UI/UX는 장르마다 고유의 맥락과 구조를 가져요. 현업 실무자 인터뷰를 바탕으로 업계 전반에 통용될 수 있는 분류 기준을 세웠어요.
• 현업의 목소리를 반영한 8개의 장르 분류
모호했던 장르 구분을 실무 관점으로 세분화하고, 실사RPG·캐주얼·퍼즐 등 실무자들이 가장 필요로 했던 8개 장르로 구성했어요.
• 게임 문법을 그대로 녹여낸 4개의 패턴 대분류
게임 내 맥락과 기능에 따라 플레이·콘텐츠, 상점·BM, 커뮤니티, 시스템·지원으로 대분류를 나누고, 그 아래로 세부 패턴을 정리했어요. 처음 방문하는 분도 원하는 화면을 곧바로 찾을 수 있어요.
3. 게임 전용 컴포넌트 태그와 특화 필터
단순한 패턴 탐색을 넘어, 조작키·쿨타임 같은 게임 특화 디자인 요소와 매출 정보·연출 필터 같은 차별화된 기능이 필요하다는 점도 인터뷰를 통해 확인했어요.
• 게임 전용 컴포넌트 태그 신설
게임 전용 컴포넌트 태그 12종 신설 조작키, 쿨타임, HP바처럼 게임의 편의성을 좌우하는 컴포넌트 요소들을 다음과 같이 새로 추가했어요.
추가된 컴포넌트:
네비게이션&탭바, 등급&티어, 아이콘 그래픽, 조작키, 지도&맵, 잠금/미해금, 캐릭터, 쿨타임, 타이머, 프로필 이미지, HP바 게이지, 연출
• 게임 맞춤 매출 필터, 연출만 보기 필터 제공
여기에 실제 게임 비즈니스의 특성을 세심하게 반영한 필터 기능도 더해졌답니다. 게임 시장에서는 MAU보다 매출 지표가 더 중요하다는 실무자 피드백을 반영해 월 매출 구간별 필터를 추가했어요. 또한 인터랙션이 핵심인 게임 특성에 맞춰 '연출만 보기 필터'도 더해 탐색 효율을 높였어요.
3줄 요약
실무 인터뷰로 정립한 장르·패턴·컴포넌트 분류 설계로 원하는 레퍼런스를 한 번에 찾을 수 있어요.
게임 비즈니스의 핵심인 '매출 필터'와 인터랙션 요소를 모아보는 '연출만 보기 필터'로 탐색 효율을 높였어요.
플로우 중심 레퍼런스 구성으로 유저의 동선과 UX 맥락을 한눈에 파악할 수 있어요.
자주 묻는 질문 (Q&A)
Q. 기존 유아이볼(일반 앱 UI) 콘텐츠는 그대로 이용할 수 있나요?
A. 네, 게임 탭은 기존 유아이볼에 새롭게 추가된 영역이에요. 일반 앱 UI/UX 레퍼런스는 그대로 이용하시면서, 게임 탭에서 게임 전용 레퍼런스를 추가로 탐색하실 수 있어요.
Q. 매출 필터는 어떤 기준으로 구간이 나뉘나요?
A. 센서타워(Sensor Tower) 데이터를 기준으로 매출 정보를 합산해 구간별로 보여드리고 있어요.
Q. 신규 게임이나 업데이트된 화면도 빠르게 반영되나요?
A. 네, 최신 화면으로 꾸준히 업데이트하고 있어요. 보고 싶은 업데이트 화면이 있다면 support@uibowl.io로 편하게 알려주세요.
Q. 유아이볼 게임 커뮤니티도 있나요?
A. 네, 카카오톡 오픈채팅방으로 운영하고 있어요. 게임 UI/UX와 관련된 소식과 의견을 나누고 싶으신 분은 아래 링크로 들어와주세요.
레퍼런스 수집에 쓰이던 시간과 에너지는 이제 유아이볼에 맡겨두세요. 모든 실무자분들이 오롯이 기획과 디자인에만 집중할 수 있도록, 유아이볼이 함께할게요!
유아이볼
UI/UX 영감을 받을 수 있는 레퍼런스 사이트
