디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

Bestiary Survivors 개발 일지 #2. 캐릭터, 클랜 정보

IdeaBombers갤로그로 이동합니다. 2024.03.13 07:50:01
조회 5572 추천 22 댓글 23


안녕하세요, Idea Bombers 입니다.


이번 글에서는 최근 Bestiary Survivors에서 캐릭터, 클랜 정보 전달 방식이 어떻게 변화되고 있는지 공유하고자 합니다.


저희 게임의 독특한 특징 중 하나를 뽑는다고 하면, 바로 '클랜(Clan)' 시스템이 있습니다.


각 클랜은 고유의 능력들을 가지고 있으며, 이 고유 능력과 무기 조합에 따라 다양한 캐릭터 커스터마이징이 가능합니다!


저희가 UI/UX 에서 전달해야할 정보는 다음과 같았습니다.


1. 캐릭터 초상화, 이름 등

2. 캐릭터의 무기

3. 클랜의 고유 능력 (여러 가지 중에 선택한 것)

4. 특전 (Perks)


그리고, 각 클랜이 서로 매우 다른 능력을 가지고 있어서, 이들을 어떻게 표현해야 할지 고민이 되었습니다.

이들을 서로 한눈에 비교해서 보여줄지, 아니면 각각을 따로 페이지를 만들어 자세히 설명할지 결정하기 어려웠죠.



2023년 8월 빌드


7fed8275a88260e6e265263ed01ca9d9113992cb716e27186d348a2a4687643e07978d6f863c1062


이때는 정보를 얻기 위해 여러 창을 클릭해야 하는 불편함을 겪으면서, 이 방식이 효과적인 UI/UX가 아니라는 것을 깨달았습니다.

(처음 UI를 제작할 때, 유니티 에셋스토어 에셋을 사용했습니다.)

(스크린샷의 캐릭터 배경 텍스트는 랜덤하게 생성된 거라 게임 스토리와는 무관합니다!)




2023년 11월 빌드 (FGT 행사)


7fed8275a88369e6e265263ed01ca9d9e70c4d1af39bfd97b637053c6010e3f824d4801afa991c


이때, 기획적으로 큰 변화가 있었는데, 15가지 클랜 능력 중 몇 가지를 선택하는 것으로 방향을 잡았습니다.

이는, 게임 후반부에 모든 클랙 능력을 최대로 올려서 오버파워가 되는 것을 방지하고,

플레이어가 조합에 의한 다양한 캐릭터 커스터마이징 경험을 더욱 강조하고 싶었습니다!

이를 고려하여, 한 창에 필요한 모든 정보를 담을 수 있도록 디자인을 변경해봤습니다.

하지만, 저희가 이 시기에 스팀(Steam) 시장조사를 다시 해보니, 유저들께서는 게임 시작하기 전에 캐릭터 선택 등을 자유롭게 고를 수 있는 걸 선호하더라구요.

(이전까지는 랜덤하게 생성하는 구조)

이를 반영하기 위해 다지인을 한 번 더 갈아엎어야 했습니다.

저희는 이 부분에서 UI/UX 시안을 가지고 FGT에서 유저분들께 투표를 했어요. 결과는


a16720ad231fb542be3237619d2fd87d1a169de99a2452a5e23985b0ad7a1c477c21ba7790dfa3cbb41dc4e0cf8bbae531


앞도적으로 많이 2번(이전 버전 디자인)이 좋다고 투표해주셨습니다.

이러한 투표 결과에도 불구하고, 저희는 1번(새로운 디자인)을 갈 수밖에 없었습니다.

2번(이전 버전 디자인)으로는 캐릭터 선택 디자인이 원활하게 진행되지 않았어요...




2024년 3월 빌드



7fed8272a8826be6e265263ed01ca9d9c4b579abaa3840bc8a2b4489b2169bdc2d84ff02



7fed8272a8826be6e35e023ee82d6a3a1cd9fe1acfb88a521d6df3f68f229b


좋은 UI/UX는 정보를 최대한 간결하게 전달할 수 있어야 했고.. 결국, 클랜을 페이지 별로 나누는 방식을 선택했습니다.

이와 함께 세부정보 전달도 개선했습니다.

이전에는 업그레이드 시 얻는 효과를 문장 형식으로 명시했지만, 지금은 변화하는 능력치만 확인하게끔 변경했습니다.

특히, 형식을

주요 설명 (간략히)

업그레이드 스탯 (간략히)

+

개념 (자세히)

이런 식으로 하니까 한결 정리가 잘 되어가는 느낌이 드네요! 프로스트와일드 등등 참고했습니다.



7fed8272a8826be6e35e023ee82da8c53ef6627c2ff6f0840fbb6273b609873e673ca79501


덕분에, 랭크 업 시 어떤 능력치가 변화하는지 한눈에 확인이 가능해졌습니다.



글을 마치며

