디시인사이드 갤러리

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

갤러리 본문 영역

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

IdeaBombers갤로그로 이동합니다. 2024.03.13 07:50:01
조회 5594 추천 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/06/17 - -
236236
썸네일
[싱갤] 싱글벙글 괴롭혔던 일진의 근황을 알게된 뷰티풀너드
[299]
할머니사랑해요갤로그로 이동합니다. 06.02 60698 532
236234
썸네일
[1갤] 무한굴레 얼차려 강요한 여성 군 간부, ‘살인죄’로 고발당해
[654]
한동훈242갤로그로 이동합니다. 06.02 37229 627
236230
썸네일
[대갤] 무너지는 일본 경찰! 여성 자택 침입해 도둑질하다 체포? 실상은...
[173]
난징대파티갤로그로 이동합니다. 06.02 23417 221
236228
썸네일
[야갤] 역대대통령 퇴임이후의 삶.....jpg
[733]
메좆의야짤타임12갤로그로 이동합니다. 06.02 55440 999
236224
썸네일
[야갤] "2030~40대까지".. 아파트 월세가 단 돈 1만원.jpg
[642]
ㅇㅇ갤로그로 이동합니다. 06.02 38486 297
236222
썸네일
[디갤] 스압) 박명수는 사진도 잘찍네
[211]
건전여우갤로그로 이동합니다. 06.02 26802 313
236220
썸네일
[멍갤] 팩트) 퇴직금 9670은 만원 매출 올린분에 대해 지급한 정당한 금액
[271]
멍갤러(39.125) 06.02 26250 381
236218
썸네일
[싱갤] 김정은 지금까지 심정변화.JPG
[416]
백골단갤로그로 이동합니다. 06.02 48845 1194
236216
썸네일
[리갤] 라코 영상팀이 하는 여초식 기싸움 모음...jpg
[405]
ㅇㅇ(1.224) 06.02 52641 1472
236212
썸네일
[싱갤] 싱글벙글 카지노 환수율
[275]
ㅇㅇ(42.82) 06.02 39652 259
236208
썸네일
[프갤] 용사냥꾼 온슈타인 피규어 출력 도색해왔음
[52]
도색하는망령갤로그로 이동합니다. 06.02 8759 55
236206
썸네일
[주갤] 천조국 누나가 fox뉴스에 훈련병사건 제보
[782]
ㅇㅇ(58.79) 06.02 44224 1477
236204
썸네일
[중갤] 밀양 집단성폭행 가해자 딸낳고 맛집 운영
[1879]
스쁠쁠쁠쁠쁠쁠쁠쁠쁠쁠쁠갤로그로 이동합니다. 06.02 68687 1016
236202
썸네일
[주갤] 오늘자 트위터 한녀 주작
[541]
주갤러(218.146) 06.02 49463 919
236200
썸네일
[싱갤] 중국 달탐사선 창어 6호 달 뒷면 착륙 성공
[385]
ㅇㅇ갤로그로 이동합니다. 06.02 20672 99
236198
썸네일
[러갤] 눈물겨운 중국의 전통 의복 홍보
[511]
배터리형갤로그로 이동합니다. 06.02 42328 302
236197
썸네일
[이갤] 오늘부터 초콜릿·음료·김 줄줄이 인상‥또 뭐 오르나?.jpg
[477]
ㅇㅇ갤로그로 이동합니다. 06.02 25011 121
236195
썸네일
[싱갤] 싱글벙글 특정 민족을 상징하는 포켓몬
[348]
Zintp_찐팁갤로그로 이동합니다. 06.02 34178 152
236193
썸네일
[야갤] [단독]정부대표단 명단에 김정숙 여사 ‘특별수행원’.jpg
[312]
ㅇㅇ갤로그로 이동합니다. 06.02 19216 429
236192
썸네일
[멍갤] 방금뜬 강형욱 회사 남자 직원의 폭로 jpeg
[746]
멍갤러(182.225) 06.02 58899 1461
236188
썸네일
[주갤] 속보)) 여중대장 가혹행위 3시간이 아니라 하루종일이었다
[1846]
ㅇㅇ(118.235) 06.02 70018 2494
236187
썸네일
[싱갤] 싱글벙글 남남북녀의 진짜뜻
[373]
치킨트레이더갤로그로 이동합니다. 06.02 55181 1174
236185
썸네일
[무갤] 내년부터 장애인 면제 못준다는 나거한 병무청.jpg
[1509]
무갤러(125.132) 06.02 55312 1041
236183
썸네일
[디갤] 날씨 좋아서 철수했다.
[51]
용접왕씨부엉갤로그로 이동합니다. 06.02 15692 25
236182
썸네일
[야갤] 위기의 최태원.. 이혼 판결 확정시 하루 이자가 무려...GISA
[735]
야떡이갤로그로 이동합니다. 06.02 48755 440
236180
썸네일
[싱갤] 싱글벙글 창녀가 된 황후
[370]
ㅇㅇ갤로그로 이동합니다. 06.02 89510 765
236178
썸네일
[야갤] 최근, 종영한 26년차 '세상에 이런일이' 마지막 녹화장.jpg
[291]
ㅇㅇ갤로그로 이동합니다. 06.02 32941 404
236177
썸네일
[싱갤] 싱글벙글 올해 1분기 동아시아 외국인 관광객 수
[418]
ㅇㅇ갤로그로 이동합니다. 06.02 25623 121
236175
썸네일
[야갤] 놀이터 미끄럼틀에 가위 꽂은 10대들 "장난삼아".jpg
[566]
ㅇㅇ갤로그로 이동합니다. 06.02 30854 261
236173
썸네일
[걸갤] 다니엘이 뮤뱅에서대퓨님했던거 일본에서 난리났노ㅋ
[860]
ㅇㅇ(106.101) 06.02 39276 860
236170
썸네일
[필갤] 스압주의) 뒤늦은 후쿠오카에서 찍은 필름(1)
[25]
창슘갤로그로 이동합니다. 06.02 7000 12
236168
썸네일
[싱갤] 오늘자 중국인한테 낙서 테러 당한 야스쿠니 신사
[1213]
ㅇㅇ갤로그로 이동합니다. 06.02 42148 708
236167
썸네일
[유갤] 희귀한 음색을 가졌다는 보컬리스트 TOP 15...JPG
[280]
방파제갤로그로 이동합니다. 06.02 24073 25
236165
썸네일
[해갤] 토트넘 유스가 손흥민 무시한거땜에 난리났노 ㅋㅋㅋㅋㅋㅋㅋㅋ
[676]
ㅇㅇ(103.163) 06.02 45893 624
236163
썸네일
[싱갤] 훌쩍훌쩍 투병 중에 억울하게 퇴학당한 청년...jpg
[213]
레버러지갤로그로 이동합니다. 06.02 30075 177
236162
썸네일
[야갤] 조국당 "우리 사무실 더 큰걸로 다시 줘!"
[531]
야갤러(180.182) 06.02 28397 107
236160
썸네일
[놀갤] 플래닛 코스터 속 롤러코스터들의 실제 모델 (1)
[22]
맹빈아갤로그로 이동합니다. 06.02 13197 34
236158
썸네일
[기갤] '무면허 운전' 피고인, 화상 재판서 '운전중'.jpg
[114]
ㅇㅇ갤로그로 이동합니다. 06.02 17254 101
236157
썸네일
[이갤] 장소로 알아보는 게이 구별법..jpg
[507]
ㅇㅇ갤로그로 이동합니다. 06.02 56012 132
236155
썸네일
[싱갤] 훌쩍훌쩍 12사단 근황, 국민전선 성명문
[739]
ㅇㅇ갤로그로 이동합니다. 06.02 86812 1430
236152
썸네일
[디갤] 데이터주의) 디붕이 미국 다녀옴
[22]
디붕이(218.156) 06.02 6443 12
236150
썸네일
[이갤] 장위안 해명을 재반박하는 유튜버...jpg
[369]
설윤아기갤로그로 이동합니다. 06.02 33462 335
236148
썸네일
[이갤] 어제자 더불어민주당 전국 집회
[825]
wavy갤로그로 이동합니다. 06.02 24066 141
236147
썸네일
[싱갤] 싱글벙글 아버지가 만들어준 야끼우동
[178]
ㅇㅇ(118.45) 06.02 31472 280
236145
썸네일
[카연] 헬스 처음하는 망가 3 -등-
[56]
불효좌갤로그로 이동합니다. 06.02 16234 58
236143
썸네일
[군갤] 홍콩 주둔 영국군
[84]
ㅇㅇ갤로그로 이동합니다. 06.02 18565 66
236142
썸네일
[싱갤] 전세계 각국의 정보기관 로고들......jpg
[191]
수류탄이야갤로그로 이동합니다. 06.02 27517 75
236140
썸네일
[미갤] 국내 라면 3사 근황 ㄷㄷㄷㄷ.jpg
[326]
ㅇㅇ갤로그로 이동합니다. 06.02 49307 103
236138
썸네일
[싱갤] 스포츠 역사상 최고의 클러치 플레이 TOP 10..gif
[194]
환송대갤로그로 이동합니다. 06.02 22740 105
236135
썸네일
[위갤] 위증리) 스압) 위정자의 코마사 주조&카노스케 증류소 방문기
[33]
연소1갤로그로 이동합니다. 06.02 4638 8
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2