기획이 바뀔마다 UI/U 디자인도 계속해서 변화해야 했습니다.

필요한 정보를 다 넣으면서도 깔끔하게 보이게 하는 건 정말 쉽지 않은 일인 것 같습니다.

사실, 기획이 확실히 잡혀 있으면 중복 작업을 줄일 수 있겠지만, 재미나 사용자 경험을 위해 기획을 계속 바꿔나가야 하고..

그래서 이런 문제는 어느 정도 받아들이면서 진행해야 하는 것 같습니다.


여러분들께서는 UI/UX 어떻게 진행하시고 계시는지가요?


**


Bestiary Survivors 스팀 페이지 :


https://store.steampowered.com/app/2793210/Bestiary_Survivors/

 




출처: 인디 게임 개발 갤러리 [원본 보기]

추천 비추천

22

고정닉 6

9

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 시세차익 부러워 부동산 보는 눈 배우고 싶은 스타는? 운영자 24/05/27 - -
228045
썸네일
[싱갤] 싱글벙글 ai 그림 학습을 방해하는 기술
[572]
ㅇㅇ갤로그로 이동합니다. 05.03 46808 268
228043
썸네일
[U갤] 롤모델이 추성훈이라는 정대세 근황
[170]
U갤러(103.216) 05.03 25381 33
228041
썸네일
[해갤] 고졸 와이프의 양심 고백.JPG
[304]
해갤러(45.84) 05.03 67709 146
228039
썸네일
[싱갤] 훌쩍훌쩍 사람들 머리 위에 학벌이 나온다면....JPG
[264]
엘레베스갤로그로 이동합니다. 05.02 59152 454
228035
썸네일
[미갤] 해리포터의 적폐 문화.jpg
[473]
ㅇㅇ갤로그로 이동합니다. 05.02 43583 960
228033
썸네일
[이갤] 한국 식물에 천박한 이름이 많은이유...jpg
[641]
설윤아기갤로그로 이동합니다. 05.02 44829 571
228031
썸네일
[디갤] 대충 지금 사진 올리면 됨 ㅇㅇ
[34]
「아이묭」갤로그로 이동합니다. 05.02 15526 59
228029
썸네일
[싱갤] 싱글벙글 회식에 폭탄주 먹고 필름 끊긴 사람....manwa
[94]
엘레베스갤로그로 이동합니다. 05.02 33690 160
228027
썸네일
[유갤] 터키에서 장사하면 대박이 보장된 아이템
[319]
ㅇㅇ(146.70) 05.02 40005 95
228025
썸네일
[군갤] 최초 국산군용기 부활호는 어떤 비행기인가 (2)기술적인 내용
[55]
SV-001/R갤로그로 이동합니다. 05.02 14881 63
228023
썸네일
[싱갤] 싱글벙글 도라에몽 세금 새 에피소드
[182]
한영선갤로그로 이동합니다. 05.02 34135 335
228021
썸네일
[냥갤] 털바퀴&캣맘은 방치하고 반려견만 제재하는 효창공원
[219]
ㅇㅇ(211.246) 05.02 18570 153
228019
썸네일
[기갤] 자유로운 경로당 분위기에 진행 고장난 유재석
[87]
긷갤러(149.34) 05.02 21453 51
228017
썸네일
[유갤] 돈 많이 번다고 오해받을까봐 드림카 수정하는 아이돌
[123]
ㅇㅇ(78.153) 05.02 33077 56
228011
썸네일
[보갤] ㅋㅋㅋㅋㅋㅋㅋㅋ흑자 이 새끼 코미디하냐??
[393]
ㅇㅇ(220.116) 05.02 50098 935
228009
썸네일
[싱갤] 진짜로 그 분 동상 세워지게 생긴 대구시
[1546]
ㅇㅇ갤로그로 이동합니다. 05.02 49131 750
228007
썸네일
[기갤] 현재 반응핫한 영화 상영시간 논란.JPG
[345]
긷갤러(45.128) 05.02 38650 45
228005
썸네일
[미갤] 제발 라멘만 주문해달라는 사장님.jpg
[402]
ㅇㅇ갤로그로 이동합니다. 05.02 49406 397
228003
썸네일
[카연] N회차 고인물 전생 용사 - 3
[15/1]
취즈취킨(222.120) 05.02 11418 47
228001
썸네일
[싱갤] 싱글벙글 환경충들 혈압오르게 만드는 멕시코
[108]
카야조아갤로그로 이동합니다. 05.02 26434 126
227999
썸네일
[야갤] 최근 총선 끝나자마자 여초에서 작업중인 것..jpg
[552]
ㅇㅇ(106.101) 05.02 42866 744
227997
썸네일
[박갤] 중국 상하이에 출장갔다온 후기
[226]
ㅇㅇ갤로그로 이동합니다. 05.02 21973 112
227995
썸네일
[해갤] 손흥민 득점왕 홀대 논란 또 터짐ㅋㅋㅋjpg
[357]
ㅇㅇ(45.134) 05.02 37670 404
227991
썸네일
[디갤] 타이베이의 새
[38]
ㅇUㅇ갤로그로 이동합니다. 05.02 9419 30
227989
썸네일
[싱갤] 싱글벙글 채식주의자가 옳은 이유
[835]
ㅇㅇ(175.124) 05.02 47489 144
227987
썸네일
[바갤] (바리글) 주인 잘못 만난 바이크가 고생하는 바리.gif
[64]
Light_in_Frame갤로그로 이동합니다. 05.02 14233 45
227985
썸네일
[야갤] 방탄소년단 측 법적 대응...후속 안내 ㄹㅇ...jpg
[392]
Adidas갤로그로 이동합니다. 05.02 29391 344
227983
썸네일
[야갤] 9억 5000만 봉지 팔린 과자.jpg
[422]
ㅇㅇ갤로그로 이동합니다. 05.02 45209 243
227981
썸네일
[싱갤] 싱글벙글 목장견 만화.manhwa
[158]
ㅇㅇ갤로그로 이동합니다. 05.02 25279 260
227979
썸네일
[러갤] 유명인들은 대회 나와도 힘드네;;;;
[217]
나나갤로그로 이동합니다. 05.02 35574 168
227977
썸네일
[야갤] 똥남아 기온 50도에 사망자 속출..news
[542]
배그린갤로그로 이동합니다. 05.02 33251 174
227976
썸네일
[위갤] 슬롯 "0" 끌려간 홋카이도 술 여행기 그림리뷰!
[51]
이탄들린모코콩갤로그로 이동합니다. 05.02 11772 54
227974
썸네일
[싱갤] 싱글벙글 호박꽃 만두 만드는 자연인
[160]
수인갤러리갤로그로 이동합니다. 05.02 20926 117
227973
썸네일
[필갤] 망한다는 스라이드 사진으로 입갤 인사드려유
[44]
앙리까부리쑝갤로그로 이동합니다. 05.02 6077 26
227971
썸네일
[주갤] 스탑럴커에 멘탈까지 찢겨버린 블라남
[1031]
주갤러(211.220) 05.02 47013 919
227968
썸네일
[걸갤] 변호사들이 본 미니진 <<< 사태
[541]
갈갤러(1.238) 05.02 31408 548
227967
썸네일
[싱갤] 싱글벙글 취재가 시작되자의 순기능
[234]
ㅇㅇ갤로그로 이동합니다. 05.02 47970 412
227965
썸네일
[야갤] 알람 여러 개 맞춰놓는 게 안 좋은 습관인 이유.jpg
[266]
ㅇㅇ갤로그로 이동합니다. 05.02 31250 86
227964
썸네일
[방갤] “방탄소년단 음원사재기 밝혀달라” 문체부 조사예정
[258]
ㅇㅇ(101.128) 05.02 19120 250
227962
썸네일
[장갤] 기성 작가가 슬럼프 극복하는 법.jpg
[156]
로키어갤로그로 이동합니다. 05.02 31069 211
227961
썸네일
[싱갤] 싱글벙글 대한민국에 현존하는 포켓몬 지방....jpg
[163]
코하레갤로그로 이동합니다. 05.02 33271 91
227959
썸네일
[부갤] 미국 금리와 서울 부동산 ㅋㅋㅋ
[270]
ㅇㅇ(104.28) 05.02 24436 117
227958
썸네일
[새갤] 대통령실 "채상병특검법 강행 유감…죽음 이용한 나쁜정치"
[862]
안희정갤로그로 이동합니다. 05.02 18892 223
227956
썸네일
[싱갤] 싱글벙글 난민 수출 시작한 영국
[395]
니지카엘갤로그로 이동합니다. 05.02 29687 311
227955
썸네일
[야갤] 지하철에서 합창한 노인들…누리꾼 반응 엇갈려.jpg
[173]
ㅇㅇ갤로그로 이동합니다. 05.02 27383 67
227950
썸네일
[디갤] 집앞부터 성수동까지 올드렌즈로
[42/1]
잠실동성시경갤로그로 이동합니다. 05.02 11285 26
227948
썸네일
[부갤] 지방 소멸에 대한 건축학과 교수의 생각.jpg
[608]
ㅇㅇ(185.89) 05.02 31008 290
227947
썸네일
[싱갤] 싱글벙글 대만이 한국을 싫어하는 이유
[653]
ㅇㅇ(122.38) 05.02 31680 308
227945
썸네일
[국갤] 대통령실 "올해 성장률 전망 2.6%, G20중 가장 높은 수치"
[627]
ㄱㄴㄷ(118.235) 05.02 17143 424
227944
썸네일
[야갤] 기관사들은 급한 생리현상, 어떻게 해결할까?.jpg
[212]
ㅇㅇ갤로그로 이동합니다. 05.02 22879 110
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2